html { height:100%;}

body { background: #36332E; font: normal .68em Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #70695A; }

/* estilos para el menú desplegable */

#header { background: #252525; display: block; width: 100% }

ul.topnav { list-style: none; padding-left: 10px; margin: 0 auto 0 auto; width: 99%; background: #222; font-size: 1.0em; background: url(../img/topnav_bg.gif) repeat-x; float:left; }

ul.topnav li { font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; float: left; margin: 0; padding: 0 10px 0 0; position: relative; }

ul.topnav li a { background:transparent; padding: 10px 4px; color: #FFF; display: block; text-decoration: none; float: left; border:none; }

ul.topnav li a:hover { background: url(../img/topnav_hover.gif) no-repeat center top; color: #FFD861; }

ul.topnav li span { width: 17px; height: 35px; float: left; background: url(../img/subnav_btn.gif) no-repeat center top; }

ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }

ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; }

ul.topnav li ul.subnav li {margin: 0; padding: 0; border-top: 1px solid #252525; border-bottom: 1px solid #444; clear: both; width: 170px; }

html ul.topnav li ul.subnav li a {float: left; width: 145px; background: #333 url(../img/dropdown_linkbg.gif) no-repeat 6px center; padding-left: 20px; }

html ul.topnav li ul.subnav li a:hover {background: #222 url(../img/dropdown_linkbg.gif) no-repeat 10px center;}

.validador { clear: both; display: block; margin-top: 30px; padding-left: 10px; width: auto }

#principal { background:#ffffff url(../img/back.jpg) repeat-y; color: #70695a; display: block; margin: 0 auto 20px auto; padding-right: 20px; width: 800px }

.encabezado { background: url(../img/encabezado.jpg); height: 120px; margin-left: 10px; width: 800px }

p, h1, h2, h3 { margin-left: 20px; margin-right:4px; }

h1, h2, h3{ border-bottom: 1px solid #ce7014; color: #ce7014; font-size:1.2em;font-weight: bold; margin: 20px 10px 20px 20px; text-transform: uppercase }

h1 { margin-top:30px; }

h2, h3 { border: none;margin-bottom:10px; }

#footer{ background: url(../img/menu.png) #ffffff; border-bottom:2px solid #000; color: #dbd7d1; font-size: 1.0em; height: 26px; margin: 20px auto 0 10px; padding: 10px 10px 0px 10px; text-align: center; width: 780px }

ul { margin: 8px 0px 0px 46px; padding: 0px }

ul li {margin: 0px 0px 6px 0px; padding: 0px }

ol { margin: 8px 0px 0px 54px; padding: 0px }

ol li { margin: 0px 0px 6px 0px; padding: 0px }

.izquierda { float:left;margin:0px 14px 10px 20px;display:block;}

.derecha { float:right;margin:0px 4px 10px 14px;display:block;}

img.borde, iframe {background: #DCDCDC; border:1px solid #CE7014;padding:4px; }

iframe {margin:10px 0 10px 104px}

a { border-bottom: 1px dashed; color: #000;outline: none;text-decoration:none;font-weight:bold;}

a:hover { border: none; color: #ce7014; text-decoration:underline;}

.justificado { text-align:justify; }

.ico-home { float:right;margin-top:10px; margin-right:10px; }

img { border:none; }

.center { text-align:center; }

.indentado {margin-left:104px;}

.indentado2 {margin-left:160px;}

.horario {	border: 1px solid #ce7014;border-right:none;margin: 20px 10px 20px 20px;display:block;overflow:hidden;}

.naranja, .blanco, .gris { height: 14px;padding: 5px 0px 5px 0px;text-transform: uppercase;text-align:center;background: #FFFFFF url(../img/sbi_header.png);color: #70695A;border-right: 1px solid #ce7014; float:left;}

.blanco { background-color: #FFFFFF; background-image: none;Height:auto;}

.gris { background-color: #EBEBEB; background-image: none;height:auto;}

.ancho63 { width:63px; }
.ancho84 {width:84px;}
.ancho88 {width:88px;}
.ancho126 {width:126px;}
.ancho133 {width:133px;}
.ancho190 {width:190px;}
.ancho195 {width:195px;}
.ancho382 {width:382px;}
.ancho385 {width:385px;}
.ancho698 { width:692px; }
.ancho704 { width:704px; }

.alto26 { height:26px; }

.ti { text-align:left;padding-left:6px;padding-right:6px; }

a.descargar {background: url(../img/descargar.png) left no-repeat; padding-left:24px;border:none;}

ul.escuchar li {margin-left:20px;list-style: none; list-style-image: url(../img/altavoz.gif);}