/************* estilos.css
/***************** contiene la estructura general del site
*********************************************************/


/************ los TAGS  */

		html body {
			margin:0;
			padding:0;
			text-align:center;
			
		}
		

		img,
		p,
		a,
		ul,
		li {
			padding:0;
			margin:0;
			list-style-type:none;
			text-align:left;
			border:0;
			text-decoration:none;
		}

		




/************ DIV QUE FORMA EL FONDO DE LA CABECERA */


		div#fondoCabecera {
		width:1270px;
		height:8em;
		position:absolute;
		left:0;
		background:#8BA3CF;
		border-bottom:1px solid #949495;
		}
		
		
		div#background {
		width:100%;
		position:absolute;
		left:0;
		}

		
		
/************ LA CABECERA  */
		
		div#cont div#header {
		width:100%;
		height:8em;
		background:url(cieloSimple.jpg) no-repeat right top;		
		}
		
		
		div#cont div#header a {
		position:absolute;
		left:0;
		top:16%;
		}
				
				
		div#cont div#header a img {
		width:16.6em;			
		}
						
				
		div#cont div#header img {
		position:absolute;
		top:50%;
		left:27.5%;
		width:20.5em;
		}


/**************** EL MENU*/
		
		ul#menu2 {
		position:absolute;
		top:134px;
		left:14em;
		width:8.3em;
		margin:1px 0 0 0;
		z-index:100;
		border-right:1px solid #B2B2B2;
		padding:0;
		height:60em;	
		}
		
		
				
		ul#menu2 li {
		font-size:120%;
		border-bottom:1px solid #B2B2B2;
		vertical-align:middle;
		}
		
		
		ul#menu2 li a {
		display:block;
		padding:.5em .3em;
		color:#3A3A3A;
		background:transparent;
		font-size:82%;
		line-height:100%;
		vertical-align:middle;
		}
		
		
		div#destacados {
		position:absolute;
		top:365px;
		left:11.9em;
		width:11.6em;
		margin:1px 0 0 0;
		z-index:100;
		height:8em;
		border-bottom:solid;
		border-bottom-width:thin;
		border-color:#990000;
		background-image:url(../img/fondotablas9.png);
		margin-top:6px;
		}
		
		
		div#ladod {
		position:absolute;
		top:130px;
		width:11.7em;
		margin:1px 0 0 0;
		z-index:100;
		height:13em;
		border-color:#990000;
		float:left;
		left: 1030px;
		background-image:url(../img/fondotablas9.png);
		margin-top:6px;
		}
		
		
		
/*************** PARTE CENTRAL*/
		
		
		div#centro {
		border-right:1px solid #B2B2B2;
		position:absolute;
		width:35em;
		top:135px;
		left:25em;
		padding:25px;
		float:left;
		margin:1px 0 0 0;
		}
		
		
		
/*************** PIE DE PÁGINA  */

		
	    div#footer {
   	    width:100%;
		position:fixed;
		left:0;
		background-color:#CC0000;
		bottom:0;
	    }	
		
		
		
		
/***************CAMBIO DE COLOR BOTONES MENÚ IZQUIERDO */
		
		
		#menu div.barraMenu, 
		#menu div.barraMenu a.botonMenu {
		font-family: sans-serif, Verdana, Arial; 
		font-size: 10pt; 
		color: white;
		height:2.2em;
		} 
		
		#menu div.barraMenu { 
		text-align: left;
		} 
		
		#menu div.barraMenu a.botonMenu { 
		background-color: #556975; 
		color: white; 
		cursor: pointer; 
		padding: 4px 6px 2px 5px; 
		text-decoration: none;
		} 
	
		#menu div.barraMenu a.botonMenu:hover { 
		background-color:#FF3300;
		} 
		
		#menu div.barraMenu a.botonMenu:active { 
		background-color:#FF0000; 
		color: white; 
		}