body {margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; text-align: left;}

html {height: 100%; margin-bottom: 1px;}

a {color: #004482; text-decoration: none;}

a:hover {color: #91a5b8; text-decoration: none;}

h1 {font-weight: normal; margin: 0px; font-size: 22px; color: #c2d0db; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; padding: 0px; line-height: 1.5em;}

h2 {font-weight: normal; margin: 0px; font-size: 18px; color: #476484; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: 1px;}

h3 {font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-style: normal; line-height: 1.2em; font-weight: bold; color: #666666; margin: 0px; padding: 4px 0 5px 0;}

html>body h3 {font-size: 110%; padding: 5px 0 12px 0;}

h4 {font-family: Arial, Helvetica, sans-serif; font-size: 105%; font-style: normal; line-height: 1.2em; font-weight: bold; color: #666666; margin: 0px; padding: 0 0 5px 0;}

html>body h4 {font-size: 110%; padding: 5px 0 12px 0;}

.titulo {border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEEEEE; margin-bottom: 0px; height: 5px;}

div#todo {height: 100%; width: 100%; margin: 0px; padding: 0px; border-top-width: 0px; border-top-style: solid; border-top-color: #edf1f4;}

#bloque_top {border-top-width: 0px; border-top-style: solid; border-top-color: #c2d0db; height: 130px; background-image: url(../images/bg_top.jpg); background-repeat: repeat-x; background-position: center bottom; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }

#top {position: relative; width: 860px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-color: #FFFFFF; height: 130px;}

#logo {float: left; padding-right: 30px; padding-left: 35px; margin-top: 55px;}

.compra {position: absolute; top:15px; right:23px;}

#barra {height: 168px; background: url(../images/bg_barra.gif) top left repeat-x;}

#barraim {width: 860px; height: 168px; margin: auto; padding-top: 0px;}

.clear{clear:both; padding:0px; margin:0px; font-size:1px; height:0px; }


/* Login */

.login {text-align:left; position:absolute; right:0px; top:35px; height:121px; width:218px; background-image:url(../images/login.jpg);}

.loginfield {border:0px; background-color:#E3E7ED; height:18px; width:180px; color:#696E72;}

#email {position:absolute; top:35px; left:19px;}

#password {position:absolute; top:68px; left:19px;}

.loginboton {position:absolute; top:91px; left:146px; color: #84898F;}

#sloginid {position:absolute; top:35px; left:19px;}

#spass {position:absolute; top:68px; left:19px;}


.login1 {text-align:left; height:121px; width:218px; background-image:url(../images/login.jpg); background-repeat: no repeat;}

.loginfield1 {border:0px; background-color:#E3E7ED; height:18px; width:180px; color:#696E72;}

#email1 {margin-top:32px; margin-left:19px;}

#password1 {margin-top:13px; margin-left:19px;}

#loginboton1 {margin-top:5px; margin-left:151px;}

.loginerror {position:absolute; top:130px; left:8px; color: #FE860C;}

.logos {position:absolute; top:170px; left:35px;}


/* Contenido */

#bloque_contenido {background-image: url(../images/bg_cont.jpg); background-repeat: repeat-x; background-position: center top;}

#contenido {width: 780px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-bottom: 45px; padding-right: 40px; padding-left: 40px; background-color: #FFFFFF; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #EEEEEE; border-left-color: #EEEEEE; border-bottom:1px solid #EEEEEE;}

#contenido p {line-height: 1.5em;}

.col_1 {float: left; width: 239px; padding-right: 15px;}

.col_2 {float: left; width: 239px; padding-right: 15px; padding-left: 15px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid;	border-left-style: solid; border-right-color: #EEEEEE; border-left-color: #EEEEEE;}

.col_3 {position:relative; float: left; width: 240px; padding-left: 15px;}

.col_4 {float: left; width: 505px; padding-right: 15px; border-right-width: 1px; border-right-style: solid; border-right-color: #EEEEEE;}

.col_4 ul {color: #c2d0db;}

.col_4 ul li {line-height: 1.5em;}

.col_4 li {margin-bottom: .5em; lis}

.lispan {color: #666666;}


/* Navegación */

div.menu {position:absolute; font-size: 1.0em; top: 85px; right: 20px; }

html>body div.menu {top: 70px; right: 20px;}

div.menu ul {list-style-type: none;}	

div.menu ul li {float: left; position: relative; z-index: 100; list-style-type: none;}

div.menu ul li a {float: left; display: block; height: 24px; text-indent: -9999px; overflow: hidden;}

div.menu ul li a.home {background: url('../images/t_home1.gif') 0 0 no-repeat; width: 55px;}

div.menu ul li a.que {background: url('../images/t_que1.gif') 0 0 no-repeat; width: 124px;}

div.menu ul li a.opina {background: url('../images/t_opina1.gif') 0 0 no-repeat; width: 115px;}

div.menu ul li a.estudio {background: url('../images/t_estudio1.gif') 0 0 no-repeat; width: 83px;}

div.menu ul li a.prensa {background: url('../images/t_prensa1.gif') 0 0 no-repeat; width: 62px;}

div.menu ul li a.contacto {background: url('../images/t_contacto1.gif') 0 0 no-repeat; width: 74px;}

div.menu ul li a:hover {background-position: 0 -24px;}

div.menu ul li ul {left: -29px; position : absolute; top: -9999px; margin-top: 24px; z-index: 100;}

div.menu ul li ul li {float: none; margin-bottom : -1px;}

div.menu ul li ul li a {text-indent: 0; float: none; height: auto; padding: 6px 20px; background: #ffffff url(../images/arrow.gif) no-repeat 155px center; width: 135px; color: #717171; text-decoration: none; border: 1px solid #C6C6C8;}

div.menu ul li ul li a.color {text-indent: 0; float: none; height: auto; padding: 6px 20px; background: #ffffff url(../images/arrow.gif) no-repeat 155px center; width: 135px; color: #FE860C; text-decoration: none; border: 1px solid #C6C6C8;}

div.menu ul li ul li a:hover {color: #2F2F2F; background: #F3F4F6 url(../images/arrow_on.gif) no-repeat 155px center;}	

div.menu ul li ul li a:hover.color {color: #FE860C; background: #F3F4F6 url(../images/arrow_on.gif) no-repeat 155px center;}	

div.menu ul li:hover ul, div.menu ul li.sfhover ul {top: auto;}


/* Pie */

#pie {width:860px; height:auto; border:1px solid #EEEEEE; background:#fff; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 20px; padding-bottom: 25px; padding-right: 0px; padding-left: 0px; text-align:left; border-top:0px; color:#999; font-size:10px; line-height:normal;}

#pie_izq {padding:0px; padding-top:3px;	padding-left:40px; margin:0px; float:left; text-align:left;}

#pie_der {padding:0px; padding-top:3px;	padding-right:40px; margin:0px;	float:right;}



#nave dl {width: 224px; margin: 0; padding: 0 0 10px 0; background: #fff;}

#nave dd {margin:0; padding:0; color: #fff; font-size: 1em; border-bottom:1px solid #fff; background: #47a;}

#nave #activa a {background: #E0E5E9 url(../images/arrow1.gif) no-repeat 224px center; color:#182A37;}

#nave #color a {background: #F6F7F7 url(../images/arrow1.gif) no-repeat 224px center; color:#FE860C;}

#nave #color a:hover {background: #E0E5E9 url(../images/arrow1.gif) no-repeat 224px center; color:#FE860C;}

#subnave a, #subnave a:visited {color:#637079; text-decoration:none; display:block; padding:5px 5px 5px 15px; background: #F6F7F7 url(../images/arrow1.gif) no-repeat 224px center; width:224px;}

#subnave a:hover {background: #E0E5E9 url(../images/arrow1.gif) no-repeat 224px center; color:#182A37;}


.boxlist {padding: 0 0 5px 0; border-bottom: 1px solid #d1d5cc; margin: 0px 0px 10px 0px;}

td.spa {height:20px;}

th.spac {height:20px; margin-bottom: 5px; text-align: left;}