/*
 * 	Proyecto 83 para Cierzo Development
 *	http://proyecto83.com
 */

/*** variedades / clases utiles ***/

.clear {
	display: block;
	height: 1px;
	border: 0;
	background: #ccc;
	margin: 0;
	clear: both;
	visibility: hidden;
}

.dotted {
	width:903px;
	height:1px;
	background:url(../img/dotted.png) repeat-x;
	margin:0 0 10px 0;
}

.dotted.corto {
	width:100%;
	margin: 0 0 1em 0 ;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
	display: block;
}

.imagen {
	padding: .1em ;
	border: 1px solid #C5BFB4 ;
	background: #fff ;
}

.imagen.izq {
	margin: 0 1em .2em 0 ;
}

.izq {
	float: left;
}

.texto-der {
	width: 86% ;
	float: right ;
}

.texto-der  strong a {
	text-decoration: none ;
}

.texto-der span{
	display: block ;
	margin: 0 0 1em 0 ;
}


.texto-der em {
	font-size: .9em ;
}

.big {
	font-size:1.5em !important ;
}

.click {
	cursor: pointer ;
}

/*** estilos generales ***/

body {
	background: #99C9E7 ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

h1 {
	font-weight: normal ;
	font-size: 3em ;
	margin: 0 0 .8em .5em ;
	width: 95% ;
	color: #2C84B8 ;

}

h2 {
	color: #333 ;
	font-weight: normal ;
}

h1,h2 {
	font-family: arial ;
}

.contenido h2 {
	font-size: 20px !important ;
}

p a {
	color: #003F5E ;
}
a:visited, a:link{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/*** layout ***/

.contenedor {
	width:932px;
	height:auto;
	float:none;
	clear:both;
	text-align:left;
	margin:auto;
}

.cabecera {
	height:130px;
	background: #fff ;
	width: 100% ;
}


.cabecera .inside {
	width: 937px ;
	margin: 0 auto ;
}

.cabecera .logo {
	float:left;
	width:310px;
	height:130px;
}


/*** menu idioma ***/

.idioma {
	float:right;
	width:140px;
	color:#6bb3dc;
	font-size:11px;
	margin-right:10px;
	list-style:none
}

.idioma li {
	width:61px;
	height:20px;
	padding-top:3px;
	text-align:center;
	float: right ;
}

.idioma li  a {
	text-decoration: none ;
	color:#2089cb;
	line-height:1.3em;
}

.idioma .selected{
	background-image:url(../img/bg_idioma.gif);
}

.idioma li  a:hover {
	text-decoration:underline;
}

/*** menu cabecera ***/

.cabecera .menu {
	float:left;
	width:565px;
	height:18px;
	margin-top:-30px; 
	margin-left:342px;
	font-weight:bold;
	color:#FFF;
	font-size: 1.2em ;
}

.cabecera .menu li {
	float:left;
	padding:7px 13px 0 13px;
	height:23px;
	text-align:center;
}

.cabecera .menu a {
	color:#646461;
	text-decoration:none;
	font-weight:normal;
}

.cabecera .menu a:hover {
	color:#646461;
	text-decoration:underline;
	font-weight:normal;
}

.cabecera .menu .selected {
	width:auto;
	background:url(../img/bg_menuInicio.bmp) repeat-x;
}

.cabecera .menu .selected a {
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.cabecera .menu .selected a:hover {
	color:#646461;
	text-decoration:underline;
	font-weight:bold;
}

/*** pie ***/

.pie {
	width:auto;
	min-height:164px;
	background-color:#FFFFFF;
	float:none;
	clear:both;
	text-align:left;
	margin:auto;
	border-top:#99c9e7 1px solid;
}

.pie .pieContent {
	width:932px;
	height:auto;
	float:none;
	clear:both;
	text-align:left;
	margin:auto;
}

.logob {
	float:left;
	width:340px;
	height:95px;
}

.datosContacto {
	float:right;
	margin-top:30px;
	text-align:right;
	line-height:20px;
	color:#666;
font-size: 1.1em ;
}

/*** Telýfono en el pie ***/

span.negro { 
	color:#000;
	font-size: 1.4em ;
	font-weight: bold ;
	display: block ;
	margin-top: .5em ;
}

span.telefono {
	font-weight: normal ;
	font-family: georgia ;
	display: block ;
	font-size: 1.7em ;
	line-height: 140% ;
}

/*** menu en el pie ***/

.menu_pie {
	width:120px;
	height:26px;
	background-image:url(../img/bg_pie_menu2.gif);
	padding-top:8px;
	text-align:center;
	color:#0079c2;
	float: right ;
font-size: 1.1em ;
}

.menu_pie li {
	display: inline ;
	border-right: 1px solid #0079C2 ;
	padding-right: 1em ;
}

.menu_pie li.ultimo {
	border: 0 ;
	padding: 0 0 0 .5em ;
}

.menu_pie a {
	color:#0079c2;
	text-decoration:none;
	line-height:1.3em;
}

.menu_pie a:hover {
	color:#0079c2;
	text-decoration:undeline;
}

/*** Tres columnas ***/

.tres-columnas {
	display: block;
	overflow: hidden;
	clear: both;
	margin-top: 0 ;
}

.tres-columnas li {
	float: left;
	width: 31.5%; 
	margin-right: 2.7%;
}

.tres-columnas li.ultimo {
	margin-right: 0;
}

/***
	cuadros
- - - - - - - - - - - - - - - - - - - - - - - - - - -  - - - - - - - */

.cuadro {
	margin-bottom: 1.5em ;
	width: 906px ;
}

.cuadro.tercio {
	width: 32.4% ;
	float: left ;
	margin-right: 1.3% ;
}

.cuadro.tercio.ultimo {
	margin-right: 0 ;
}

.cuadro .inside {
	background: #F6F6F4 ;
	padding: 0 1.5em 0.3em 1.5em ;
}

.cuadro .inside ul li h3 {
	margin: 0.3em 0 0.3em 0 ;
}

.cuadro .inside ul li h2 {
	margin: 0 0 0.3em 0 ;
}

.cuadro .inside p {
	margin-top: 1em ;
}

.cuadro .inside li p {
	font-size: 1.2em ;
	margin-top: 0 ;
	line-height: 180% ;
	margin-bottom: .5em ;
}

.cuadro .top-left {
	margin-right: 15px; 
	background-image: url('../img/cuadros/cuadro1.png');
	height: 15px;
	font-size: 2px; 
}

.cuadro .top-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../img/cuadros/cuadro1.png'); 
	background-position: 100% 0; 
	height: 15px; 
	font-size: 2px;
}

.cuadro .bottom-left {
	margin-right: 15px; 
	background-image: url('../img/cuadros/cuadro1.png');
	background-position: 0 -15px; 
	height: 15px;
	font-size: 2px;
}

.cuadro .bottom-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../img/cuadros/cuadro1.png'); 
	background-position: 100% -15px;
	height: 15px; 
	font-size: 2px; 
}


/*** barra cuadro ***/

.barra .cuadro {
width: 278px ;
}

.barra .cuadro .inside {
padding: 0 1.5em ;
}

.barra .cuadro p {
font-size: 1.1em ;
}

/*** cuadro blanco / contenido ***/

.cuadro-blanco {
	margin: 1.5em 0 3em 0;
}

.cuadro-blanco  .blanco-inside {
	background: url('../img/fondo-cuadro.png') repeat-y ;
	padding: 0 1.3em 0 1.3em ;
	width: 928px ;
	min-height: 550px ;
	height: 550px ;
	height: auto !important ;
	
}

.cuadro-blanco  .blanco-tleft {
	margin-right: 27px; 
	background-image: url('../img/cuadro.png');
	height: 27px;
	font-size: 2px; 
}

.cuadro-blanco  .blanco-tright {
	margin-top: -27px; 
	margin-left: 27px; 
	background-image: url('../img/cuadro.png'); 
	background-position: 100% 0; 
	height: 27px; 
	font-size: 2px;
}

.cuadro-blanco  .blanco-bleft {
	margin-right: 27px; 
	background-image: url('../img/cuadro.png');
	background-position: 0 -27px; 
	height: 27px;
	font-size: 2px;
}

.cuadro-blanco .blanco-bright {
	margin-top: -27px; 
	margin-left: 27px; 
	background-image: url('../img/cuadro.png'); 
	background-position: 100% -27px;
	height: 27px; 
	font-size: 2px; 
}

/*** banner ***/
.banner {
margin: .2em 0 0 0 ;
}

.contenido h1 {
margin-left: 0 ;
}
.contenido .dotted {
margin-left: 0 ;
width: 99.5% ;
}

/***
	menu banner up
***/

ul.banner-up {
	list-style-type: none;
	font-size: 1.6em;
	font-family: "Verdana", sans-serif;
	display: block ;
	margin: .8em 0 0 0  ;
	height:35px;
}

.banner-up li {
	display: block ;
	line-height: 110% ;
	width: auto !important ;
	float:left;
	margin:0 .6em 0 0 ;
	padding-left:23px;
	background:url('../img/item.png') no-repeat 0 50%;
	height:35px;
}

.banner-up li.on {
	background:url('../img/fondo-item.png') no-repeat ;
	padding-left:32px;
}

.banner-up li a, .banner-up li.on a {
	color:#000;
	display: block ;
	width: auto !important ;

	text-decoration: none ;
	background:url('../img/fondo-item.png') no-repeat 100% 0;
	padding-right:7px;
	padding-top:8px;
	height:100%;
	
}

.banner-up li a {
	background:none;	
}

/*** listado vertical ***/

.banner-up.vertical {
height: auto ;
margin-left: 0 ;
}

.banner-up.vertical li {
float: none ;
margin : 0;
background:url('../img/item.png') no-repeat 0 3px;
}

.banner-up.vertical a {
display: inline ;
}


/*** bottom banner ***/

.bottom-banner {
	background:url('../img/cuadros/fondo-cuadro2.png') repeat-x;
	margin-top: -1px ;
	width: 906px ;
}


.banner-left {
	margin-right: 15px; 
	background-image: url('../img/cuadros/cuadro2.png');
	height: 15px;
	font-size: 2px; 
}

.banner-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../img/cuadros/cuadro2.png'); 
	background-position: 100% 0; 
	height: 15px; 
	font-size: 2px;
}

.bottombanner-left {
	margin-right: 15px; 
	background-image: url('../img/cuadros/cuadro2.png');
	background-position: 0 -15px; 
	height: 15px;
	font-size: 2px;
}

.bottombanner-right {
	margin-top: -15px; 
	margin-left: 15px; 
	background-image: url('../img/cuadros/cuadro2.png'); 
	background-position: 100% -15px;
	height: 15px; 
	font-size: 2px;
}

.bottom-banner p{
	line-height: 200%;
	font-size:1.1em;
}


.bottom-banner .enlace {
	font-size:1.2em;
	padding: 0 0 0 2em ;
	background: url('../img/icon_link.png') no-repeat 0 50% ; 
	display: block ;
	margin-top: 1em ;
}

.bottom-banner .tres-columnas {
	margin: 13px ;
}

.bottom-banner h2 {
	width: 228px ;
	margin: .3em 0 .3em 0 ;
	font-size:2em;
}


/*** cuadro banner ***/

.contenido .cuadro-banner {
	margin: .5em 0 1em 0 ;
}

.cuadro-banner .bottom-banner {
	width: 98% ;
	padding: 0 1em ;
}



.logo1 {
	background: url('../img/logo1.png') no-repeat ; 
	padding: 0 0 1em 5.5em ;
}

.logo2 {
	background: url('../img/logo2.png') no-repeat ; 
	padding: 0 0 1em 5.5em ;
}

.logo3 {
	background: url('../img/logo3.png') no-repeat ; 
	padding: 0 0 1em 5.5em ;
}

/*** modulo noticias ***/

.fecha {
	font-style: italic ;
	font-size: .9em ;
	color: #666 ;
}

/*** pagina interior ***/

.interior {
	width:97.2%;
	height:auto;
	padding:1em;
}

.interior a, .interior a:hover {
	color:#0079c2;
	text-decoration:underline;
}


/*** cuadro der ***/

.contenido{
	float:left;
	width: 610px ;
	padding: 0 .5em 0 .5em ;
}

.contenido.wide {
	width: 907px  ;
	padding: 0 ;
}

.barra {
	width: 277px;
	float:right;
	margin-right: 22px ;
}

.contenido p {
	line-height: 140%;
	font-size: 1.2em;
	margin-bottom: 1em ;
}

.contenido ul {
	font-size: 1.2em ;
	margin: 1em ;
}

.contenido ul li {
	margin-bottom: .5em ;
	line-height: 140% ;
}

.contenido .bottom-banner p {
	margin-bottom: 0 ;
}

.barra p {
	line-height: 180%;
	font-size: 1.4em;
}

.barra .inside {
	padding-left:25px;
}

.barra .dotted {
	margin:10px 0 13px 0;
	width:245px; 
}


.cuadro.blanco {
width: 100px ;
height: 50px ;
background: #fff ;
}


/*** zona grafica ***/

.zona-grafica {
background: url(../img/cuadros/cuadro2.png) no-repeat ;
width: 906px !important ;
position: absolute ;
height: 251px ;
padding: 0 ;
margin: 0 ;
z-index:0;
}

.zona-grafica.horizontal {
	height: 220px ;
}

.zona-grafica img {
	position: absolute ;
}

.zona-grafica-separador {
height: 253px ;
}

.zona-grafica-separador.horizontal {
height: 230px ;
}

.banner {
margin-top: 12px ;
}

.zona-grafica .link {
position: absolute ;
z-index: 9999 ;
color: #fff ;
text-decoration: none ;
margin-left: 880px ;
margin-top: 9px ;
font-size: 1.1em ;
height: 17px ;
width: 17px ;
display: block ;
}

.zona-grafica .link span {
display: none ;
}

.zona-grafica .link.sig {
margin-top: 195px ;
background: url(../img/link-sig.png) no-repeat ;
}

.zona-grafica .link.ant {
background: url(../img/link-ant.png) no-repeat ;
}


/*** formulario ***/

form .campo{
	margin-bottom:5px;
}

form .campo .etiqueta{
	float:left;
	width:70px;
}

form .botonera{
	text-align:center;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

form .botonera .boton{
	width: 150px;
}


/*** buscador ***/

.buscador  {
float: right ;
display: block ;
height: 50px ;
width: 250px ;
margin-top: 10px ;
}


.buscador .inputtext {
border: 1px solid #ddd ;
width: 160px ;
display: block ;
float: left ;
margin-right: 10px ;
}


.buscador input.boton  {
border: 1px solid #e8f5f9 ;
color: #2089cb ;
background: #e8f5f9 ;
display: block ;
float: left  ;
}