body { margin: 0; padding:0; font-size: 0.75em; font-family: Tahoma,Verdana,Arial,sans-serif; background: #065691 url('../img/izq.gif') repeat-x scroll top; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 10px 0; }
h1 { color: #fff; font-size: 0.9em; background: #82aac8 url('../img/flecha.gif') no-repeat 180px 50%; padding: 2px 0 2px 10px; }
ul,ol { padding:0; margin:0; list-style:none; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
a.selected { text-decoration: underline; }
a img { border-width: 0px; }
p { margin: 10px 0; font-size: 0.9em; color: #fff; text-align: justify; }
form { margin: 0; }
.boton { background-color: #2a7abc; color: #fff !important; font-weight: bolder; border: 0 !important; }
.gold { color: #ffd200; }
.under { text-decoration: underline; }
.azul { font-size: 1em; color: #6CBEFA; }
.mas { height: 14px; width: 40px; color: #ffd200; font-size: 0.85em; float: right; display: block; background: url('../img/boton.png') no-repeat 20px 0; }
.mas:hover { text-decoration: none; background-position: 20px -14px; }
#yellow { height: 309px; width: 50%; overflow: hidden; background: transparent url('../img/der.gif') repeat-x scroll; position: absolute; top: 0; right: 0; }
#yellow img { position: absolute; top: 20px; right: 0; z-index: 5; }
#pag { width: 955px; margin: 0 auto;  height: auto; position: relative; }
#pag #cab { height: 277px; width: 699px; background: #fff url('../img/cab.jpg') no-repeat bottom left; } /* overflow: hidden; */
#pag #cab #logo { margin: 10px 0 0 10px; }

#pag #cab #menu { margin: 18px 0 0 15px; font-size: 0.9em; z-index:10; }
#pag #cab #menu ul { position: relative; width: 180px; height: 180px; }
#pag #cab #menu li { float: left; }
#pag #cab #menu ul table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; width:0; height:0; }
#pag #cab #menu ul li a { width: 165px; display: block; padding: 2px 0 2px 15px; font-weight: bolder; margin-bottom: 1px; }
#pag #cab #menu ul li:hover a { background-color: #065691; text-decoration: none; }
#pag #cab #menu ul li a:hover, #pag #cab #menu ul li .selected { background-color: #065691; text-decoration: none; }
#pag #cab #menu ul li:hover a.flecha, #pag #cab #menu ul li a:hover.flecha { background: #065691 url('../img/flecha.gif') no-repeat 170px 6px; }
#pag #cab #menu ul ul { visibility:hidden; position:absolute; top:0; left:180px; height: 0; width: 180px; }
#pag #cab #menu ul li:hover ul, #pag #cab #menu ul a:hover ul { visibility:visible; height: auto; background-color: #065691; border: 1px solid #fff; }
#pag #cab #menu ul li:hover ul li a, #pag #cab #menu ul li a:hover ul li a { font-size: 0.9em; width: 165px; font-weight: normal; margin-bottom: 0; background-color: transparent; }
#pag #cab #menu ul li:hover ul li a:hover, #pag #cab #menu ul li a:hover ul li a:hover { font-weight: bolder; background-color: #2F9EEF; }

#pag #menuhor { padding: 7px 0 5px 0; width: 699px; text-align: right; font-size: 1.1em; }
#pag #menuhor ul { margin-right: 5px; }
#pag #menuhor ul li { display: inline; font-size: 0.85em; color: #065691; }
#pag #menuhor ul li a { color: #065691; padding: 0 4px; }
#pag #der { height: 600px; width: 234px; overflow: hidden; position: absolute; top: 0; left: 691px; z-index: 1; }
#pag #der input { border: 1px solid #AFAFAF; padding-left: 3px; font-size: 0.9em; color: #AFAFAF; font-weight: bolder; }
#pag #der #login { padding: 8px 18px 9px 18px; height: 69px; overflow: hidden; background: transparent url('../img/der-blanco.jpg') repeat-y 0 0; }
#pag #der #login ul { float: left; margin-top: 10px; }
#pag #der #login ul li { font-size: 0.85em; color: #065691; }
#pag #der #login ul li a { color: #065691; }
#pag #der #login a { color: #82aa08; }
#pag #der #login span input { width: 91px; }
#pag #der #login .boton { float: right; margin-top: 10px; }
#pag #der #login .wb {color: #82aac8; font-size: 0.90em; padding: 0 0 0 5px; } /* texto de bienvenida */
#pag #der #login .load { margin: 5px 0 5px 0; } /* imagen de carga login */
#pag #der #login .load-info {color: #82aac8; font-size: 0.80em; padding: 5px 0 5px 0; } /* textos de error de login */
#pag #der #blanco { height: 191px; margin: 0 0 0 8px; background: transparent url('../img/der-amarillo.jpg') repeat-y 0 0; }
#pag #der #blanco ul { padding: 20px 0 0 15px; }
#pag #der #blanco ul li { font-size: 0.9em; padding: 0 15px 10px 0; }
#pag #der #blanco ul li a { color: #065691; }
.tickercontainer { width: 215px; height: 27px; overflow: hidden; } /* the outer div with the black border */
.tickercontainer .mask { position: relative; left: 10px; top: 8px; width: 195px; overflow: hidden; }  /* that serves as a mask. so you get a sort of padding both left and right */
#pag #der #blanco #ticker { padding: 5px 0 0 15px; position: relative; }
#pag #der #blanco #ticker li { float: left; padding: 0; background: #fff; }
#pag #der #blanco #ticker li a { white-space: nowrap; }
#pag #der #blanco #ticker li span { margin: 0 10px 0 0; }
#pag #der #blanco2 { height: 20px; background: transparent url('../img/der-blanco.jpg') repeat-y 0 0; }
#pag #der #gap { height: 4px; overflow: hidden; background: transparent url('../img/der-azul.jpg') repeat-y 0 0; }
#pag #der #azul { padding: 0 8px 0 8px; background: transparent url('../img/der-azul.jpg') repeat-y 0 0; }
/*#pag #der #tienda { padding: 0 10px 5px 10px; }
#pag #der #tienda a { display: block; height: 93px; width: 182px; padding: 10px 15px 0 0; overflow: hidden; background-image:url('../img/tienda.jpg'); text-align: right; font: 1.5em Georgia;  }*/
#pag #der #naranja { padding: 0 10px 5px 10px; }
#pag #der #naranja ul { display: block; height: 103px; width: 197px; overflow: hidden; background-image:url('../img/naranja.jpg'); text-align: right; font: 0.9em Georgia; font-weight: bolder; }
#pag #der #naranja ul li a { color: #065691; height: 11px; padding: 20px 10px; display: block; }
#pag #der #signup { padding: 5px 10px; }
#pag #der #signup a { display: block; height: 54px; width: 182px; padding: 10px 0 0 15px; overflow: hidden; background-image:url('../img/signup.jpg'); font: 1.5em Georgia; }
#pag #der #signup a, #tienda a  { text-decoration: none; cursor: pointer; }
#pag #der #boletin { padding: 10px 10px 30px 10px; }
#pag #der #boletin span input { width: 193px; margin-top: 10px; }
#pag #der #boletin #msg { color: #065691; font-size: 0.85em; text-align: justify; }
#pag #der #boletin .boton { float: right; margin-top: 5px; }
#pag #der #boletin .load { margin: 5px 0 5px 0; } /* imagen de carga login */
#pag #der #boletin .load-info {color: #82aac8; font-size: 0.80em; padding: 5px 0 5px 0; } /* textos de error de login */
#pag #index { margin-right: 256px; } /* width: 699px; hasLayout bug del IE. Guillotine bug */
#pag #index #txt { padding: 20px 25px 10px 30px; min-height: 270px; height: auto !important; height: 270px; }
#pag #index #txt h2 { font-weight: normal; color: #fff; font-size: 1.8em; }
#pag #index #txt .img { float: right; margin: 0 0 0 20px; }
#pag #index #txt .img li { margin-bottom: 10px; }

/* mas mierda para el css */
#pag #index #txt .caja { padding: 10px 0 10px 0; }
#pag #index #txt .caja-titulo { color: #ffd200; }
#pag #index #txt .caja-leyenda { font-size: .8em; color:#aaa;text-decoration:none; }
#pag #index #txt .pag_registros { padding: 1px 5px; color: #fff; }
#pag #index #txt #paginador { text-align: right; padding: 5px 0; margin: 0 0 6px 0; font-size: 0.75em; }
#pag #index #txt #paginador a { background-color: #fff; border: 1px solid #fff; color: #000; padding:1px 5px; }
#pag #index #txt #paginador a:hover { background-color: #000; color: #fff; text-decoration: underline; }
#pag #index #txt #paginador .pselected { background-color: #000; color: #fff; padding: 1px 5px; border:1px solid #fff; }
#pag #index #txt fieldset { border: 1px solid #aaa; padding: 0 15px 15px 15px; margin-bottom: 10px; background-color: #fff;  }
#pag #index #txt fieldset p { color: #000; }
#pag #index #txt fieldset a { color: #000; }
#pag #index #txt legend { font-weight: bolder; padding: 5px 15px; border: 1px solid #fff; color: #065691; margin-bottom: 10px; font-size: 0.90em; background-color: #ffd200 }
#pag #index #txt label { color: #000; float: left; width: 200px; }
#pag #index #txt label a { color: #000; }
#pag #index #txt input, textarea, select { padding: 2px; border: 1px solid #aaa; margin-bottom: 2px; background-color: #eee; font-size: 0.9em; }
#pag #index #txt input { font-size: 0.9em; color: #000; } 
#pag #index #txt .balneario label { width: 400px; }
#pag #index #txt .balneario input { margin-bottom: 5px; background-color: transparent; border: 0;}
/*#pag #index #txt .fotos { margin-top: 15px; }
#pag #index #txt .fotos div { margin: 0 4px 5px 0; width: 154px; height: 140px; overflow: hidden; float: left; text-align: center; }
#pag #index #txt .fotos img { padding-left: 2px; }
#pag #index #txt .fotos p { text-align: center; margin: 5px 0 0 0; }*/

#pag #index #txt .boton { background-color: #065691; }
#pag #index #txt p a { text-decoration: underline; color: #6CBEFA; }
#pag #index #txt ul { font-size: 0.9em; color: #fff; }
#pag #index #txt .disc { list-style-type: disc; }
#pag #index #txt .lista { margin: 20px 40px; }
#pag #index #txt .lista li { margin-bottom: 10px; }
#pag #index #txt  .circle { margin: 10px 40px; font-weight: bolder; list-style-type: circle; }
#pag #index #txt .imgsec { float: right; margin: 0 0 20px 20px; }


/*  ######### FORMULARIO ###############*/
.tencuesta { font-size: 0.9em; background-color: #fff; width: 512px; margin: 10px auto; }
.tencuesta p { color: #000; font-size: 1em !important; text-align: left; }
.tencuesta ul { color: #000 !important; font-size: 1em !important; }
.encuesta_cab { border: 1px solid #065691; width: 500px; margin: 0 auto; padding: 5px; color: #065691; font-weight: bolder; }
.encuesta_opciones { text-align: center; border: 1px solid #065691; width: 500px; margin: 0 auto; padding: 5px; }
.encuesta_principal { text-align: left; border: 1px solid #065691; width: 500px; margin: 0 auto; padding: 5px; }
.encuesta_select { float: right;  text-align: center; }
.encuesta_valores { width: 50%; text-align: center; }
.encuesta_r { color: #065691; font-weight: bold; }

.formul { width: 200px; font-size: 0.9em; border: 1px solid #C0C0C0; background-color: #fff; color: #585858; }

.calidad_encuesta { color: #fff; font-size: 0.9em; }
.calidad_encuesta input, .calidad_encuesta textarea, .calidad_encuesta select { font-size: 1.2em !important; }
.calidad_pregunta { background-color: #004080; color: #fff; padding: 3px 3px 3px 5px; font-size: 1.1em; margin-top: 10px; }
.calidad_subpregunta { font-weight: bold; padding: 5px 5px 0 10px; } 
.calidad_opciones { vertical-align: middle; padding: 10px;}

#pag #pie { margin-top: 10px; font-size: 0.8em; text-align: center; clear: both; }
#pag #pie ul { line-height: 13px; }
#pag #pie ul li { display: inline; color: #B1D1E8; }
#pag #pie ul li a { color: #B1D1E8; }
#pag #pie .subpie { margin-top: 5px; }
#pag #pie .subpie li { color: #B1D1E8; padding: 0 3px; }
/*  Clear de floats  */
.clear:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear{ display: inline-block; }
/*\*/
.clear{ display:block; }
* html .clear{ height:1px; }
/**/