/*hoja de estilo para la web Logia Jovellanos Nº 138*/


/*Barra de menú central*/

ul#menu {
	width: 100%;
	height: 40px;
	background: #2f0aa7 url('../image_1/menu-bg.gif') top left repeat-x;
	font-size: 13px;
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-weight: normal;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0 0 0 12px;
}
ul#menu li a {
	height: 43px;
	color: #2f0aa7;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 4px 15px 0px 35px;
	font-weight: bold;
}
ul#menu li a:hover {
	color: #fdc501;
        font-weight: bold;
}
ul#menu li a.current {
	color: transparent;
	font-weight: bold;
	background: #FFF url('../image_1/current-bg_1.gif') top center  no-repeat;
	padding: 5px 0px 0px 0px;
}

/*Barrade menú izquierdo*/

#ddblueblockmenu {
border: 1px solid black;
border-bottom-width: 0;
width: 185px;
}

#ddblueblockmenu ul {
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a {
display: block;
padding: 3px 0;
padding-left: 2px;
width: 175px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #C10001;
border-bottom: 1px solid #90bade;
border-left: 7px solid #ec0112;
}

* html #ddblueblockmenu li a { /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover  {
background-color: #c10001;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.Ntooltip { 
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 10px;
background-color: #fdc501;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

div.Ntooltip  {
position: relative; /* es la posición normal */
text-decoration: none !important; /* forzar sin subrayado */
color:#0080C0 !important; /* forzar color del texto */
font-weight:bold !important; /* forzar negrillas */
}

div.Ntooltip:hover  {
z-index:999; /* va a estar por encima de todo */
background-color:#000000; /* DEBE haber un color de fondo */
}

div.Ntooltip span  {
display: none; /* el elemento va a estar oculto */
}

div.Ntooltip:hover span  {
display: block; /* se fuerza a mostrar el bloque */
position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
top:2em; left:0em; /* donde va a estar */
width:150px; /* el ancho por defecto que va a tener */
padding:1px; /* la separación entre el contenido y los bordes */
background-color: #0080C0; /* el color de fondo por defecto */
color: #FFFFFF; /* el color de los textos por defecto */
}



/*marco de la izquierda y superior*/


body{

margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

.alineacion_gle {margin:left;}

#marco_izquierda, #marco_superior{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #BD0016;
color: white;
}

#marco_superior{ 
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
width: auto;
height: 140px; /*ancho del marco superior*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #BD0016;
color: white;
}

#principal{
position: fixed; 
left: 170px; /*ancho del mnarco izquierdo*/
top: 140px; /*ancho del marco superior. Parte izquierda*/
right: 0;
bottom: 0;
overflow: auto; 
background: #000000;/*fondo del lugar en el que irá el texto*/
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 0 0 200px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #principal{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #marco_superior{ /*IE6 hack*/
width: 100%;
}



/*imagen superior*/


.fondo {
    background-color : #000000;
  }


img,.imagen {
    display: block;
    margin: auto;
  }

/*enlaces del marco de la izquierda*/

.botones_marco_izquierda{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px; /* width of menu */
}

.botones_marco_izquierda li{
border-bottom: 1px solid white; /* borde blanco del boton */
}

.botones_marco_izquierda li a{
background: #333 url(media/sexypanelright.gif) no-repeat right top; /*color del menu por defecto*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: white;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.botones_marco_izquierda li a:visited, .botones_marco_izquierda li a:active{
color: white;
}

.botones_marco_izquierda li a:hover{
background-color: black; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}




/* estilo de las páginas de /html */




.texto {
    background :black;
  }


p,.texto_0 {
    color : #ffffff;
    font-family : 'sans-serif';
    font-size : 16px;
    font-weight : bold;
    padding:28px 40px 20px 200px;
  }


#texto_0 {
    color : #c10001;
    font-family : 'sans-serif';
    font-size : 16px;
    font-weight : bold;
    padding-left : 150px;
  }


p,.texto_1 {
    background-color : #000000;
    color : #ffffff;
    font-family : sans-serif;
    font-size : 15px;
    padding-left : 25px;
    padding-right : 25px;
    text-align : justify;}
    
    /*Formulario*/
    
    
.cssform p {
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label {
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}