/* Estructura */
body {
  background-color: #B1B8BC;
  margin: 0;
  padding: 0;
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #FFF;
}

/* Contenedores principales */
DIV.total{
  width: 100%;
  text-align: center;
  float: none;
}
DIV.interno{
  position: relative;
  width: 960px;
  margin: 0 auto 0 auto;
  text-align:center;
}
DIV.bg{
  position: relative;
  float: left;
  width: 960px;
  background: #246175 url(/img/bg.gif) repeat-y right top;
}
/* Contenedor medio */
DIV.medio{
  position: relative;
  width: 100%;
  text-align:left;
  color: #1A4655; /*#052739;*/
}
DIV.medio DIV.derecha{
  position: relative;
  float: right;
  width: 790px;
}
DIV.medio DIV.derecha DIV.contenidos{
  position: relative;
  float: left;
  width: 600px;
  margin: 10px 0 10px 10px;
  overflow:hidden;
}
* html DIV.medio DIV.derecha DIV.contenidos{
  margin: 10px 0 10px 0;
  left:10px;
}
DIV.medio DIV.derecha DIV.barra_derecha{
  position: relative;
  float: right;
  width: 150px;
  margin: 10px 0 0 10px;
  right:10px;
}
DIV.medio DIV.izquierda{
  position: relative;
  float: left;
  width: 170px;
  color: #FFF;
}
DIV.medio DIV.izquierda DIV.margenes{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 0 10px;
}

/* Firma WA */
DIV.firma{
  position: relative;
  float: right;
  clear: both;
  width:100%;
  height: 25px;
  background-color: #1A4655;
  text-align: right;
}

/* Header */
DIV.header{
  position: relative;
  float: left;
  width: 100%;
  background-color: #246175;
}
DIV.header DIV.logo{
  position: relative;
  float: left;
}
DIV.header DIV.banner{
  position: absolute;
  z-index:2;
  width: 468px;
  height: 60px;
  padding: 9px 9px 0 0;
  text-align: left;
  left:483px;
}
DIV.header DIV.barra{
  position:relative;
  float:left;
  clear:left;
  line-height:24px;
  width:100%;
  text-align:left;
}
DIV.header DIV.barra DIV.leyenda{
  position:relative;
  float:left;
  padding:0 0 0 100px;
  font-family:Helvetica, Tahoma, Arial;
  font-size:14px;
  width:400px;
}
DIV.header DIV.barra DIV.leyenda strong{
  color:#3BBFB6;
  font-weight:normal;
}

/* Fecha - Idioma */
DIV.fecha_idioma {
  position:relative;
  float:right;
  padding-right:10px;
  text-align:right;
  color:#66CC00;
  width:400px;
}
DIV.fecha_idioma a {
  color:#FFF;
  text-decoration:none;
  padding-left:24px;
}
DIV.fecha_idioma a:hover {
  color:#66CC00;
}
DIV.fecha_idioma a.e {
  background:url(/img/idiomas_esp.gif) no-repeat left 2px;
}
DIV.fecha_idioma a.i {
  background:url(/img/idiomas_uk.gif) no-repeat left 2px;
}
DIV.fecha_idioma a.p {
  background:url(/img/idiomas_pr.gif) no-repeat left 2px;
}

/* Barra Izquierda */
DIV.medio DIV.izquierda DIV.banner{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 10px 0;
}

/* Contenedor Columna Izquierda (menues) */
DIV.menu_opcion{
position:relative;
float:left;
background-color:#B1B8BC;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
overflow: visible;
margin-bottom:10px;
padding-top:0px;
width:100%
}

ul#menu_vertical,
ul#menu_vertical li,
ul#menu_vertical ul,
ul#menu_vertical_1,
ul#menu_vertical_1 li,
ul#menu_vertical_1 ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  list-style: none;
}

ul#menu_vertical li,
ul#menu_vertical_1 li{
  display: block;
  position: relative;
  width: 100%;
  line-height:20px;
}
ul#menu_vertical li.activo,
ul#menu_vertical_1 li.activo{
  color:#3BBFB6;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
  padding-left:10px;
  font-weight:bold;
}
ul#menu_vertical_1 li.activo{
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
}
ul#menu_vertical a,
ul#menu_vertical a:visited,
ul#menu_vertical a:link,
ul#menu_vertical_1 a,
ul#menu_vertical_1 a:visited,
ul#menu_vertical_1 a:link{
  display:block;
  width:100%;
  text-decoration:none;
  color:#FFF;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
  padding-left:10px;
}
ul#menu_vertical_1 a,
ul#menu_vertical_1 a:visited,
ul#menu_vertical_1 a:link{
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
}
ul#menu_vertical a:hover,
ul#menu_vertical a:active,
ul#menu_vertical_1 a:hover,
ul#menu_vertical_1 a:active{
  color:#FFF;
  background-position: left bottom;
}
ul#menu_vertical ul a,
ul#menu_vertical_1 ul a{
  width:100%;
}
ul#menu_vertical ul,
ul#menu_vertical_1 ul{
  position: absolute;
  float:left;
  left:160px;
  padding-left:11px;
  padding-right:10px;
  width:200px;
  top:-5px;
  background: url(/img/flecha_blanca.gif) no-repeat 2px 12px;
}
ul#menu_vertical_1 ul{
  width:200px;
}
ul#menu_vertical ul li,
ul#menu_vertical_1 ul li{
  width:100%;
}
ul#menu_vertical li.conSubMenu,
ul#menu_vertical_1 li.conSubMenu{
  cursor: e-resize;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left top;
  padding-left:10px;
}
ul#menu_vertical_1 li.conSubMenu{
  background: url(/img/btn_menu.gif) no-repeat left top;
}
ul#menu_vertical li.conSubMenu_activo{
  color: #3BBFB6;
  font-weight:bold;
  background: url(/img/btn_menu_opcion.jpg) no-repeat left bottom;
  padding-left:10px;
  cursor: e-resize;
}
ul#menu_vertical li.conSubMenu ul,
ul#menu_vertical li.conSubMenu_activo ul,
ul#menu_vertical_1 li.conSubMenu ul{
  display:none;
  padding-top:5px;
  font-weight:normal;
}
ul#menu_vertical li.conSubMenu ul li,
ul#menu_vertical li.conSubMenu_activo ul li,
ul#menu_vertical_1 li.conSubMenu ul li{
   left:-8px;
   width:100%;
   padding-left:8px;
   border:0; 
   cursor: default;
}
ul#menu_vertical li.conSubMenu ul li a,
ul#menu_vertical li.conSubMenu_activo ul li a,
ul#menu_vertical li.conSubMenu_activo ul li div,
ul#menu_vertical_1 li.conSubMenu ul li a {
  width:100%;
}
ul#menu_vertical li.conSubMenu_activo ul li div{
  height:18px;
}
ul#menu_vertical li.conSubMenu_activo li.activo{
  font-weight:bold;
  width:100%;
  left:0px;
  height:20px;
}
ul#menu_vertical li.conSubMenu:hover ul,
ul#menu_vertical li.conSubMenu_activo:hover ul,
ul#menu_vertical li.iehover ul,
ul#menu_vertical_1 li.conSubMenu:hover ul,
ul#menu_vertical_1 li.iehover ul{
  display:block;
}
ul#menu_vertical_1 li a img{
  vertical-align: middle;
  border:0;
}
ul#menu_vertical_1 li.titulo{
  background:url(/img/btn_menu_titulo.png) no-repeat left top;
  font-size:12px;
  line-height:20px;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFF;
  font-weight:bold;
  padding-left:10px;
}

/* Contenidos */
DIV.contenidos a,
DIV.contenidos a:link,
DIV.contenidos a:visited{
  color:#319F98;
  text-decoration: none;
}
DIV.contenidos a:hover,
DIV.contenidos a:active{
  color:#40CFC5;
}

/* Todos los idiomas */
DIV.contenidos DIV.idiomas{
  position: relative;
  float:left;
  text-align:center;
  width:100%;
  color:#777;
  font-size:10px;
}
DIV.contenidos DIV.idiomas a,
DIV.contenidos DIV.idiomas a:link,
DIV.contenidos DIV.idiomas a:visited{
  text-decoration:none;
  color:#777;
  line-height:22px;
}
DIV.contenidos DIV.idiomas a:hover,
DIV.contenidos DIV.idiomas a:active{
  color:#42D5CD;
}

/* Copyright */
DIV.contenidos DIV.copy{
  position: relative;
  float:left;
  font-size:11px;
  color:#999;
  text-align:center;
  width:100%;
  padding-bottom:10px;
}
DIV.contenidos DIV.copy a,
DIV.contenidos DIV.copy a:link,
DIV.contenidos DIV.copy a:visited{
  text-decoration:none;
  color:#999;
}
DIV.contenidos DIV.copy a:hover,
DIV.contenidos DIV.copy a:active{
  color:#42D5CD;
}

DIV.contenidos DIV.banner{
  position: relative;
  float: left;
  width: 600px;
  padding: 0 0 10px 0;
  text-align:center;
}

/* Barra Derecha */
DIV.medio DIV.derecha DIV.barra_derecha DIV.banner{
  position: relative;
  float: left;
  width: 150px;
  padding: 0 0 10px 0;
}

DIV.medio DIV.derecha DIV.barra_derecha a{
	text-decoration:none;
	color: #1E9A91;
	font-size:11px;
	font-weight:bold;
}

DIV.medio DIV.derecha DIV.barra_derecha a:hover{
	text-decoration:underline;
}

/* Interads */
#interads{
  font-size:11px;
  width:150px;
  overflow:hidden;
}
#interads div{
  border-bottom:dashed 1px #cecda9;
  padding-bottom:6px;
  margin-bottom:14px;
}
#interads a,
#interads a:link,
#interads a:visited{
  text-decoration:none;
  display:block;
  color: #3BBFB6;
  margin-top: 6px;
  font-size:11px;
  font-weight:bold;
}
#interads a:active,
#interads a:hover{
  text-decoration:underline
}
#interads a.promo,
#interads a.promo:link,
#interads a.promo:visited{
  font-size:15px;
  text-decoration:none;
  display:block;
  margin-bottom:6px;
  color:#000
}
#interads a.promo:active,
#interads a.promo:hover{
  text-decoration:underline
}
#interads p{
  margin-bottom:0;
  margin-top:5px;
  color:#000;
}

/* Donde */

DIV.encabezado{
  position:relative;
  float:left;
  width:100%;
  background-color:#1A4655;
  font-size:14px;
  color:#3BBFB6;
  font-family: Arial, Helvetica, sans-serif;
  padding:5px 0 0 0;
  margin:0;
}
DIV.encabezado div{
  padding:0 0 0 10px;
}
DIV.encabezado DIV.creditos{
  position:absolute;
  width:98%;
  top:36px;
  text-align:right;  
  font-size:10px;
}
DIV.encabezado h1{
  color:#FFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:26px;
  margin:0;
  padding:0 0 3px 10px;
}
DIV.encabezado h2{
  color:#1A4655;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:16px;
  margin:0;
  padding:0;
  line-height:26px;
  background-color:#3BBFB6;
  padding-left:10px;
}
DIV.contenidos{
  line-height:18px;
  font-size:12px;
}

/* Redes sociales */
.tabs{
	clip:inherit;
	right:-95px;
	top:100px;
	position:fixed;
	height:59px;
	padding-top:16px;
	width:122px;
	z-index:11;
	display:block;
}
.tabs a{
	clear:both;
	float:right;
	padding-right:10px;
	padding-bottom:12px;
	width:76px;
	display:block;
}
.tabs img{
	border:0;
}
.twitter{
	background-image:url(/img/twitter_bg.png);
	background-repeat:no-repeat;
	top:80px;
}
.facebook{
	background-image:url(/img/facebook_bg.png);
	background-repeat:no-repeat;
	top:155px;
}
.youtube{
	background-image:url(/img/youtube_bg.png);
	background-repeat:no-repeat;
	top:231px;
}
.google{
	background-image:url(/img/google_bg.png);
	background-repeat:no-repeat;
	top:306px;
  padding-top: 14px;
}
.tabs .gplus{
	clear:both;
	float:right;
	padding-right:10px;
	padding-bottom:12px;
	width:76px;

  overflow:hidden;
}
.gplus img{
  padding: 4px 0 10px 0;
}
.gplus div{
  margin-left:7px;
}