body{
background-color: #173244;
margin: 0 auto;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
color: #2c5278;
font-size: 75%;
background-image: url(imagenes/back.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
}



h2{
color: #ea5a23;
font-size: 14px;
font-weight: bold;
margin: 0;
}

p{
margin-top: 10px;
line-height: 1.4em;
font-size: 12px;
}


img
{
  border:0;
}

a:link{
color: #80a3b7;
text-decoration: none;}

a:hover{
color: #2c5278;
text-decoration: underline;}

a:visited{
color: #80a3b7;
text-decoration: none;}


a:link:hover, a:visited:hover{
color: #2c5278;
text-decoration: underline;
}

#header{
width: 840px;
margin: 0 auto;
background-color: #ffffff}

#headerFrame{
width: 840px;
height: 469px;
margin: 0 auto;
}


#banner{
width: 840px;
margin: 0 auto;
background-color: #FFF;
position:relative;
z-index: 2;
}

#menu{
width: 840px;
height: 41px;
margin: 0 auto;
position:relative;
z-index: 99;

font-size: 0.9em;
background-image:url(imagenes/bar.jpg);
background-position:top left;
background-repeat:repeat-x;
text-align: center;}

#contenedor{
width: 840px;
margin: 0 auto;
background-color: #FFF;
padding-top: 5px;
padding-bottom: 5px;
position:relative;
z-index: 1;
clear:both;
background-image: url(imagenes/back_shadow.jpg);
background-repeat: no-repeat;
background-position: top center;}

#contenido{
margin:10px 35px;
}

#menugabinete{
width: 840px;
}

#enlinea{
padding: 10px 35px;}

#imagenLinea{
width: 79px;
float:left;
}
#textoLinea{
font-size: 1.2em;
font-weight: bold;
padding-top: 22px;
color: #567f97;}

#textoLinea a{
color:#979797;
font-size: 0.8em;
}

#fin{
clear: both;
}


#info{
padding: 10px 35px;}

#infoUno{
margin: 15px 30px 20px 35px;
text-align: center;
position: relative;
float: left;
}
#infoUnoSec{
margin: 5px 30px 20px 35px;
text-align: center;
position: relative;
float: left;
}

#infoTexto{
width: 197px;
margin-top: 10px;
text-align: justify;
font-size: 90%;
font-weight: 400;}

#infoTextoSec{
width: 197px;
margin-top: -10px;
text-align: left;
font-size: 90%;
font-weight: 400;}

#infoDos{
margin: 15px 50px 40px 50px;
text-align: center;
position: relative;
float: left;
}
#infoDosSec{
margin: 5px 50px 40px;
text-align: center;
position: relative;
float: left;
}


#infoTres{
margin: 15px 35px 40px 30px;
text-align: center;
position: relative;
float: left;
}
#infoTresSec{
margin: 5px 35px 40px 30px;
text-align: center;
position: relative;
float: left;
}

#footer{
width: 840px;
margin: 0 auto;
font-size: 75%;
padding: 5px 0;
background-color: #1e3749;
text-align: center;
}







#bloque{

}


ul{
/*font-size: 95%;*/
font-weight: bold;}

ul ul{
font-size: 90%;
}

.italica{
font-style: italic;
font-weight: lighter;
text-decoration: none;
}

.tituloSeccion{
font-weight: bolder;}


h3{

font-weight: bolder;
font-size: 1.1em;
margin-bottom:20px;
margin-top:20px;}

h4{

font-weight: bolder;
font-size: 1em;}


h5{
height: 30px;
background-image:url(imagenes/barra_consuls.jpg);
background-position: top left;
background-repeat:no-repeat;
font-weight: bolder;
font-size: 1.1em;
color:#FFFFFF;
padding-left: 15px;
padding-top: 5px;

}


.cursiva{
font-style:italic;
}


#form{
width: 410px;
margin: 0 auto;
}

label{
float:left;
width: 100px;
}

input{
width: 300px;
height: 1.5em;
border: 1px #fff solid;
background-color: #ebebeb;
color: #2c5278;
}


input.name{
margin-bottom: 10px;
}
input.email{
margin-bottom: 10px;
}

select {
width: 300px;
height: 1.5em;
border: 1px #fff solid;
background-color: #ebebeb;
color: #2c5278;
margin-bottom: 10px;
}

textarea{
width: 300px;;
border: 1px #fff solid;
background-color: #ebebeb;
color: #2c5278;
height: 9em;
margin-bottom: 8px;}

input.enviar{
font-size: 90%;
width: 60px;
height: 26px;
color:#FFFFFF;
background-color:#80a3b7;
cursor:pointer;
}

#enviarBtn{
text-align:right;
}


/*MENU */
#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:inside;
position:relative;
/*line-height:1.1em;*/
width: 840px;
height: 31px;}

#nav a{
display:block;
padding: 13px 36px;
border-right:1px solid #b1b1b1;
color:#fff;
text-decoration:none;
}

#nav a:hover{
background-color:#fff;
color:#2b4e74;
background-image: url(imagenes/bgover.jpg);
background-position: top left;}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:8em;
top:4em;
}

#nav li ul a{
width:105px;;
height:auto;
float:left;
text-align: left;
background-color: #80a3b7;
padding:10px 5px 10px 15px;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:15em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}



/*MENU 2*/
#nav2, #nav2 ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:inside;
position:relative;
/*line-height:1.1em;*/
width: 840px;
height: 31px;}

#nav2 a{
display:block;
padding: 13px 12px;
border-right:1px solid #b1b1b1;
color:#fff;
text-decoration:none;
}

#nav2 a:hover{
background-color:#fff;
color:#2b4e74;
background-image: url(imagenes/bgover.jpg);
background-position: top left;
}

#nav2 li{
float:left;
position:relative;
}

#nav2 ul {
position:absolute;
display:none;
width:12em;
top:4em;
}

#nav2 li ul a{
width:12em;
height:auto;
float:left;
background-color: #386698;
}

#nav2 ul ul{
top:auto;
}	

#nav2 li ul ul {
left:15em;
margin:0px 0 0 10px;
}

#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul{
display:none;
}
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul{
display:block;
}





/* add display:inline to floated elements */
#imagenLinea,
#infoUno,
#infoUnoSec,
#infoDos,
#infoDosSec,
#infoTres,
#infoTresSec,
label,
#nav li ul a,
#nav2 li ul a,
#nav li,#nav2 li {display:inline;}

/* fix negative margins */
#infoTextoSec {position:relative; zoom:1;}

/* add zoom:1 to pos:relative elements */
#banner,
#menu,
#contenedor,
#infoUno,
#infoUnoSec,
#infoDos,
#infoDosSec,
#infoTres,
#infoTresSec,
#nav,#nav ul,#nav2,#nav2 ul,
#nav li,#nav2 li {zoom:1;}