@charset "utf-8";
@import url(maquetacion.css);
/* CSS Document */
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

li { line-height: 25px;}
body { background:#333; margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size:13px; height:100%; line-height:20px }

#superior {width:100%; background: #fff url(../images/header_bg.png) repeat-x top;  }
#superior .content {width:1000px; margin: 0 auto; background: #fff url(../images/header.jpg) no-repeat top center;}

/*********************************header*************************************/
header { position:relative; height:438px; height:auto !important; min-height:438px; }
header nav {position:absolute; top: 133px; left: 60px; border-left:#000 solid 1px;}
header nav a{ font-size:1em; color: #333; text-decoration:none; display:inline-block; padding: 13px 12px 10px 12px; border-right: #000 solid 1px; background:  url(../images/stripe.png)}
header nav a:hover{background:#86a5c0 url(../images/stripe.png); color: #FFF;}
header nav a.activo{background:#46709f; color:#FFF; }

/* ***************************Slider ******************************/
#anim {position:absolute; left: 50px; top:180px; display:block; display:none;}


#contenido {margin: 0 50px; text-align:justify; padding-bottom:8px; }
#contenido .franja {background:#333; color:#aaa; padding: 20px; margin-bottom:10px; }
#contenido .franja h3{color: #fff; font-size:1.5em; margin:0px;}
h4{color: #3aa8fc; font-size:1.2em; margin:0px; font-weight:normal;}
h1{margin-bottom:0px; color: #666;}
h2{margin-bottom:0px;}
.cuadro {background: #e1eef8; border:#666 solid 1px; padding:0 5px;}
.cuadro1 {background: #a6a6a6; border:#666 solid 1px; padding:0 5px;}
.cuadro2 {background: #17365d; border:#666 solid 1px; padding:0 5px;}
.cuadro3 {background: #595959; border:#666 solid 1px; padding:0 5px;}
.cuadro p{text-align:justify; }
/****************************footer************************/
footer {background: url(../images/footer_bg.gif)repeat-x top; margin-left:auto; margin-right:auto; height:218px; width:100%; display:block; border-top: #000 solid 2px; color:#FFF;}
footer .content {width:900px; margin:0 auto; height: 218px; background:url(../images/footer.png) no-repeat; padding:0px; }
footer nav {text-align:right;}
footer nav a {padding: 10px 15px; display:inline-block; color: #CCC; text-decoration:none;  }
footer .bordetop {border-top: #CCC solid 2px; }
footer address {padding: 0px 15px; text-align:right; }
footer address a{color: #ccc }

.borde_imagen {padding:8px; background:#FFF; border: #ddd solid 1px;}
.link-2 {display:inline-block; width:4px; height:7px; margin:7px 0 0 4px; background:url(../images/marker-2.gif) 0 0 no-repeat;}
.link-2:hover {background:url(../images/marker-2.gif) 0 bottom no-repeat;}  

/* otras clases */
.content { width:1000px; margin-left:auto; margin-right:auto; position:relative; }
.sombra { display: block; height: 20px;  background: url(../images/sombra.jpg) center top no-repeat;}
.boton { background: url(../images/sombra_boton.png) #06C; padding: 2px 10px; border: 1px solid #666666; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #fff; text-decoration: none; cursor: pointer;}
.boton:hover { text-decoration: none; color: #000; background-color: #a6a6a6}
.campotexto {width: 98%; border: #CCC solid 1px; background: #efefef; }
.enlace {color: #999; text-decoration:none}
.enlace:hover {color:#F90; text-decoration:underline}
.cuadroblanco {background: url(../images/contenido.png); border:#FFF solid 4px;}
.portada td.destacado { font-size: 24px; font-weight: bold; background: #ed6e00; color: #FFF }
.verdes {color: #a6a6a6; }
.verdef {color: #00664a; }
.portada td.masgrande {font-size: 1.1em; background: #d5d5eb;}