body {background: #15110B url("i/basemontes.jpg") repeat-x bottom; color: #C0AFA0; margin: 0; padding-bottom: 250px; font: 14px Arial, Helvetica, sans-serif;  }
#base {margin:0 auto; padding:0; width:970px; position: relative;}
#colIzq {position: absolute; top: 59px; left: 0px; width:258px;}

img.cabsmenu {margin:0; padding:0;}

#menu {background: url("i/mencuerpo.jpg") repeat-y; margin-top: 16px;}

#colDer {position: relative; margin-left: 274px; width:696px;}

#tit1 { margin:0; padding:0;}
#tit1 h1 { margin:0; padding: 6px 0 0 0; height: 17px; width:510px; text-align: center; font-size: 9px; color: #A59479; }

#tit2 {margin: 0px 0 10px 0; padding: 6px 0 0 0; width:696px; height: 26px; background: url("i/contcab.jpg") no-repeat;}
#tit2 h2 { margin: 0; padding: 0; width:511px; height: 26px;  text-align: center;  font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  }

#contTrasGal {margin-top: 530px; padding:0;}

#contNoGal {margin-top: 351px; padding:0;}

#contTxt {float:left; width:480px; margin: 0;
 padding: 16px 14px 16px 14px; text-align: justify; color: #C0AFA0;
  line-height: 18px; border: 1px solid #2C2723; background: #1F1C18;
  font: normal .85em/1.625em Verdana, Arial, Helvetica, sans-serif;
  }

.resalta {background: #352C1C; color: #B7A697;}


#contTxt h3 { background: #42382F url("i/fontit.jpg"); color: #AAAE97; border: 1px solid #523C25; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 3px; margin-top: 28px; }
#contTxt h4, #contTxt h5 { color: #8A916F; font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
#contTxt h4 { border-bottom: 1px solid #50513D; border-top: 1px solid #50513D;}

.inisecc {padding-left: 20px; width: 21px; height: 14px; background: url(i/inisecc.gif) no-repeat left; margin-right: 6px;}

#contExtra {float:left; width:170px; margin:0 0 0 16px; font: normal .75em Verdana, Arial, Helvetica, sans-serif;}

#contExtra a {text-decoration: none; color: #CF9B30;}
#contExtra a:hover {text-decoration: underline;}

.marcoExtra {border: 1px solid #332509; background: #231C12 url("i/foncont3.jpg") repeat-y; color: #9C8F74; padding: 8px; margin: 0px 0 26px 0; }
.marcoExtra img {float: left; margin-right: 6px;}
.marcoExtra p {margin: 0;}
.marcoExtra ul {padding: 0px; margin-left: 18px;}
.marcoExtra li {margin-bottom: 12px;  padding: 1px; list-style: square;}

.marcoExtra h3 {margin: 1em 0 0.5em 0; font-size: 12px;}


#entorno {color: #000000;}
/* -----------    OPCIONES MENU    ----------- */
#menuop {width:182px; margin-left:38px; font-size: 13px; font-weight: bold;}
#menuop p {margin: 4px; padding: 4px; text-align: center; }
#menuop ul {list-style: none; margin: 0; padding: 0;}
#menuop li a {text-decoration: none; height: 36px; voice-family: "\"}\""; voice-family: inherit; height: 28px;}
#menuop li a:link, #menu li a:visited {color: #D9CDC4;	display: block; background: url("i/menestado.jpg"); padding: 8px 0 0 12px;}
#menuop li a:hover {color: #FFFFFF; background: url("i/menestado.jpg") 0 -72px; padding: 8px 0 0 12px;}
#menuop li a#menactivo {color: #B39D8B; background: url("i/menestado.jpg") 0 -36px; padding: 8px 0 0 12px;}
/* -----------    OPCIONES MENU    ----------- */

#patro {position: relative; margin-top: 20px; width:246px; height: 220px; background: #231C12; border: 6px solid #352C1C;}

#patro img { position: absolute;}
#patgaspar {top: -6px; left: -6px;}
#patvi {top: 74px; left:11px;}
#patcamin {top: 8px; left:67px;}
#patvalle {top: 60px; left:67px;}
#patoso {top: 112px; left:67px;}
#patastur {top: 164px; left:67px;}



/* ------- alquilar  -------- */

#cabGrand {position: absolute; width:510px; height: 332px; top: 26px; left: 0px; margin:0; padding:0;}

#cabPeq {position: absolute; width:170px; height: 302px; top: 26px; left: 526px; background: url("i/alquilar/cabpeqfon.jpg") no-repeat; color: #B39D8B; margin: 0; padding-top: 30px; text-align: center; font: bold 12px Arial, Helvetica, sans-serif;}

#cabPeq a {text-decoration: none; color: #B39D8B;}

.titdatos {color: #8B6F54;}

.nota {font-size: 0.9em;}

table#precios { border-collapse: collapse; font-size: 12px; width: 100%;}
td.pt1 {border-top: 1px solid #B39D8B;}
td.pt2 {border-bottom: 1px solid #B39D8B;}
td.pta {background-color: #383029; text-align: center; border-top: 1px solid #B39D8B; border-bottom: 1px solid #B39D8B;}
td.ptb {background-color: #53473E; text-align: center; border-top: 1px solid #B39D8B; border-bottom: 1px solid #B39D8B;}


/*FormulariosReservas*/
form#reservas {position:relative; height:425px; font-size: 86%;}
form#reservas legend {color: #FFFFFF; font-weight: bold;  }
form#reservas input{background: #FFFAF0; font-size: 11px; text-align: center;}
form#reservas textarea{font-size: 11px; background: #FFFAF0;}
.formFecha{ position:absolute; top:4px; width:150px; height:184px; padding : 4px; margin: 0px; background: #383029; border: 1px solid #483F35;}
#formFini { left:0px; }
#formFfin { left:180px; }
#finidd, #finimm, #ffindd, #ffinmm{ width: 18px;}
#finiyyyy, #ffinyyyy{ width: 28px;}
.bloqueFecha {position:relative;}
.inputFecha{ position:absolute; left:25px; top:131px;}
.labdd {position:absolute; left:4px; top:2px;}
.labmm {position:absolute; left:36px; top:2px;}
.labyyyy {position:absolute; left:74px; top:2px;}
#forOtros { position:absolute; left:352px; top:50px; width:128px; height:110px; }
#forOtros div {margin-top: 16px; margin-left: 32px;}
#forComent { position:absolute; left:1px; top:210px; width:337px; height:110px;}
#forContact { position:absolute; left:1px; top:325px; width:339px; height:100px;}
#forContact fieldset {padding: 8px; margin: 0px; border: 1px solid #483F35;}
#forContact div {margin-top: 8px; margin-bottom: 14px;}
#clinom,#cliemail,#clitel {position:absolute; left: 75px;}
#forBoton{ background: url(i/alquilar/resEnviar.gif) no-repeat; position:absolute; left:357px; top:355px; width:125px; height:97px;}
#Enviar {margin-left: 40px; margin-top: 37px;}
/*FormulariosReservas*/

/*Calen*/
table.calen {width:150px; margin:auto; padding:0px; cursor:default; text-align:center; font:10px Arial, Helvetica, sans-serif; table-layout:fixed;}
table.calen a, table.calen a:visited { color: #291E18; text-decoration: none; display: block; font-weight: bold;}
table.calen a:hover {background: #C44E15; color: #FFFFFF;text-decoration: none; font-weight: bold;}
table.calenDias { width: 150px; margin: auto; padding: 0px; cursor: default; text-align: center; font:10px Arial, Helvetica, sans-serif; table-layout:fixed;}
td.diaSi, td.diaSiOld { padding:0px; background:#FFF8EA; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-bottom:1px solid #A9A9A9; border-right:1px solid #A9A9A9;}
td.diaSiOld { background:#EBDBBA; color:Gray;}
td.diaNo { padding:0px; background:#EBDBBA;}
.evDA { padding:0px; background:#EBDBBA; border:1px solid #6C5200;}
.LaV {color: #333333;}
div.sab {color:#5E4600;}
div.dom {color:#5E4600;}
div.evDAsolo {width:100%; cursor:help;}
td.cabMes { background:#6F6144; color: #FFFFFF; text-align:center; font:bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;}
td.cabMes a, td.cabMes a:visited { background: #4A412D; color: #FFFFFF; text-decoration: none; display: block; font-weight: bold;}
td.cabMes a:hover {background: #C44E15; color: #FFFFFF; text-decoration: none; font-weight: bold;}
/*Calen*/


#contenmarc { border: 3px solid #2B2620; padding: 30px; margin: 40px 10px 60px 10px; background: url("i/alquilar/fontris.png") no-repeat bottom right;}


div#marcoOfertas {
	height:800px;
	overflow: auto;
}

div.oferta {
	border: 1px solid #332509;
	background: #231C12 url("i/foncont3.jpg") repeat-y;
	color: #9C8F74;
	padding: 8px;
	margin: 0 0 16px 0;
}

div#marcoOfertas h3 { margin: 0px 0 10px 0; font-size: 14px;}

div#marcoOfertas p { margin: 0px 0 10px 0; font-size: 11px;}
p.epoca { background: #9C8F74; color: #231C12;}
p.precio {font-weight: bold;}



/* ------- llegar  -------- */

#cabUnica {position: absolute; width:696px; height: 332px; top: 26px; left: 0px; margin:0; padding:0;}

.rutaA {background: #04A5C0;}
.rutaB {background: #00CA00;}
.rutaC {background: #FF0302;}
.rutaA, .rutaB, .rutaC { color: #FFFFFF; padding: 2px; border: 1px solid #A88A6C;}

ul#seniales {margin: 20px 0 0 0; padding: 0; list-style: none;}
ul#seniales img{float: none; border: 3px solid #3D402F;}

span.senial {font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  }

span.senialtf {color: #CCCCCC; background: #3D402F; padding: 2px; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;  }





/* ------- valles del oso -------- */

div#grafico {width: 482px; height: 266px; overflow: auto;}
div#grafico img {margin: 0px; padding: 0px;}

















.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix {height:1px;}