
/* CSS - Hoja de estilo - SGM - Oscar Carbajo */

/*------------------------------------------CONFIGURACIÓN BÁSICA------------------------------------------*/

body {
	background:url(../img/bg_principal.jpg) repeat-x;
	background-color:#FBF5DF;
	margin:0px auto;
	color:#8a8050;
	font-family:Tahoma;
	font-size:16px;
}

h1 {margin:0px; padding:0px; font-size:21px;}
h2 {margin:0px; padding:0px; font-size:18px;}
h3 {margin:0px; padding-top:15px; font-size:16px;}

a {color:#069; text-decoration:none;}
a:hover {text-decoration:none;}
a img {border:0px;}


/*
#global{background:url(../img/bg_superior.jpg) repeat-x;}
#contenido{margin:0px auto; width:980px; padding:0px}
*/

#separador {clear:both; height:10px;}
#separador_colI {clear:both; height:7px;}
#separador_superior{clear:both; height:14px;}
#lineaAr{clear:both; height:5px; border-top:1px #ada999 solid;}
#lineaAb{clear:both; height:5px; border-bottom:1px #ada999 solid;}

/*-----------------------------------------------  CABECERA  -----------------------------------------------*/

#cabecera {background:url(../img/bg_cabecera.jpg) no-repeat; width:980px; height:268px; margin:0px; padding:0px;}

/*-----------------------------------------------  CONTENIDO  ----------------------------------------------*/

	#cuerpo {width:980px;margin:0px auto;}


	/*COLUMNA IZQUIERDA*/
	#cuerpo .colI {width:240px;float:left;}
	#cuerpo .colI .acceso {width:240px;height:232px;background:url(../img/bg_areausuarios.jpg) no-repeat;}
	#cuerpo .colI .buscador {width:240px;height:232px;background:url(../img/bg_buscador.jpg) no-repeat;}
	#cuerpo .colI {width:240px;float:left;}
	
	/*MENU IZQUIERDA*/
	#cuerpo .colI .menu {list-style:none; margin:0px; padding:0px; width:240px;}
	#cuerpo .colI .menu li {margin:0px; padding:0px; height:38px;}

	/*COLUMNA DERECHA*/
	#cuerpo .colD {width:740px;float:left;}
	#cuerpo .colD .imagen_titulo {width:740px; height:54px;}
	
	#cuerpo .colD .texto {width:630px; padding-left:25px;}
	#cuerpo .colD .texto p{text-align:justify;}	
	
	#cuerpo .colD .directiva {width:630px; padding-left:25px;}
	#cuerpo .colD .directiva p{text-align:justify;}
	#cuerpo .colD .directiva li{text-align:justify;list-style-image:url(../img/img_icono_listado.gif); padding-left:10px; }
	
	#cuerpo .colD .imagen {width:740px;}
	#cuerpo .colD .imagenP {width:740px; text-align:center;}

	/*NOTICIAS*/
	#cuerpo .colD .noticias {width:740px;}
	#cuerpo .colD .noticias .titulo {width:630px; height:25px; background:url(../img/img_ico_noticias.jpg) no-repeat; padding-left:30px;line-height:25px; vertical-align:middle;}
	#cuerpo .colD .noticias .titulo h2 {padding:0px;margin:0px; float:left;}
	#cuerpo .colD .noticias .titulo .fecha {margin-left:10px; font-size:11px;}
	#cuerpo .colD .noticias .elemento {width:740px;}
	#cuerpo .colD .noticias .elemento .imagen{float:left; width:273px; height:186px; background:url(../img/bg_foto_noticias.jpg) no-repeat; margin-right:8px;}
	#cuerpo .colD .noticias .imagen img{width:257px; height:170px; overflow:hidden;}
	#cuerpo .colD .noticias .elemento .texto {float:left; width:350px; text-align:justify; font-size:14px; padding-top:10px; padding-left:0px;}
	#cuerpo .colD .noticias .elemento .boton {width:350px; height:44px; margin-top:20px; text-align:right;}	
	
	/*GALERIA*/
	#cuerpo .colD .galeria {width:740px;}
	#cuerpo .colD .galeria .elemento {width:273px; float:left; margin-top:20px; margin-right:50px;}
	#cuerpo .colD .galeria .elemento .titulo {background:url(../img/img_ico_noticias.jpg) no-repeat; padding-left:30px;font-size:12px;}
	#cuerpo .colD .galeria .elemento .titulo h2 {font-size:12px;}
	#cuerpo .colD .galeria .elemento .imagen{width:273px; height:186px; background:url(../img/bg_foto_noticias.jpg) no-repeat; margin-right:8px;}
	#cuerpo .colD .galeria .elemento .boton {width:273px; height:44px; margin-top:20px; text-align:center;}	
	
	/*FICHA*/
	#cuerpo .colD .ficha {width:630px; margin-left:30px;}
	#cuerpo .colD .ficha .imagen_p{float:left; width:273px; height:186px; background:url(../img/bg_foto_noticias.jpg) no-repeat; margin-right:8px;}
	#cuerpo .colD .ficha .imagen {float:left; width:273px; height:186px; background:url(../img/bg_foto_noticias.jpg) no-repeat; margin-right:8px;}
	#cuerpo .colD .ficha .imagen_p img{width:257px; height:170px; overflow:hidden;}
	#cuerpo .colD .ficha .imagen img{height:95px;overflow:hidden;width:146px;}
	#cuerpo .colD .ficha .texto {float:left; text-align:justify; font-size:15px; padding-top:10px; padding-left:0px;line-height:25px;}
	#cuerpo .colD .ficha .fecha {text-align:justify; font-size:11px;margin:2px; float:right;}
	#cuerpo .colD .ficha .titulopeque {text-align:justify; font-size:11px;margin:2px; float:left; font-weight:bold;}
	#cuerpo .colD .ficha h2 {text-align:justify; font-size:18px; border-bottom:1px #ada999 solid; background:url(../img/img_ico_noticias.jpg) no-repeat;margin-left:280px;padding-left:20px;}
	
	#cuerpo .colD .ficha .miniaturas {width:650px;}
	#cuerpo .colD .ficha .miniaturas .elemento{float:left; width:162px;}
	#cuerpo .colD .ficha .miniaturas .elemento .imagen {float:left; width:162px; height:110px; background:url(../img/bg_imagen_ficha.jpg) no-repeat; margin-right:3px; overflow:hidden;}
	
	/*MENU SUPERIOR*/
	#cuerpo .colD .menu {list-style:none; width:740px; margin:0px; padding:0px;margin-left:8px;}
	#cuerpo .colD .menu li {margin:0px; padding:0px; height:41px; width:102px; float:left;}

	/*FORMATOS DE LISTADO*/
	#cuerpo .colD .asociaciones {font-size:14px;line-height:20px;}
	#cuerpo .colD .asociaciones li {list-style-image:url(../img/img_icono_listado.gif); padding-left:10px; margin-left:20px;}
	
	#bg_mapa {width:656px; height:523px; background:url(../img/bg_mapa.jpg) no-repeat;margin-left:25px;}
	.mapa {width: 651px;height: 518px;}
	
	.paginador{font-size:12px; border-bottom: 1px #898152 solid; padding-bottom:1px; margin-bottom:5px;}
	.paginador .sel{font-size:14px; color:#fbf5df; background-color:#898152; width:39px; height:36px; padding:0px 4px 2px 4px;}
	
/*-----------------------------------------------  PIE  -----------------------------------------------------*/

#pie {background:url(../img/bg_pie.jpg) repeat-x; height:220px; color:#999999;}
#pie .contenido {
	background:url(../img/img_pie.jpg) no-repeat; 
	font:10px tahoma,sans-serif; 
	width:980px; 
	height:150px; 
	text-align:center; 
	margin:0px auto; 
	padding-top:70px;
}


/*-----------------------------------------------------------------------------------------------------------*/
