html {font-size: 98.5%;}

body {margin: 0; padding: 0; background: #fff url(../images/bg.gif) repeat-x; text-align: center; color: #7A7A7A; font: 1.1em Arial, sans-serif;  line-height: 125%;}

#todo {width: 938px; margin: 0 auto; text-align: left; clear: both; text-align: left;}


#top {width: 938px; height: 29px; clear: both;}

#top_barra {padding: 7px 15px; font-size: 0.7em; color: #8E95A1;}

#top_barra a {color: #B39A26; text-decoration: none; padding: 0 10px;}

#top_barra a:hover {color: #545E6E; text-decoration: none;}

.derecha {float: right;}

#marco {height: 130px; padding: 0 15px; clear: both;}

#marco_logo {float: left; width: 188px; padding: 23px 0 0 12px;}

#menu_top {width: 700px; float: right; padding: 70px 0 0 0;}

#menu_top ul {float: right; margin: 6px 0 0 0; padding: 0; list-style-type: none; list-style-position: inside;}

#menu_top ul li {display: inline; margin: 0; padding: 0;}

#menu_top a {font-size: 0.75em; text-decoration: none; font-weight: bold; color: #505B6C; display: block; float: left; background: url(../images/sep.gif) right center no-repeat; padding: 10px;}

#menu_top a:hover {color: #53B4E6;}

#menu_top a.topnavselected {font-size: 0.75em; text-decoration: none; font-weight: bold; color: #53B4E6; background: url(../images/sep.gif) right center no-repeat; padding: 10px 10px 5px 10px; border-bottom: 4px solid #B39A26;}

#banner {margin: 35px 0 0 0; clear: both;}


#contenido {width: 938px; padding: 20px 0; clear: both;}

div.col_izq {color:#7A7A7A; width: 230px; float: left;}

div.col_izq a {text-decoration: none; color: #B39A26;}

div.col_izq a:hover {text-decoration: none; color: #545E6E;}

.bloque_izq {display: block; font-size: 0.75em;  width: 228x;  color:#7A7A7A;  margin-bottom: 20px;  padding: 0;  border-left: 1px solid;  border-right: 1px solid;  border-color: #E9E9E9;}

.bloque_izq ul li {list-style-type: none; list-style-position: outside; color:#7A7A7A; margin: 0;/*removes indent IE and Opera*/  padding: 0;/*removes indent Mozilla and NN7*/}

.lista_izq {color:#7A7A7A; margin: 0;/*removes indent IE and Opera*/  padding: 0;/*removes indent Mozilla and NN7*/}

.lista_izq a, .lista_izq a:visited {color:#B39A26; display: block; height: 24px; line-height: 24px;/*must be equal to height. Centers the text vertically*/ padding: 0 0 0 11px; border: none; border-left: 1px solid #fff;  border-top: 1px solid #fff;  border-bottom: 1px solid #E9E9E9; text-decoration: none;  background: url(../images/nav.jpg) repeat-x left top;}

.lista_izq a:hover {background-position: 0 -24px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */  color: white;}

.lista_izq .active a {display: block;  background: url(../images/flecha.gif) no-repeat left center; background-position: 12px; padding-left: 27px; color: #545E6E;}


div#medio {width: 528px; float: left; padding: 0 0 10px 0;}

div#medio_tit {padding: 0 20px;}

div#medio_txt {font-size: 0.75em;}


div.col_der {color:#7A7A7A; width: 180px; float: left;}

div.col_der a {text-decoration: none; color: #B39A26;}

div.col_der a:hover {text-decoration: none; color: #545E6E;}

.bloque_der {display: block; font-size: 0.75em; width: 198x; color:#7A7A7A; margin-bottom: 20px; padding: 0; border-left: 1px solid; border-right: 1px solid; border-color: #E9E9E9;}

.bloque_der ul li {list-style-type: none; list-style-position: outside; color:#7A7A7A; margin: 0;/*removes indent IE and Opera*/ padding: 0;/*removes indent Mozilla and NN7*/}

.lista_der { color:#7A7A7A; margin: 0;/*removes indent IE and Opera*/  padding: 0;/*removes indent Mozilla and NN7*/}

.lista_der a, .lista_der a:visited {color:#B39A26; display: block;  height: 24px;  line-height: 24px;/*must be equal to height. Centers the text vertically*/  padding: 0 0 0 11px;  border: none;  border-left: 1px solid #fff;  border-top: 1px solid #fff;  border-bottom: 1px solid #E9E9E9; text-decoration: none;  background: url(../images/nav.jpg) repeat-x left top;}

.lista_der a:hover {background-position: 0 -24px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */  color: white;}

.lista_der .active a {display: block;  background: url(../images/flecha.gif) no-repeat left center;  background-position: 25px;  padding-left: 45px;}


.clearDiv {clear: both;}


#pie {font-size: 0.7em; padding: 25px; height: 20px; clear: both; background: #fff; background: url(../images/pie-bg.gif);}

#pie_bloque {width: 908px; margin: 0 auto;}

.pie_izq {float: left;}

.pie_der {float: right;}


h1 {font: 1.15em Arial, Helvetica, sans-serif; font-weight: normal; color: #53B4E6; margin: 0 0 10px 0;	padding: 0 0 4px 0; line-height: 22px; border-bottom: 1px solid #D4D4D4; clear: both;}

h2 {font: 1.05em Arial, Helvetica, sans-serif; font-weight: bold; color: #53B4E6; margin: 0 0 10px 0; padding: 0; }

h3 {font: 1.05em Arial, Helvetica, sans-serif; font-weight: bold; color: #53B4E6; margin: 0 0 10px 0; padding: 0; clear: both;}

div.col_izq p {font: 0.75em Arial, Helvetica, sans-serif; font-weight: bold; color: #545E6E; margin: 0; padding: 0 13px; line-height: 27px; clear: both; background: url(../images/tit_izq.gif) no-repeat;}

div.col_der p {font: 0.75em Arial, Helvetica, sans-serif; font-weight: bold; color: #545E6E; margin: 0; padding: 0 13px; line-height: 27px; clear: both; background: url(../images/tit_der.gif) no-repeat;}

div.col_izq h5 {font: 0.75em Arial, Helvetica, sans-serif; font-weight: bold; color: #545E6E; margin: 0; padding: 0 13px; line-height: 27px; clear: both; background: url(../images/tit_izq1.gif) no-repeat;}

h3 {font: 0.9em Arial, Helvetica, sans-serif; font-weight: normal; color: #868686; margin: 0 0 10px 0; clear: both;}

h4 {font: 1em Arial, Helvetica, sans-serif; font-weight: normal; color: #868686; margin: 0 0 6px 0; clear: both;}

hr {border: 0;height: 1px; background: #000; margin: 10px 0;}

dl {margin:0;}

dt {width:60px; margin:0; padding:0; height: 10px; float:left;}

dd {margin-left:60px; margin-bottom:3px; }

p {margin: 0 0 10px 0; padding: 0;}

a {color: #B39A26;}

a:hover {color: #545E6E;}



hr {border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; margin-bottom:5px;}

img {border: 0;}

.separa {color: #CCCFD5;}

.imiz {float: left; margin: 0 20px 20px 0;}

.imder {float: right; margin: 0 0 20px 20px;}


.caja {background:#E6E6E6; margin-bottom:10px;}

.caja h3, .caja p { background:none; margin: 5px 10px; color:#fff;}

.medio_caja {width:245px; background:#E6E6E6 url(../images/caja_top1.jpg) no-repeat top left;}

.medio_caja .bottom { 	background:#E6E6E6 url(../images/caja_bot1.jpg) no-repeat bottom left; height:10px; width:245px}

.izq_caja { float:left }

.der_caja { float:right }

#registro { float:right; margin-left: 10px;}

#registro form { margin:0 10px }

.caja p {font-size:0.85em; line-height:1.1em;	font-family:Arial, Helvetica, sans-serif; color: #333; margin-top:10px;}

#registro form p, #feedburner form h3 {margin-left:0; margin-right:0 }

#registro_email {width:160px; margin:4px 0;}

#registro .button {margin-bottom:4px; padding:2px 3px;}


div#medio_txt ul#noticias {list-style-type: none; font-size: 1em; line-height: 16px; margin-left: 0;}

html>body div#medio_txt ul#noticias {margin-top:20px;}

div#medio_txt ul#noticias li {list-style-type: none; position: relative; width: 464px; w\idth: 374px; margin: 0 0 10px 0; padding: 0 0 10px 75px; background: url(../images/bg-linea.gif) bottom repeat-x;}

div#medio_txt ul#noticias li a.ces {display: block; position: absolute; top: 0; left: 0; text-decoration: none;}

.boxlist {font-size:0.95em; 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;}

#sidebar {float: right;}

#suscrip {background: #fff url(../images/marco_bg.jpg) no-repeat 0 0;}

#suscrip h2 {background: url(../images/marco_tit.jpg) no-repeat 0 0; height: 44px; text-indent: -9999px;}

#suscrip p { margin-left: 30px;}

#sidebar {width: 240px; margin-left:10px;}

dl {margin:0; padding: 0 0 10px 0;}

dl.line {margin:0; padding: 0 0 10px 0; background: url(../../images/bg-linea.gif) bottom repeat-x;}

dt {margin-top: 4px; width:100px; padding:0; height: 11px; float:left; font: 0.95em Arial, Helvetica, sans-serif; font-weight: bold; color: #333333;}

dd {margin-left:100px; margin-bottom:2px; }


#suscrip ul {background: url(../images/marco_btm.jpg) no-repeat 0 100%; padding: 0 25px 25px; margin: 0; list-style: none; list-style-image: none;}

#suscrip li {margin: 1px 0 0 0; padding: 6px 0 0 0; background: none; list-style: none; list-style-image: none;}