@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
/*table th,table td{border-collapse:collapse}*/
a{text-decoration:none;color:#3c9bcf}
a:hover{text-decoration:underline;color:#000}
fieldset{border:none} 
/*table,tr,th,td{border-collapse:collapse}*/
/*------------------------------- generals ---------------------------------*/
.a-r{text-align:right}
.dorado{color:#ebccaa}
.negro{background-color:#000;color:#ebccaa;padding:2px}
.negro:hover{text-decoration:none;color:#000;background-color:#ebccaa}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;background:url(img/bg/body.gif) repeat-x top #fafafa;font:12px Arial, Helvetica, sans-serif;text-align:center;color:#333}
/*------------------------------- container ---------------------------------*/
#container{margin:0 auto;padding:0;width:980px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:left;width:980px;height:107px;overflow:hidden;margin:0;padding:0}
#head .logo{background:url(img/bg/head-logo.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:554px;height:107px;float:left}
#head .ok{background:url(img/bg/head-ok.jpg) no-repeat;display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:426px;height:107px;float:left}
#head p{overflow:hidden;text-indent:-9999px;z-index:99;float:left}
/*------------------------------- head-faja ---------------------------------*/
#head-faja{float:left;width:980px;height:82px;overflow:hidden;margin:0;padding:0;background:url(img/bg/head-faja.gif)}
#head-faja .title{background:url(img/bg/title.jpg) no-repeat;display:inline;overflow:hidden;text-indent:-9999px;z-index:99;width:342px;height:42px;float:left;margin:45px 0 0 47px}
#head-faja p{overflow:hidden;text-indent:-9999px;z-index:99;float:left}
#head-faja2{float:left;width:980px;height:40px;overflow:hidden;margin:0;padding:0;background:url(img/bg/head-faja.gif)}
/*------------------------------- float fix ---------------------------------*/
#content:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html ul, * html li, * html p{height:1%}
#content, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content ---------------------------------*/
#content{background:url(img/bg/content.gif) repeat-y;float:left;width:980px}
/*------------------------------- content-left ---------------------------------*/
#content .left{float:left;width:353px;display:inline;margin-left:47px}
#content .left p{margin-top:2em;text-align:justify;line-height:1.8em}
/*------------------------------- content-right ---------------------------------*/
#content .right{float:left;width:518px;display:inline;margin-left:44px}
#content .right p,h4{text-indent:-9999px;z-index:99}
#content .right .apto1{background:url(img/bg/apto-1.jpg) no-repeat;width:504px;height:121px;display:block;float:left;margin:0 0 2em 0}
#content .right .apto2{background:url(img/bg/apto-2.jpg) no-repeat;width:504px;height:107px;display:block;float:left;margin:0 0 2em 0}
#content .right .apto3{background:url(img/bg/apto-3.jpg) no-repeat;width:504px;height:120px;display:block;float:left;margin:0 0 2em 0}
#content .right .apto4{background:url(img/bg/apto-4.jpg) no-repeat;width:504px;height:106px;display:block;float:left;margin:0 0 2em 0}
#content .right .apto5{background:url(img/bg/apto-5.jpg) no-repeat;width:504px;height:120px;display:block;float:left;margin:0 0 2em 0}
/*------------------------------- botones ---------------------------------*/
#content .botones img{margin:30px 0 0 100px}
/*------------------------------- pie ---------------------------------*/
#pie{background:url(img/bg/pie.gif) repeat-x #3b9acf;overflow:hidden;clear:both}
#pie2{margin:0 auto;padding:0;width:980px;text-align:left;position:relative}
#pie2 p{padding:2em .5em 2em .5em;float:left}
#pie2 a{color:#fff;text-decoration:underline}
#pie-banda{float:left;padding:0;margin:0;width:980px;height:7px;background:url(img/bg/pie-banda.gif) no-repeat}
/*------------------------------- formulario ---------------------------------*/
#contenido{padding-bottom:20px;text-align:center;float:left}
#contenido h2{font-size:2em;color:#369}
table{font-weight:bold;font-size:1.2em;float:left}
td{text-align:left}
.reserva1{border:1px solid #6cc;background-color:#cff;padding:10px;margin-left:40px}
.reserva2{border:1px solid #c93;background-color:#ffc;padding:10px;margin-left:10px}
#enviar{float:left;clear:both;margin:20px 0 0 450px}
.boton{padding:5px}
/*------------------------------- enviado ---------------------------------*/
#enviado{text-align:center;font-weight:bold;color:#090;font-size:1.5em}