@import 'reset.css';

html,body{ background: #D9D4CB url(../img/body_bg.jpg) repeat-x;color: #333; margin:0px;padding:0px; text-align:center;font-family:"Times New Roman", Times, serif; font-size: 1em;}

#central{width:955px;padding:0;text-align:left;margin:0px auto 0px auto;display: block;background: transparent; border: none; overflow:hidden; position :relative;}
#head{width: 872px; height: 254px; background: url(../img/header.jpg) no-repeat; position: relative; overflow: hidden; margin :0px auto; font-family :Arial, Helvetica, sans-serif; font-size :0.9em}
#head #flash{	width :350px; height :145px; display :block; float :none; clear :both; z-index :4; position :absolute; left :450px; top :75px; background :transparent; }

#head a#logo{width :156px; height :250px; display :block; float :none; clear :both; background :transparent; position :absolute; left :54px; top:0; text-indent :-9999px;}
#head ol{ width: 600px; height: 65px; position: absolute; left: 241px; top: 0px;}
#head ol li{float:left; clear: none; display: block; list-style: none; height: 65px; width: auto;}
#head ol li a, #head ol li a.activo{ color: #f8f5ee; width: auto; height:65px; line-height: 65px; font-weight: 700; font-size: 0.85em; text-transform: capitalize;padding: 0 10px; border-right :1px solid #ECE9D8; display :block;}
#head ol li a:hover, #head ol li a.activo{color:#fff; background :#B63D18}

/*
#head #sub{ height :auto; background :#B63D18; display :block; color :#fff; position :absolute; z-index :3}
#head #sub a{width :auto; display :block; float :none; clear :both; font-family :Arial, Helvetica, sans-serif; color :#f1ece3; text-indent :8px; font-size :0.8em; font-weight :bold; line-height :1.5em; border-bottom :1px solid #f1ece3}
#head #sub a:hover{color :#fff;}
*/
#sub{ height :auto; background :#B63D18; display :block; color :#fff; position :absolute; z-index :3}
#sub a{width :auto; display :block; float :none; clear :both; font-family :Arial, Helvetica, sans-serif; color :#f1ece3; text-indent :px; font-size :0.8em; font-weight :bold; line-height :1.5em; border-bottom :1px solid #f1ece3; padding :1px 8px;}
#sub a:hover{color :#fff;}



#footer{	background: #3B241C url(../img/footer.jpg) center top no-repeat; height: 54px; color: #f8f5ee;width :100%; display :block; float :none; clear :both;  padding-top :40px; position :relative; text-align :center; font-family :"Times New Roman", Times, serif; }
#footer #gohome{width :40px; height :60px; display :block; background :transparent; position :absolute; z-index :3; top :20px; margin-left :-374px; text-indent :-9999px;}

#footer ol{ width: 680px; height: 24px; margin :0px auto; padding-left :30px; }
#footer ol li{float:left; clear: none; display: block; list-style: none; height: 24px; width: auto;font-size: 0.8em;}
#footer ol li a,#footer ol li p{ color: #f8f5ee; width: auto; height:24px; line-height: 24px; font-weight: normal;  text-transform: capitalize;padding: 0 5px; display :inline;}
#footer ol li a:hover{color:#fff; text-decoration :underline;}

#page{width: 744px; height: auto; float: left; background: #f8f5ee; position: relative; margin :0px auto; clear :none; display :block; left :95px; padding :0px 5px 20px 5px; font-family :Arial, Helvetica, sans-serif; font-size :0.7em; line-height :1.8em;}

#contenidos{width :440px; height :auto; float :left; clear :none; display :block; padding-left :20px;}
div.right{width :265px; height :auto; float :left; clear :none; overflow :hidden; display :block; padding :0px; margin-left :15px; padding-top :30px}



div,img,ol{display: block; float: none; clear: both; margin :0;}
a{text-decoration:none; }
h1{ color: #483830; font-size: 2.5em; font-weight: normal; font-family:"Times New Roman", Times, serif; margin-bottom: 10px; }
h2{ color: #483830; font-size: 2.0em; font-weight: normal; font-family:"Times New Roman", Times, serif; margin-bottom: 10px; }
h3{ color: #483830; font-size: 1.5em; font-weight: normal; font-family:"Times New Roman", Times, serif; margin-bottom: 10px; }


h4{ color: #483830; font-size: 1.5em; font-weight: bold; font-family:"Times New Roman", Times, serif }
h5{ color: #483830; font-size: 1.3em; font-weight: bold;}
h6{ color: #483830; font-size: 1em; font-weight: bold;}
p{ line-height: 18px}
hr{ height: 2px; color: #fff; border: none; border-bottom: 2px dotted #999; width: 100%; margin: 24px 0; float: none; clear: both;}


.midbox{width :362px; height :auto; padding :0px; margin :5px; display :block; float :left; clear :none; background :url(../img/midbox_bg.jpg) repeat-y;color: #483830;}
.midbox h5{ width :362px; height :8px; display :block; float :none; clear :both; background :url(../img/midbox_top.jpg) no-repeat;}
.midbox h6{ width :362px; height :auto; display :block; float :none; clear :both; background :url(../img/midbox_foo.jpg) bottom no-repeat; text-indent :10px; padding-bottom :5px}
.midbox p{ padding :8px; color :#333;}
.midbox a{float :left; clear :none;}
.midbox a img{ margin-bottom :10px}
/*.midbox a{color: #483830;}*/


#mapbox{width :262px; height :280px; display :block; float :none; background :transparent; border :1px solid #676767;}
#mapbox #logocontrol, #mapbox #copyright{visibility :hidden;}

ul.entorno, ul.entorno li{width :420px; height :auto; display: block; float :none; clear :both; list-style :none; padding :0}
ul.entorno li{background :#ECE9D8; border :2px solid #D3C9B9; position :relative; padding :10px; margin-bottom :10px}
ul.entorno li a, ul li a{text-decoration :none; color :#483830;}
ul.entorno li div p{line-height :18px}
ul.entorno li img{float :left; clear :none; margin-right :10px}


.rightbox{width :262px; height :auto; padding :0px; margin :0px; display :block; float :left; clear :none; background :url(../img/rightbox_bg.gif) repeat-y;color: #483830; margin-top :20px; overflow :hidden;}
.rightbox h5{ width :262px; height :8px; display :block; float :none; clear :both; background :url(../img/rightbox_top.gif) no-repeat;}
.rightbox h6{ width :262px; height :auto; display :block; float :none; clear :both; background :url(../img/rightbox_bottom.gif) bottom no-repeat; text-indent :10px; padding-bottom :5px}
.rightbox p{ padding :8px; color :#333;}
.rightbox h3{width :230px; height :auto; display :block; float :none; clear :both; padding :5px; text-align :left; border-bottom :3px solid #D3C9B9; margin :0px auto;}
.rightbox h1{margin-left :10px; text-decoration :underline;}

.rightbox fieldset{border :none; width:230px;padding :10px; display :block;}
.rightbox label{ font-size :12px; width :230px; display :block;}
.rightbox input, .rightbox textarea{ font-size :12px; width :230px; display :block;  border-bottom-color :#999;  border-bottom-style :solid;  border-bottom-width :1px;  border-left-color :#999;  border-left-style :solid;  border-left-width : 2px;  border-right-color :#ccc;  border-right-style :solid;  border-right-width :1px;  border-top-color :#999;  border-top-style :solid;  border-top-width :2px; height :16px}
.rightbox textarea{height :100px; overflow :auto;}
.rightbox #enviar, #contactform fieldset input#enviar{height :20px; width :80px; margin :5px 0 0 150px; border :none; background :#D3C9B9; color :#333;}


/* paginador */
div.pagination {	background-color:#fff;	color:#666;	padding:10px 0 10px 0;	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	text-align:center;}
div.pagination a {	color:#666;	padding:1px 4px;	margin:0 2px;	text-decoration:none;	border:1px solid #aaa; }
div.pagination a:hover, div.pagination a:active {border:1px solid #666;	color:#fff; background: #999}
div.pagination span.current {	padding:1px 4px;	border:1px solid #666;	color:#fff;	font-weight:bold;	background-color:#666;}
div.pagination span.disabled {display:none;}
div.pagination span.indicador{ padding-right: 30px;}




#contactform,#contactform fieldset{margin: 0; padding: 0; border: none; font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;  color: #333; width: 435px; overflow: hidden;}
#contactform fieldset label{width: 431px; display: block; float: none; clear: both; color: #483830s; text-align: left; font-size: 1em; font-weight: 700; height: 20px; line-height: 20px;}
#contactform fieldset input,#contactform fieldset textarea,#contactform fieldset select{width: 420px; padding: 2px; line-height: 16px; height: 16px; overflow: hidden; color: #333; border: 1px solid #aaa; font-size: 1em;font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;}
#contactform fieldset textarea{	height :80px;}
#contactform fieldset select,#contactform fieldset select option{	height :22px}
#contactform fieldset input#enviar{margin-left :340px}

#contactform fieldset label.mini,#contactform fieldset input.mini,#contactform fieldset select.mini{width: 90px; float :left; clear :none; margin-right :10px;}
#contactform fieldset label.mini{font-size :11px;}

#entrada,#salida{
	background :url(../img/calendar.png) right top no-repeat;
}

p.error{	color: #c00;}


#tooltip{width: 55px; height: 40px; display: none; float: none; clear: none; z-index: 99; padding: 23px 27px 35px 25px; font-size: 10px; color: #999; text-align: center;  background: url(../img/tip.png) no-repeat; position: absolute; line-height: 20px; }

a.minifotos{width :120px; height :90px; display :block; float :left; clear :none; margin :5px; overflow :hidden;}