/*---------------------------------------------------
	REINICIO DE TAGS
-----------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/*---------------------------------------------------
	GENERAL
-----------------------------------------------------*/

* { margin:0px; padding:0px; }
.clear { clear:both; }
.centrado { text-align:center; }
.justificado { text-align:justify; }
.oculto { display:none; }
a { text-decoration:none; color:#0066ff; }
a:hover { text-decoration:underline; }
a img { border:none; }
img.foto_izquierda { float:left; margin-right:15px; }
img.foto_derecha { float:right; margin-left:15px; }
.alinear_derecha { text-align:right; }
.flotar_izquierda { float:left; }
.flotar_derecha { float:right; }
.hand { cursor:pointer; }
b { font-weight:600; }

img.ampliable { cursor:pointer; border:solid 1px transparent; }
img.ampliable:hover { border:dashed 1px #888; }

figure.imagen { text-align:center; max-width:250px; width:auto; }
figure.imagen.flotar_derecha { margin-left:25px; }
figure.imagen.flotar_izquierda { margin-right:25px; }
figure.imagen img { vertical-align:bottom; max-width:250px; }
figcaption { background:#333; color:#fff; font-size:12px; line-height:1.3em; padding:8px; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;}


/*---------------------------------------------------
	ESTRUCTURA GENERAL
-----------------------------------------------------*/

body { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; background:#000; line-height:1.4em; }
#web { background:#fff; }


h1, h2, h3, h4, h5, h6, p, li, span { line-height:1.4em; }
div, input, textarea, select, img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img, embed, object, video { max-width: 100%; }




/*---------------------------------------------------
	HEADERS
-----------------------------------------------------*/


h1 { font-size:36px; font-weight:700; }
h2 { font-size:24px; font-weight:300; }
h2#titulo { margin:25px; font-size:32px; }
h3 { font-size:22px; font-weight:400; }
h4 { font-size:22px; font-weight:300; }
h5 { font-size:16px; font-weight:700; }
h6 { font-size:14px; font-weight:700; }



/*---------------------------------------------------
	NAV
-----------------------------------------------------*/

.nav { 
	width:100%; 
	border-bottom:solid 1px #ccc;
}
.nav .contenido_nav { 
	padding:10px; 
	width:100%;
	max-width:69em;
	margin:0 auto;
}
.nav .contenido_nav span { font-size:0.8em; }
.nav .contenido_nav a { color:#0066ff; font-weight:400; text-decoration:underline; }



/*---------------------------------------------------
	CABECERA
-----------------------------------------------------*/

#cabecera { 
	position:relative;
	height:217px;
	background-image:url(../img/header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
	z-index:10;
}

#cabecera #fondo { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size: cover;
}

#cabecera .contenido_cabecera { 
	overflow:hidden; 
	height:217px;
	padding:25px;
}

#cabecera .contenido_cabecera .logo_header {
	position:relative;
	height:217px; 
	float:left;
	width:65%;
	height:100%;
	vertical-align:middle;
}

#cabecera .contenido_cabecera  .logo_header img { 
	max-width:631px;
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

#cabecera .contenido_cabecera .info_contacto {
	float:right;
	width:32%;
	height:167px;
	display: table;
	text-align:right;
}

#cabecera .contenido_cabecera .info_contacto .texto {
	display: table-cell;
	vertical-align: middle;
	color:#fff;
	font-size:16px;
	line-height:normal;
}
#cabecera .contenido_cabecera .info_contacto .texto  img { margin:5px; }
#cabecera .contenido_cabecera .info_contacto .texto a { color:inherit; }



/*---------------------------------------------------
	MENU
-----------------------------------------------------*/

#capa_menu { position:relative; background:#2d85cf; width:100%; border-top:solid 1px rgba(255,255,255,.5); z-index:9999; }
#capa_menu .contenido_menu { max-width:69em; margin:0 auto; }
#menu { display:none; }



/*---------------------------------------------------
	LATERAL
-----------------------------------------------------*/

/** BUSCADOR **/

#mod_buscador { padding:25px; vertical-align:middle; }
#mod_buscador form { height:33px; line-height:33px; }
#mod_buscador form input { display:inline-block; vertical-align:middle; }
#mod_buscador form input[type="text"] { width:84%; }
#mod_buscador form input.btn_buscar { position:relative; left:-5px; }

/** ACCESO CONSEJO **/

#mod_acceso_consejo { padding:25px; }
#mod_acceso_consejo form { margin-top:15px; }
#mod_acceso_consejo .linea { margin-top:6px; }
#mod_acceso_consejo  input[type="text"], #mod_acceso_consejo form input[type="password"] { width:100%; }
#mod_acceso_consejo a { font-size:14px; }

#mod_acceso_consejo #usuario { margin-top:5px; font-size:13px; color:#888; font-weight:300; border:solid 1px #ccc; padding:5px; background:#fff; }
#mod_acceso_consejo #usuario b { color:#000; font-weight:400; }

#submenu_consejo { margin-top:15px; }
#submenu_consejo ul a { display:block; padding:5px 0; border-bottom:solid 1px #dedede; text-align:right; padding-right:10px; transition:all .3s; }
#submenu_consejo ul a:hover { text-decoration:none; background:#f0f0f0; padding-right:15px; }

#capa_recordar_clave { display:none; margin-top:20px; padding:20px; background:#2D85CF; position:relative; border-radius:4px; }
#capa_recordar_clave p { font-size:14px; color:#fff; }
#capa_recordar_clave form { display:block; margin-top:20px; }
#capa_recordar_clave input[type="text"] { width:80.5%; }
#capa_recordar_clave .arrow { position:absolute; top:-20px; width:0px; height:0px; border-style:solid; border-width:10px; border-color:transparent transparent #2D85CF transparent; }

a#link_recordar_clave.cerrado:after { content:url(../img/arrow_down.png); margin-left:8px; }
a#link_recordar_clave.abierto:after { content:url(../img/arrow_up.png); margin-left:8px; }

/** BOLETINES **/
#mod_boletines { margin:25px; padding:25px; background:#fff; border:dashed 1px #ccc; }
#mod_boletines .imagen { text-align:center; }
#mod_boletines .imagen img { width:100%; max-width:119px; }
#mod_boletines p { font-size:15px; font-weight:400; margin:10px 0; }
#mod_boletines input { display:inline-block; vertical-align:middle; }
#mod_boletines input.oculto { display:none; }
#mod_boletines input[type="text"] { width:79%; }
#mod_boletines input.btn_ok { position:relative; left:-5px; }
#mod_boletines input.error { background: none repeat scroll 0 0 #FEBBBB; border: 1px solid #FB9D9D; color: #990000; }
#mod_boletines .cargando { text-align: center; }
#mod_boletines .resultado_ok { display: inline; font-size: 12px; font-weight: bold; margin-left: 8px; }




/*---------------------------------------------------
	COLABORADORES
-----------------------------------------------------*/

#mod_colaboradores { }
#mod_colaboradores h3 { background:#f0f0f0; border:solid 1px #d0d0d0; border-left:none; border-right:none; padding:10px 20px; }
#mod_colaboradores ul { margin:10px; text-align:center; }
#mod_colaboradores ul li { display:inline-block; padding:20px; border:solid 1px transparent; }
#mod_colaboradores ul li:hover { border:solid 1px #f0f0f0; border-radius:6px; box-shadow:0 0 4px rgba(0,0,0,.08); }




/*---------------------------------------------------
	BARRA FLOTANTE
-----------------------------------------------------*/

#barra_flotante { position:fixed; top:20px; left:0px; z-index:10000; }
#barra_flotante .bloque { position:relative; left:-98px; width:140px; height:44px; color:#fff; font-size:16px; font-weight:400; overflow:hidden; box-shadow:1px 1px 2px rgba(0,0,0,.2); transition:left .3s; }
#barra_flotante .bloque.bf_fb { background:#23599A; }
#barra_flotante .bloque.bf_tw { background:#00C6F8; }
#barra_flotante .bloque.bf_contacto { background:#FF8F00; }
#barra_flotante .bloque.bf_sondeos { background:#ED3000; }
#barra_flotante .bloque a { color:inherit; display:inline-block; width:100%; }
#barra_flotante .bloque a span { display:inline-block; height:44px; line-height:44px; float:left; padding-left:15px; }
#barra_flotante .bloque a img { display:inline-block; float:right; }
#barra_flotante .bloque:hover { left:0; }




/*---------------------------------------------------
	PIE
-----------------------------------------------------*/

#pie { background:#333; text-align:center; color:#fff; padding:25px; box-shadow:0 -2px 4px rgba(0,0,0,.2); }
#pie a { color:inherit; font-weight:600; white-space:nowrap; }
#pie .contenido_pie { overflow:hidden; }
#pie .direccion { display:inline-block; float:left; width:55%; text-align:left; }
#pie .direccion .imagen { display:inline-block; float:left; width:21%; padding-right:20px; }
#pie .direccion .imagen img { width:100%; max-width:98px; }
#pie .direccion p { line-height:2em; margin-top:10px; font-size:13px; }
#pie .direccion b { font-size:18px; }
#pie .links { display:inline-block; float:right; width:45%; text-align:right;  }
#pie .links p { font-size:13px; margin-top:10px; }
#pie .links p:first-child { margin-top:0; }
#pie .links p a:after { content:'|'; margin-left:5px; color:#888; }
#pie .links p a:last-child:after { content:''; }
#pie_vf { background:#000; text-align:center; color:#fff; padding:15px 0; font-size:13px; }
#pie_vf a { color:#2bd5f4; }



/*---------------------------------------------------
	PAGINACION
-----------------------------------------------------*/

.paginacion { margin:25px; text-align:right; font-size:14px; font-weight:400; }
.paginacion .actual { background:#f0f0f0; color:#000; width:25px; height:25px; line-height:25px; text-align:center; display:inline-block; margin-left:2px; }
.paginacion a { background:#f98e02; color:#fff; width:25px; height:25px; line-height:25px; text-align:center; display:inline-block; margin-left:2px; transition:all .3s; }
.paginacion a:hover { background:#D16A00; text-decoration:none; }




/*---------------------------------------------------
	POLITICA DE COOKIES
-----------------------------------------------------*/

#capa_cookies { 
	position:fixed; 
	bottom:0; 
	left:0; 
	z-index:20000; 
	background:rgba(0,0,0,.9); 
	width:100%; 
	box-shadow:0 2px 4px rgba(0,0,0,.2); 
}



/*--------------------------------------
	PUBLICIDAD
--------------------------------------*/

.publicidad_lateral { width:100%; padding:0 25px; }
.publicidad_lateral img { 
	display:inline-block;
	width:100%; 
	vertical-align:top; 
}

/*--------------------------------------
	twitter
--------------------------------------*/
#twitter-widget-0{
	margin: 25px;
}


/*---------------------------------------------------
	MEDIA QUERIES
-----------------------------------------------------*/

@media screen and (max-width: 1104px) 
{
	
}



@media screen and (max-width: 866px) 
{
	/** Cabecera **/
	#cabecera { height:160px; }
	#cabecera .contenido_cabecera { height:160px; }
	#cabecera .contenido_cabecera .info_contacto { height:110px; }
	#cabecera .contenido_cabecera .info_contacto .texto { font-size:13px; }
	#cabecera .contenido_cabecera .info_contacto .texto  img { height:25px; }
	
	/** Pie **/
	#pie .direccion p { margin-top:0; }
	#pie .direccion p b { font-size:15px !important; line-height:normal; }
	
	/** Barra flotante **/
	#barra_flotante { position:relative; left:0; top:0; padding:25px; width:100%; }
	#barra_flotante .bloque { left:0; width:100%; margin-bottom:4px; }
	#barra_flotante .bloque:hover a span { padding-left:30px; }
}


@media screen and (max-width: 740px) 
{
	/** Pie **/
	#pie .direccion p { line-height:normal; }
	#pie .direccion p b { font-size:14px !important; }
}


@media screen and (max-width: 656px) 
{
	/** Cabecera **/
	#cabecera .contenido_cabecera .logo_header { float:none; width:100%; }
	#cabecera .contenido_cabecera .info_contacto { display:none; }
	
	/** Buscador **/
	#mod_buscador { padding:10px; background:#f0f0f0; }
	#mod_buscador input[type="text"] { width:90% !important; }
	
	/** Login **/
	#submenu_consejo ul a { text-align:center; padding-right:0; }
	#submenu_consejo ul a:hover { padding-right:0px; }
	
	/** Boletines **/
	#mod_boletines form input[type="text"] { width:86%; }
	
	/** Pie **/
	#pie .direccion { float:none; width:100%; text-align:center; }
	#pie .direccion .imagen { float:none; width:100%; padding-right:0; }
	#pie .direccion p { line-height:2em; margin-top:10px; }
	#pie .direccion p b { font-size:18px !important; }
	#pie .links { float:none; width:100%; text-align:center; margin-top:20px; line-height:2em !important; }
}


@media screen and (max-width: 400px) 
{
	/** Cabecera **/
	#cabecera { height:130px; }
	#cabecera .contenido_cabecera { height:130px; padding:10px; }
	
	/** Buscador **/
	#mod_buscador { padding:10px; background:#f0f0f0; }
	#mod_buscador input[type="text"] { width:86% !important; }
	
	/** Boletines **/
	#mod_boletines form input[type="text"] { width:80%; }
	
	/** Colaboradores **/
	#mod_colaboradores h3 { font-size:16px; }
	
	h2#titulo { font-size:26px !important; }
	.nav .contenido_nav span { font-size:12px; }
}