/* GENERALES */
*{	padding: 0; margin: 0}
body{ background:#1C1309;margin:0px;padding:0px; color: #333;text-align:center;font-family:Arial, Helvetica, sans-serif; font-size: 11px;}
.ocultar{text-indent: -5000px;}
.invisible{	display: none;}
a#mediatriz{font-size: 10px; color: #654C36; text-align: center; text-decoration: none; }
a#mediatriz:hover{color: #A58D47;}



/* CAJAS PRINCIPALES */
#page{width: 900px; height: auto; display: block; float: none; clear: both; margin: 10px auto 10px auto; padding: 0; overflow: hidden; background: #D0B15E url(../images/body_bg.jpg) repeat-y;}
#izquierda{width: 249px; height: auto; display: block; float: left; clear: none; overflow: hidden; margin: 0; padding: 0;background: url(../images/logo_loschurrascos.jpg) no-repeat;}
#derecha{width: 651px; height: auto; display: block; float: left; clear: none; overflow: hidden; margin: 0; padding: 0;}
#footer{width: 100%; height: 32px; line-height: 32px; display: block; float: none; clear: both; margin: 10px 0 0 0; background: url(../images/foobar.jpg) repeat-x; text-align: center; color: #B9AA82; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif;}
#contenedor{width: 651px; height: auto; display: block; float: left; clear: none; overflow: hidden; margin: 0; padding: 0;}

/*COLUMNA IZQUIERDA*/
	/* MENU */
	a#logo{width: 249px; height: 186px; display: block; float: none; clear: both; background: url(../images/logo_loschurrascos.jpg) no-repeat; text-indent: -9999px; text-decoration: none;}
	a.menu{width: 249px; height: 28px; display: block; overflow: hidden; clear: both; float: none;}
	a.menu:hover{
		background: #1C1309; padding-left: 4px
	}
	a.menu img{	width: 249px; height: 28px; border: none; overflow: hidden;}

	/* NOTICIAS */
	ul#noticias{width: 205px; height: auto; background: url(../images/h1_noticias.jpg) 57px 0 no-repeat; padding: 60px 6px 10px 38px; list-style: none;}
	ul#noticias li{text-align: left; color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; line-height: 18px; margin-bottom: 5px;}
	ul#noticias li a{ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9C6733; font-weight: bold; display: block; text-decoration: none; text-align:center;}
	ul#noticias li a.fecha{ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9C6733; font-weight: bold; display: block; text-decoration: none; text-align: left;}
	ul#noticias li a.leer{ font-family: Tahoma, Arial, Helvetica, sans-serif; color: #9C6733; font-weight: bold; display: block; text-decoration: none; background:url(../images/leer_bottom.jpg) bottom center no-repeat; line-height: 9px; height: 24px; text-indent: 150px}
	ul#noticias li a.leer:hover,ul#noticias li a:hover{ background-position: 18px bottom; color: #333;}	
/* fin columna izquierda */


/* COLUMNA DERECHA */
	img#foto-home{width: 651px; height: 270px; display: block; float: none; clear: both; border: none;}
	img#header{width: 651px; height: 186px; display: block; float: none; clear: both; border: none;}
	h1#slogan-home{width: 651px; height: 47px; display: block; clear: both; text-indent: -9999px; background: url(../images/h1_home.jpg) no-repeat;}
	h1,div#viamich{width: 651px; height: 47px; display: block; clear: both; text-indent: 61px; background: url(../images/h1.jpg) no-repeat; text-align: left; font-family:"Times New Roman", Times, serif; color: #603219; font-size: 24px; line-height: 46px}
	div#viamich{font-size: 12px; margin-top: 10px;}
	
	div.caja{ width: 640px; height: auto; display: block; float: none; clear: both; border: 1px solid #B79155; padding: 2px; margin: 4px auto 4px auto; text-align: left; color: #817148; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px}
	div.caja img{ display: block; margin: 3px;}
	div.caja h1{ width: 610px; height: 24px; display: block; background: #8B7641 url(../images/item_h1.jpg) no-repeat; color: #eee; font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size: 12px; line-height: 24px; padding: 0 0 0 30px; text-indent: 0}
	div.caja h2{	font-size: 12px; text-align: left; line-height: 18px; padding-left: 4px}		
	div.caja p, div.caja span, div.caja em, div.caja a{font-size: 11px; text-align: left; padding-left: 4px; display: block;}		
	div.caja a{	font-weight: bold; text-decoration: none; color: #8B7641;}

	div.caja ul{ list-style: none; padding-left: 8px; }
	div.caja ul li a{font-weight: bold; text-decoration: none; color: #8B7641; padding: 0; display: inline;}
	div.caja ul li ul{ list-style: disc; padding-left: 12px; list-style-position: inside; margin-bottom: 10px}
	div.caja ul li.recomendado, div.caja ul li.recomendado a{font-size:12px;}
	div.caja ul li ul li a{font-weight: normal; text-decoration: none; color: #604A33; padding: 0; display: inline;}

	div.caja a:hover, div.caja ul li a:hover{color:#473626;}
	div.caja a.mini{color:#473626; font-size: 10px; float: right; clear: both; margin-right: 10px;}
	div.caja div.conte{display: none;}
	div.caja .col1{color:#473626; font-size: 11px; float: right; clear: both; margin-right: 5px; width: 220px; height: 20px; float: left; clear: none;}
	div.caja .col2{color:#473626; font-size: 11px; float: right; clear: both; margin-right: 5px; width: 150px; height: 20px; float: left; clear: none;}
	div.caja hr{widows: 100%; height: 1px; color:#473626; border: none; border-bottom: 1px solid #B79155; display: block; float: none; clear: both; padding: 0}

	
	div#calidad{ width: 180px; height: 60px; display: block; float: left; clear: none; overflow: hidden; border: 1px solid #B79155; padding: 2px 2px 2px 6px; margin: 2px 12px 2px 2px; text-align: left; color: #817148; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; background: url(../images/calidad_turistica.jpg) right 2px no-repeat; font-weight: bold; }
	a#boletin{ width: 180px; height: 60px; display: block; float: left; clear: none; overflow: hidden; border: 1px solid #B79155; padding: 2px 2px 2px 60px; margin: 2px 12px 2px 2px; text-align: left; color: #817148; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; background:url(../images/icono_pdf.jpg) left 5px no-repeat; font-weight: bold; text-decoration: none;}
	a#ubicacion{ width: 90px; height: 60px; display: block; float: left; clear: none; overflow: hidden; border: 1px solid #B79155; padding: 2px 85px 2px 6px; margin: 2px 1px 2px 2px; text-align: left; color: #817148; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; background: url(../images/minimapa.jpg) right 4px no-repeat; font-weight: bold; text-decoration: none;}
	div#calidad span, a#ubicacion	span{font-size:9px; font-weight:normal; line-height:12px;color:#333; display: block;}	
	

#dropmenudiv{position: absolute; border: 1px solid #666; background:#1C1309 url(../images/menu_bg.jpg); border-top: none;	z-index:100;}
a.submenu, #dropmenudiv a{height: 18px; font-size: 11px; font-weight: normal; color: #fff; line-height: 18px; text-decoration: none; border-bottom: 1px solid #666;padding: 0 2px 0 2px; overflow: hidden; overflow: hidden; text-align: left; display: block; float: none; clear: both;}
a.submenu:hover, #dropmenudiv a:hover{ color: #FFF; background-color: #603219;}

	
div#menunav{width: 651px; height: 27px; display: block; clear: both; list-style: none; background: url(../images/menu_bg.jpg) repeat-x; z-index: 1}
.nav, .nav ul {list-style: none;	margin: 0;padding: 0;background: #1C1309 url(images/menu_bg.jpg) repeat-x; display: block;}
.nav { font-family: Tahoma, Arial, Helvetica, sans-serif; z-index: 100; position: relative; background-color: #1C1309}
.nav li { border-right: 1px solid #DBC07A;  float: left; margin: 0; padding: 0;  position: relative;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {  font: normal 11px Arial, Helvetica, sans-serif; color: #ddd;  display: block;  padding: 0 9px;  text-decoration: none; height: 24px; line-height: 24px;}
.nav li a:hover {color: #fff;}
#nav-one.nav{background:#1C1309 url(../images/menu_bg.jpg) repeat-x; width: 651px; display: block; z-index: 2}
#nav-one li:hover a, #nav-one li.sfHover a { background: #603219; color: #fff;}
#nav-one li:hover ul a, #nav-one li.sfHover ul a { background: #603219; color: #ddd;}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { color: #fff}
.nav ul { background: #1C1309; border-bottom: 1px solid #000; list-style: none; margin: 0; width: 120px; position: absolute; top: -999em; left: -1px; text-align: left;}
.nav li:hover ul,.nav li.sfHover ul { top: 23px;background: #1C1309;}
.nav ul li { border: 0; float: none; background: #1C1309;}
.nav ul a { border: 1px solid #D9C17B; border-bottom: 0;  padding-right: 20px;  width: 120px;  white-space: nowrap; background: #1C1309;}
.nav ul a:hover {color: #fff; background: #1C1309;}



div.caja ul#puros li{width: 270px; display: block; float: left; clear: none;}

ul#salones{	width: 650px; height: 20px; overflow: hidden; list-style: none; margin: 0 auto;}
ul#salones li{display: block; float: left; clear: none; width: auto; list-style: none; padding: 0 6px 0 6px}
ul#salones li a{color: #4F3C2B; text-decoration: none;}

ul#personal{width: 610px; height: auto; overflow: hidden; list-style: none; margin: 0 auto;}
ul#personal li{display: block; float: none; clear: both; width: 610px; list-style: none; padding: 0 6px 0 6px; border-bottom: 1px dotted #4f3c2b;}
ul#personal li p{color: #4F3C2B; text-decoration: none; text-align: left; width: 300px; height: 20px; float: left; clear: none;}

fieldset#form{ border: none; padding: 15px 5px 15px 20px; width: 600px}
fieldset.reservas{border: none; padding: 0; width: 600px;}
fieldset#form legend, fieldset.reservas legend{color: #8B7641; font-size: 12px; text-align: left; padding: 0; font-weight: 700;}
fieldset#form label,fieldset#form input,fieldset#form select, fieldset#form textarea{ float: left; clear: none; overflow: hidden; display: block; width: 200px; padding-left: 10px; margin-bottom: 10px;}
fieldset#form input,fieldset#form select, fieldset#form textarea{width: 300px; background-color: #A9904D; border: 1px solid #8C7740; color: #fff; }
fieldset#form input.chk, fieldset#form label.chk{width: 20px;}
fieldset#form textarea{	height: 80px;}
fieldset#form input.minimo, fieldset#form select.minimo, fieldset#form label.minimo{width: 40px; padding: 1px}
fieldset#form p{width: 100%; display: block; float: none; clear: both;}
fieldset#form input#enviar{width: 130px; height: 29px; display: block; float: left; clear: none; margin-left: 180px; background: url(../images/btn_enviar.jpg) no-repeat; border: none;}