/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; line-height: 1.25; 	
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align:left;
}



/*********************** ESTRUCTURA ***********************/

div.centrado {
	align:center;
}

div.english {
	position:relative; width:850px; text-align:center; padding:3px 20px 5px 20px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#9A9A9A;
}

div.pie2 {
	position:relative; width:890px; margin-top: 15px;
	text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; color:#A3A3A3;; text-decoration:underline;
}

div.cuerpo {
	position:relative; width:850px; padding:20px; text-align:left; border:1px solid #CBC9D6;
}

div.cabecera {
	position:relative; width:850px; height:96px; background-image:url(imgs/cabecera_popai.jpg);
}

div.logo_popai {
	position:absolute; width:135px; height:69px; top:15px; left:15px;
}

div.menu_principal {
	position:relative; width:850px; height:33px; margin:5px 0px 30px 0px;
}



div.apartado {
	position:relative; width:850px;
}




/*********************** HOME ***********************/

div.columna_eventos {
	float:left;	position:relative; width:200px; padding:0px; text-align:left; margin-bottom:30px; background-image:url(imgs/fons_submenu.gif); background-repeat:no-repeat;
}

div.columna_noticias {
	float:left; position:relative; width:410px; padding:0px; text-align:left; margin-bottom:30px; margin:0px 0px 30px 20px;
}

div.baner {
	position:relative; border:1px solid #DBDBDB; padding:4px 4px 3px 4px; background-color:#FFFFFF; margin:0px 0px 30px 0px;
}

div.columna_popai {
	float:left; position:relative; width:200px; padding:0px; text-align:left; margin-bottom:30px; background-image:url(imgs/fons_submenu.gif); background-repeat:no-repeat; background-position:0px 95px; background-color:#FFFFFF;
}

div.marco_foto_submenu {
	position:relative; width:198px; height:100px; border:1px solid #DBDBDB; background-color:#FFFFFF;
}

div.foto_submenu {
	position:relative; width:194px; height:96px; overflow:hidden; margin:2px;
}

div.texto_submenu {
	margin:8px 0px 0px 0px;
}

.titulo_submenu {
	font-weight:bold; text-transform:uppercase; color:#2D5475; display:block; clear:right; margin:0px 0px 6px 0px; text-decoration:none;
}

a.titulo_submenu:hover { text-decoration:underline; background-color:#FBE8AC;}

.subtitular_submenu {
	font-weight:bold; display:block; clear:right; margin:0px 0px 4px 0px;
}
/*********************** ACABA HOME ***********************/



/*********************** NOTICIAS ***********************/
div.home_noticias_titulo {
	float:left; width:190px;
	font-size:11px;	font-weight:bold; text-transform:uppercase; color:#2D5475; 
}

.home_noticias_vertodas {
	position:relative; margin: 0px 0px 0px 200px; text-align:right;	font-size:9px; font-weight:bold; color:#667488; display:block; text-decoration:none;
}

a.home_noticias_vertodas:hover {text-decoration:underline;}

div.home_noticia {
	position:relative; width:410px; margin:36px 0px 0px 0px;
}

.home_noticia_titular {
	position:relative; width:325px; float:left; display:block; margin:0px 0px 3px 0px; 
	font-weight:bold; font-size:11px; text-decoration:none; color:#666666;
}

a.home_noticia_titular:hover {text-decoration:underline}

div.home_noticia_fecha { position:relative; margin:0px 0px 0px 325px; font-weight:bold; text-align:right; color:#667488;}

div.home_noticia_txt { position:relative; text-align:justify; clear:both;}

div.home_noticia_mas { position:relative; height:10px; background-image:url(imgs/linea_degradada.gif); background-position:bottom; background-repeat:no-repeat; text-align:right;}


div.noticia_fecha { position:relative; width:80px; font-weight:bold; text-align:left; color:#667488; float:left;}

.noticia_titular {
	position:relative; margin:0px 0px 15px 85px; 
	font-weight:bold; font-size:11px; text-decoration:none; color:#666666; display:block;
}

a.noticia_titular:hover {text-decoration:underline}

.evento_titular {
	position:relative; margin:0px 0px 3px 0px; 
	font-weight:bold; font-size:11px; text-decoration:none; color:#666666; display:block;
}

a.evento_titular:hover {text-decoration:underline}

.evento_texto { position:relative; margin:0px 0px 15px 0px; display:block;}

div.paginacion {
	position:relative; padding:15px 0px 3px 0px; border-bottom:1px solid #8198AC; text-align:left;
}
/*********************** ACABA NOTICIAS ***********************/




div.columna_submenu {
	width:200px; padding:0px; margin:0px 0px 30px 0px; text-align:left; float:left;
}

div.marco_foto_apartado {
	position:relative; width:198px; height:248px; border:1px solid #DBDBDB;
}

div.foto_apartado {
	position:relative; width:194px; height:244px; overflow:hidden; margin:2px;
}

div.foto_esquina {
	position:absolute; bottom:-2px; right:-1px; width:11px; height:11px; background-image:url(imgs/esquina_foto.gif); background-repeat:no-repeat;
}

div.info {
	margin:0px 0px 30px 20px; float:left; width:400px;
	padding:0px; text-align:justify; 
}

div.patros {
	margin:0px 0px 30px 20px; float:right; width:200px;
	padding:0px; text-align:left; 
}	

div.logopatro {
	position:relative; padding:18px 12px 18px 12px; text-align:center; width:176px; border-top:solid 1px #CBC9D6;
}

.cruz_sup_dcha {
	position:absolute; top:0px; right:0px;
}

.cruz_sup_izda {
	position:absolute; top:0px; left:0px;
}

.cruz_inf_dcha {
	position:absolute; bottom:0px; right:0px;
}

.cruz_inf_izda {
	position:absolute; bottom:0px; left:0px;
}



	

div.pie {
	clear:both; width:850px; text-align:center; background-color:#FFFFFF; margin:0px; padding:0px;
}	

div.datos_pie {
	clear:both; width:850px; text-align:center; background-color:#FFFFFF; margin-top:15px;
	font-size:9px; color:#A3A3A3; line-height:1.5;
}	
	
div.separador_logos {
	float:left; width:40px;
}




/*********************** MIEMBROS ***********************/

div.miembro {
	position:relative; width:400px; margin:0px 0px 10px 0px;
}

div.empresa {
	position:relative; font-weight:bold; text-transform:uppercase; text-align:left; color:#4D5375; padding:10px 0px 3px 0px;
}  

.direccion {
	position:relative; display:block; margin:0px 20px 3px 0px;
}

.poblacion {
	position:relative; float:left; display:block; margin:0px 25px 3px 0px;
}

.provincia {
	position:relative; display:block; margin:0px 0px 3px 0px;
}

.miembro_email {
	float:left; display:block; margin:0px 20px 3px 0px; text-decoration:none; color:#8198AC;
}

a.miembro_email:hover {
	text-decoration:underline;
}

.miembro_web {
	display:block; margin:0px; text-decoration:none; color:#8198AC; clear:right;
}

a.miembro_web:hover {
	text-decoration:underline;
}



.direccion_ficha {
	position:relative; display:block; margin:15px 20px 15px 0px;
}

.contacto {
	position:relative; display:block; margin:15px 0px 3px 0px; clear:left;
}



/*********************** PRODUCTOS ***********************/

div.producto {
	position:relative; width:390px; margin:0px 0px 10px 0px; display:list-item; list-style: inside;
}

span.producto_empresa {
	position:relative; font-weight:bold; text-transform:uppercase; text-align:left; color:#4D5375; margin:10px 0px 3px 20px;
}







/*********************** TEXTOS ***********************/

.link {
	text-decoration:none; color:#8198AC;
}

a.link:hover {
	text-decoration:underline;
}



.menu {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390;
	text-align:center; text-decoration:none; text-transform:capitalize;
	display:block; float:left; padding:4px;
}

a.menu:link {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390; 
	text-align:center; text-decoration:none; text-transform:capitalize;
	display:block; float:left; padding:4px;
}

a.menu:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#4D5375; 
	text-align:center; text-decoration:none; text-transform:capitalize;
	background-color:#FBE8AC;
	display:block; float:left; padding:4px;
}

a.menu:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390; 
	text-align:center; text-decoration:none; text-transform:capitalize;
	display:block; float:left; padding:4px;
}

a.menu:active {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390; 
	text-align:center; text-decoration:none; text-transform:capitalize;
	display:block; float:left; padding:4px;
}


.english {
	color:#9292AB; font-style:italic; text-decoration:none;
}

.separador {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390; 
	text-align:center; text-decoration:none; text-transform:capitalize;
	display:block; float:left; padding:4px;
}

.submenu {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#747390;
	text-align:left; text-transform:capitalize;
	display:block; width:190px; height:18px; line-height:18px; border-bottom:1px solid #CBC9D6; padding:5px;
}

a.submenu:link { text-decoration:none;}

a.submenu:hover { background-color:#FBE8AC;}

a.submenu:visited { text-decoration:none;}

a.submenu:active { text-decoration:none;}


.titulo_apartado {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:36px; line-height:40px; color:#4D5375;
	display:block; border-bottom:1px solid #4D5375; margin:-8px 0px 11px 0px; padding-bottom:3px; text-align:left;
}

.subtitulo_apartado {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px;
	display:block; margin-bottom:11px;
}

.pie_agrupaciones {
	font-size:9px; font-weight:bold; color:#8198AC;
}

a.pie_agrupaciones:link {
	text-decoration:none;
}

a.pie_agrupaciones:hover {
	text-decoration:underline;
}

a.pie_agrupaciones:visited {
	text-decoration:none;
}

a.pie_agrupaciones:active {
	text-decoration:none;
}

.email {
	font-size:9px; color:#A3A3A3; line-height:1.5; text-decoration:none;
}

a.email:hover {text-decoration:underline;}

.avisolegal {
	color:#A3A3A3; line-height:1.5;
}

a.avisolegal:hover { color:#333333; }	



/*********************** FORMULARIO ***********************/

input {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#4D5375; line-height: 1; font-weight:bold;
	margin: 0px;
	padding: 3px;
	text-align:left;
	border:1px solid #CBC9D6;
}

input.boton_buscar {
	font-size:9px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; color:#FFFFFF;
	border:2px groove #4D5375; background: #9292AB; padding:2px; 
	z-index:50;
	vertical-align:middle;
	cursor:pointer;
}