/* CSS Document  Created by Alejandro Briz */
/* info@alejandrobriz.es :: www.alejandrobriz.es */

/* colores 
Naranja oscuro	#CC6633
Naranja claro  #FFCC66
Azul oscuro #183A8D
Gris muy claro #F5F5F5
Gris medio #DCDCDC
*/
	* { margin:0; padding:0; }
	.clear { clear:both; }
	.left { float:left; margin:0 10px 0 0; }
/* body */

 	body {
		font: 0.9em/1.2em "Futura", Arial, Helvetica, sans-serif;
		color: black;      
 		background:url(image/bg_top2.gif) top left repeat-x;
		}
	
	div#contenedor {
		
		width:1100px;
		margin:0 auto;
		
		}

/* textos */

	h1 a {
		padding-left:35px;
		display:inline;
		color:#183A8D;
		background:url(image/encabezadoh1.gif) bottom left no-repeat;
		text-decoration:none;
		font-size:0.8em;
		}
		
	h1 a:hover { color:#CC6633; }	
	
	h2 a { 
		padding-left:30px;
		display:inline;
		color:#183A8D;
		background:url(image/encabezadoh2.gif) bottom left no-repeat;
		text-decoration:none;
		line-height:1.2em;		
		}
		
	h3 a { 
		padding-left:30px;
		display:inline;
		color:#183A8D;
		background:url(image/encabezadoh3.gif) bottom left no-repeat;
		text-decoration:none;
		line-height:1.2em;		
		}
		
		h4 a,h5 a,h6 a { 
		padding-left:25px;
		display:inline;
		color:#183A8D;
		background:url(image/flecha.gif) left no-repeat;
		text-decoration:none;
		line-height:1.2em;		
		}
	
	b { font-weight:bold; }
	
	p {  }

	blockquote {
		margin:0 15px;
		color:#666666;
		line-height:0.8em;
		text-align:left;
		font-size:0.8em;
		}

	cite {
		color:#DCDCDC;
		border-top:dashed 1px #183A8D;
		border-bottom:dashed 1px #183A8D;
		padding:5px 10px;
		margin:5px;
		display:block;
		}

	hr { border:solid 1px #183A8D; margin:5px 0; } 
	
/* Enlaces */
	
	a { color:#183A8D; text-decoration:none; margin:0; padding:0; }

	a:hover { text-decoration:underline; }	

/* listas */

	div#contenido ul, ol { 
		list-style:circle;
		list-style-position:inside;
		margin:0 25px;
		line-height:1.4em;
		}	
				
/* head */
	
	div#head {
		height:96px;
		background:url(image/bg_head2.gif) bottom left repeat-x;
		}
		
	div#head .logo {
		margin:4px 0 0 320px;
		border:none;
		}
	
	div#head .sombra {
		position:relative; 
		bottom:10px; 
		}
		
/* imagenes enlazadas */

	img { border:none; }				
		
/* menu superior */	
		
	div#menu_superior {
		height:54px;
		background:url(image/bg_menu_superior.gif) top left repeat-x;
		}	

	div#menu_superior ul {
		list-style:none;
		list-style-position:inside;
		padding:15px 5px;
		}
		
	div#menu_superior ul li {
		display:inline;
		float:left;
		border-right:solid 1px #FFFFFF;
		}
	
	div#menu_superior ul li:last-child { border-right:none; }	
		
	div#menu_superior ul li a {
		color:#FFFFFF;
		text-decoration:none;
		font-size:1em;
		margin:0 7px;
		}		

	div#menu_superior ul li a:hover {
		color:#FFCC66;
		}

/* Contenido */

	div#contenido { padding:5px; width:99%; }
			

/* menu_nivel1 */

	div.col2 ul.menu_nivel1 {
		list-style-position:inside;
		border:solid 2px #DCDCDC;
		padding:5px;
		}
		
	div.col2 ul.menu_nivel1 li {
		line-height:1.6em;
		list-style:none;
		display:inline;
		width:100%;
		min-width:350px;
		height:25px;
		padding:3px 0;
		margin:1px 0;	
		}
			
	div.col2 ul.menu_nivel1 li a {
		display:block;
		background:url(image/btn_off.gif);
		border-right:solid 1px #c5c5c5;
		font-size:0.8em;
		text-decoration:none;
		color:#000000;
		padding:0 5px 0 40px;
		}
		
	div.col2 ul.menu_nivel1 li a:hover { 
		background:url(image/btn_on.gif);
		color:#FFFFFF;
		}
		
/* menu_nivel2 */
	
	div.col2 ul.menu_nivel2 {
		list-style-position:inside;
		padding:5px;
		}
		
	div.col2 ul.menu_nivel2 li {
		line-height:1.8em;
		list-style:url(image/flecha.gif);
		display:block;
		width:100%;
		height:25px;
		padding:3px 0;
		margin:1px 0;	
		}
			
	div.col2 ul.menu_nivel2 li a {
		display:block;
		background:url(image/btn_off.gif);
		border-right:solid 1px #c5c5c5;
		font-size:0.8em;
		text-decoration:none;
		color:#000000;
		padding:0 5px 0 40px;
		}
		
	div.col2 ul.menu_nivel2 li a:hover { 
		background:url(image/btn_on.gif);
		color:#FFFFFF;
		}
		
/* contenido 
/*
	div#publicidad336x280 {
		width:336px;
		display:block;
		
		float:left;
		margin-right:10px;
		}
		
	div#publicidad120x600 {
		width:120px;
		
		display:block;
		
		float:right;
		margin-left:10px;
		}
		
	div#publicidad728x90 {
		width:728px;
		
		display:block;
		
		float:left;
		}			
*/		
/* footer */

	div#footer {
		height:37px;
		background:url(image/bg_footer.gif) bottom left repeat-x;
		}
	
	div#footer ul {
		list-style:none;
		list-style-position:inside;	
		}
		
	div#footer ul li {
		display:inline;
		float:left;
		padding:5px;
		}

	div#footer ul li a {
		text-decoration:none;
		font-size:0.8em;
		color:#333333;
		margin:5px;
		}		
		
	div#footer ul li a:hover { color:#CC6633; }
	
/* ------------------------------------ */

/* columna container */
.contenedor {
	position:relative;	
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;
	min-width:1100px;		
}
/* columnas preferencias */
.colright,
.columna_medio,
.colleft {
	float:left;
	width:100%;			
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	
	overflow:hidden;
}
/* 3 Columnas preferencias */


.trescolumnas .col1 {		/* Ancho del contenido del Centro de la columna (menos el ancho de columna de relleno a cada lado) */
	width:35%;				/* 100% más de relleno izquierda del centro de la columna */
	margin:0 15px;
	min-width:410px;
}
.trescolumnas .col2 {
	width:35%;				/* Anchura del contenido de la columna izquierda (menos el ancho de columna de relleno a cada lado) */		
	margin:0 0 0 30px;				/* ancho de (columna derecha), más (columna de centro izquierda y el relleno a la derecha), más (a la izquierda columna de la izquierda relleno) */
	min-width:410px;
}
.trescolumnas .col3 {
	width:20%;				/*Anchura del contenido de la columna derecha (menos el ancho de columna de relleno a cada lado)*/	
	margin:0 0 0 40px;			/*Por favor tome nota de los soportes de aquí:
(100% - Ancho de columna de la izquierda), además de (columna de centro izquierda y el relleno a la derecha) más (columna de la izquierda a la izquierda y la derecha relleno) más (columna de la derecha a la izquierda relleno) */
	border-left:solid 1px #CCCCCC;
}


div.col2 ul li, .col1 ul li, .col3 ul li { 
	list-style:url(image/star_blue.png);
	height:16px;
	list-style-position:inside;
	padding:5px 0;
	line-height:2em;
	}
	
div.col3 img { border:none; margin-left:10px; padding-bottom:5px; }	

div.col3 h1, h2 { margin-left:12px; }

#redes-sociales {
text-align: center;
padding:6px;

}