/**********************INICIO ESTILOS BASE**************************/
body{margin: 0;	padding: 0; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif;background-color:#000000;background: url(../img/lineas.jpg) repeat-x top; }
li{list-style:none;}
h1{font-size:1em;display:none;}
h1 span {display:none;}
h2{font-size:0.7em; font-weight: bold;margin: 0;padding:0;}
h3{font-size:1em;text-decoration:none;font-family: Verdana, Arial, Helvetica, sans-serif;}
a:link { text-decoration:none; color: #FFFFFF;}
a:visited { text-decoration: none; color: #FFFFFF;}
/*a:hover img{filter:alpha(opacity=60);opacity:.6; }*/
/* PARCHE PARA PNG EN IE6, div, img { behavior: url(/css/iepngfix/iepngfix.htc)} mas info en http://www.webmasterlibre.com/2006/12/13/arreglo-rapido-para-los-png-en-internet-explorer-6/*/
/**********************FIN ESTILOS BASE**************************/

/**********************INICIO HEADER**************************/
#headerindex {margin:0;padding:0;width:100%; height:422px;background: url(../img/indexfondo1a.jpg) center no-repeat;  }
#headervinos {margin:0;padding:0;width:100%; height:422px;background:  url(../img/vinosfondo1a.jpg) center no-repeat;  }
#headerhotel {margin:0;padding:0;width:100%; height:422px;background: url(../img/hotelfondo1a.jpg) center no-repeat;  }
#headerrestaurante {margin:0;padding:0;width:100%; height:422px;background: url(../img/restaurantefondo1.jpg) center no-repeat;  }
#headerbodega {margin:0;padding:0;width:100%; height:422px;background: url(../img/bodegafondo1.jpg) center no-repeat;  }
#headermapa {margin:0;padding:0;width:100%; height:422px;background: url(../img/mapafondo1a.jpg) center no-repeat;  }
#headercontacto {margin:0;padding:0;width:100%; height:422px;background: url(../img/contactofondo1a.jpg) center no-repeat;  }
#headerindex2 {margin:0;padding:0;width:100%; height:422px;background: url(../img/fondosecundarias3a.jpg) center no-repeat;  }

#top {margin:0;padding:0;width:100%; height:420px;float:left; position:relative;background:url(../img/nav_pergamino.png) top no-repeat;}
#nav {width:1000px; height:74px;margin: 0px auto 0px auto; padding:0px; position:relative; top:0px; overflow:visible;  z-index: 1;}
#nav ul{margin:0 0 0 40px;padding:12px 0 0 0; list-style:none;}
/** html #nav ul {margin : 0;} /* IE6 Only */
#nav li{float:left; padding-left:34px; list-style-type: none;background: url(../img/punto.png) no-repeat 15px 60%;}
#nav li.first{padding-left:1px; background: none;}
#nav li.final{padding-left:1.2em; background: none;}
#nav a {color:#000000;padding:12px 0 0 0;}
#nav a:hover {text-decoration:underline;}
#nav img a {border:none;}

#logo {width: 57.81em;margin:0 auto 0 auto}
	#logo img {float:left}
	#logo a img {border: none;}
	
	#introduction{width:22em;position:relative; float:right}
	#introduction dt,#introduction .libre{margin:0;padding:0.3em 0 0 0.4em;font:21px "Times New Roman", Times, serif ;letter-spacing:0.06em;width:100%}
	#introduction .libre{cursor: pointer;-moz-user-select: none;-khtml-user-select: none;background: url(/img/fondogris.png) repeat;width:16.38em;}	
	#introduction dd, #introduction .colapse{font-size:12px;letter-spacing:0;line-height:1.3em;text-align:justify;}
	#introduction img{ float:right; margin:1em 0.65em 0.6em 0;}
	

	/**********************INICIO CAJA DESPLEGABLE**************************/
	/*ES POSIBLE QUE HAYA QUE DEFINIR LOS ALTOS PARA CADA PAGINA DENTRO DEL DIV CORRESPONDIENTE*/
	#introduction #cajaplegable {font-size:12px;letter-spacing:0;text-align:justify;position:relative;line-height:1.3em;}
	#introduction #plegar {display:none;background: url(/img/fondogris.png) repeat}
	#introduction #contenidoaplegar{margin:0 0.5em 0;text-align:justify;padding:0.25em}

/*	_ #introduction #contenidoaplegar{.margin:0.5em;.text-align:justify;.padding:0.25em 0.25em 0.25em 0.25em}*/
	
	#introduction #botonpliegue{_width:27.42em;width:100%!important;}
	#introduction #botonpliegue a{_width:27.42em;width:100%!important;background: url(/img/fondogris.png) repeat ;float:right}
	
	/**********************FIN HEADER**************************/

/**********************INICIO CONTENT**************************/
#bottomindex {margin: 3px 0;padding:0;width:100%;background: url(../img/indexfondo1b.jpg) top no-repeat;  }
#bottomvinos {margin: 3px 0;padding:0;width:100%;background: url(../img/vinosfondo1b.jpg) top no-repeat;  }
#bottomhotel {margin: 3px 0;padding:0;width:100%;background: url(../img/hotelfondo1b.jpg) top no-repeat;  }
#bottomrestaurante {margin: 3px 0;padding:0;width:100%;background: url(../img/restaurantefondo2.jpg) top no-repeat;  }
#bottombodega {margin: 3px 0;padding:0;width:100%;background: url(../img/bodegafondo2.jpg) top no-repeat;  }
#bottommapa {margin: 3px 0;padding:0;width:100%;background: url(../img/mapafondo1b.jpg) top no-repeat;  }
#bottomcontacto {margin: 3px 0;padding:0;width:100%;background: url(../img/contactofondo1b.jpg) top no-repeat;  }
#bottomindex2 {margin: 3px 0;padding:0;width:100%;background: url(../img/fondosecundarias3b.jpg) top no-repeat;  }

#content {width: 925px;padding:0;margin: 3px auto auto auto;}
#content dl {display:inline;} /*resuelve el doble margen de IE6*/
#content dt{margin:0;padding:0;font-size:1.3em;
font-family:"Times New Roman", Times, serif;letter-spacing:1px;border-bottom: 1px solid #666666;}
#content dt span { font-size: 0.7em; margin: 0 0 0 0.2em; font-weight:bold; color: #999999; letter-spacing:0;}
#content dt a:hover {text-decoration:none;color:#990000;}
#content dd{margin:0;padding:0;font-size:12px;letter-spacing:0px;line-height:1.3em;}
#content dd img{margin: 6px 0 6px 0; border:1px solid #000000;}
#content dd a:hover img {border: 1px solid #999999;}
#content dd p {margin: 0;padding:0;}

#content a:hover img{filter:alpha(opacity=60);opacity:.6; }

#vertical {margin:0;padding:0;float:left;}
#vertical dl.rect{margin:8px 0 0 13px;padding:0;width:174px;text-align:justify;float:left;}
* html #vertical dl.rect {margin : 8px 0 0 11px;} /* IE6 Only *resuelve el salto de la columna de la derecha*/
#vertical dl.rect2{margin:8px 0;padding:0;width:174px;text-align:justify;float:left;}

#vertical dl.contacto{margin:8px 0;padding:0;width:46em; height: 14em;text-align:justify;float:left;}

#horizontal, #horizontal2 {width:750px; float:left;.margin-top:10px;}
#horizontal3 {width:360px; float:left;}
#horizontal dl.rect, #horizontal2 dl.rect, #horizontal3 dl.rect{margin:8px 0 0 13px;padding:0;width:360px;text-align:justify;float:left;}
#horizontal3 dl.rect2{margin:8px 0 0 13px;.margin-top:20px;padding:0;width:360px;text-align:justify;float:left;}
#horizontal dl.rect2, #horizontal2 dl.rect2{margin:8px 0;padding:0;width:360px;text-align:justify;float:left;}
#horizontal dd img, #horizontal2 dd img, #horizontal3 dd img{float: left; margin: 6px 8px 6px 0;}
#horizontal dd p, #horizontal2 dd p, #horizontal3 dd p{margin: 4px 0px 0px 0;}

#reservas {float:right;}#reservas .img { border:0; margin: 0 auto auto 4px;}
#reservas dl.hotel{margin:8px 0 0 13px;padding:0;width:176px;text-align:justify;float:left;}
* html #reservas dl.hotel {margin : 8px 0 0 10px;} /* IE6 Only *resuelve el salto de linea*/
#reservas dd{ height: 260px; background: url(../img/fondoblanco.png) repeat;}

#reservas2 {float:right;}#reservas2 .img {border:0; margin: 170px auto auto 4px;}
#reservas2 dl.hotel{margin:8px 0 0 0;padding:8px 0 0 8px;width:314px;text-align:justify;float:left;background: url(../img/fondoblanco.png) repeat;}
* html #reservas2 dl.hotel {margin : 8px 0 0 10px;} /* IE6 Only *resuelve el salto de linea*/
#reservas2 dd{ margin: 0; padding: 0;height: 120px; }
#reservas2 p{float:left; margin-top:6px;}

#buscador {margin: 0; padding:6px;}
#buscador dl{margin: 0; padding:0;}
#buscador select {font-size: 9px; float:left; margin: 0 0 0 3px; background: #CCCCCC;}
#buscador label{margin: 0; padding:0;}
/**********************FIN CONTENT**************************/

/**********************INICIO LINKS**************************/
#links {margin:0;padding:0;float:right;.margin-top:10px;}
#links ul { margin:0; padding:0;}
#links li, #linealinks li {width:174px;margin:17px 1px 0 0;padding:0;font-size:21px;
font-family:"Times New Roman", Times, serif;letter-spacing:1px;border-bottom: 1px solid #666666;}
#links li a, #linealinks li a {font-size:21px;text-decoration:none;}
#links li a:hover, #linealinks li a:hover {text-decoration:none;color:#990000;}
#links li.first{margin:8px 1px 0 0;}

#linealinks {margin:0;padding:0; clear:left;.margin-top:8px;}
#linealinks ul {margin:0; padding:0;}
#linealinks li {float: left;margin:8px 0 20px 13px;padding:0; display:block;.margin-bottom: 0px;}
* html ##linealinks li {margin:8px 0 20px 11px;} /* IE6 Only *ajusta por el salto de la columna de la derecha de content*/
#linealinks li.first{margin:8px 0 20px 0;padding:0;.margin-bottom: 0px;}
/**********************FIN LINKS**************************/

/**********************INICIO ESTILOS FOOTER**************************/
#footer {width: 925px;padding:0;border-top: 1px solid #666666;margin: 20px auto auto auto;clear:left; position: relative;}
#footer li{float:left;}
#textlinks {width: 58em;padding:0; margin:auto; clear:left;}
/*#textlinks ul{margin: 15px auto auto 7.4em;padding:0;} cambio x english version*/
#textlinks ul{margin: 15px auto auto 3.1em;padding:0;}/*original*/
#textlinks ul.eng{margin: 15px auto auto 7.4em;padding:0;}/*original*/
#textlinks a {padding-left:25px; background: url(../img/puntoblanco.png) no-repeat 0 60%;}
#textlinks a:hover {text-decoration:underline;}
#textlinks a.first{background-image:none; padding-left:0px;}
#textlinks li, #imagelinks li {margin: 0 0 0 25px;}
#textlinks li a, #imagelinks li a, #imagelinks li {color:#999999; font-size:9px; border:0;}
#imagelinks {width: 58em;padding:0; margin:20px 0 0 0;/*.margin-top:35px*/;padding:0; float:left;}
#imagelinks ul{margin: 15px auto auto 218px;padding:0;}
#imagelinks img {border: 0px;}
#copyright {margin:10px 0 20px 0;padding:0; clear:left; width:935px;clear: left;}
#copyright span {color:#999999; font-size:8px;right:0;  margin-bottom:20px; clear:right;}
/**********************FIN ESTILOS FOOTER**************************/
/**********************FORMULARIO CONTACTO**************************/
	#form {margin:0;padding:0;margin-top:1.75em!important;height:18em!important}
	
	#form ul{
	margin: 0;padding:0;text-align:right;float: left;
	}
	#rightform{float:right}
	
	#form li {
	list-style-type: none; margin:0;
	}
	
	.campo1, .campo2, .campo3, .campo4{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color: #000;padding:0.05em}
	
	.campo1 {width: 20em}
	.campo2 {width: 10em;margin-right:10em}
	.campo3 {width: 5em}
	.campo4 {width: 26em;height:10em}
	* .campo5 {width: 10em;.margin-right:9.45em!important;}
	.campo5{margin-right:8.45em}


	
	#form img{margin-top:1em}
	.formButtons {
	width:8.5em;font:bold 1em Verdana, Arial, Helvetica, sans-serif; color: #FFF;background: #000; border:#666 0.1em solid; padding:0.25em;cursor: pointer;}
	
	/**********************FIN FORMULARIO CONTACTO**************************/
