/* CSS Document */



* { margin:0; padding:0}

* html #image-style {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="filename.png", sizingMethod="scale");
}
html, body { margin:0; padding:0; height:100%}
body { background: #010B14; font-family: "Trebuchet MS", Arial, "Helvetica", Verdana; font-size:1em; color:#FFF; }
li { display:inline;}
.oculto{ display:none;}

/* ===============================================================================================
										PARA LA INDEX
=============================================================================================== */

#contenedor { margin: 70px auto 0 auto; text-align:center;}
#imagen_index { }
#logo_index { }

#idiomas { font-size: 0.7em; margin:15px;}
#idiomas ul li{ }
#idiomas li{ display:inline; padding: 0  8px 0 0;}
#idiomas li a{ display:inline; padding: 5px 5px; color:#fff; text-decoration:none; color: #6592C3;}
#idiomas li a:hover{ background: #6592C3; color: #fff; text-decoration:none;}


/* ===============================================================================================
										PARA LAS PAGINAS
=============================================================================================== */

/* -----------------------------------------------------------------------------------------------
										ESTRUCTURA GENERAL
----------------------------------------------------------------------------------------------- */

#superior { margin: 0 auto; background:#fff url(../imagenes/bkg_superior.jpg) bottom repeat-x; height:120px;  z-index: 1; text-align:center;}
#superior img { border: 0;}
#centro { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height: 100%; min-height:400px; overflow: visible; clear:both;}
#centrolargoplus { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:1500px; min-height:400px; overflow: visible; clear:both;}
#centrolargo { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:1300px; min-height:400px; overflow: visible; clear:both;}
#centronormal { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:1000px; min-height:400px; overflow: visible; clear:both;}
#centromedio { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:700px; min-height:400px; overflow: visible; clear:both;}
#centro800 { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:800px; min-height:400px; overflow: visible; clear:both;}
#centro1100 { margin: 0 auto; background: #010B14 url(../imagenes/bkg_centro.jpg) left bottom no-repeat; text-align:center; z-index: 2;  text-align:center; height:1100px; min-height:400px; overflow: visible; clear:both;}
#inferior { margin: 0 auto; background: #6592C3 url(../imagenes/bkg_inferior.jpg) top repeat-x; text-align:center; height:18%; clear:both; }

#cabecera { margin: 0 auto; width: 850px;}
#contenido { margin: 0 auto; width: 850px; height:100%; }
#pie { margin: 0 auto; width: 850px; height:100%; font-size: 0.75em }


/* -----------------------------------------------------------------------------------------------
										SUPERIOR / CABECERA
----------------------------------------------------------------------------------------------- */

#cabecera .idiomas { text-align:right; color: #010B14; font-size: 0.7em}
#cabecera .idiomas ul { padding: 10px; margin: 0;}
#cabecera .idiomas li { display: inline; margin:0; padding: 5px;}
#cabecera .idiomas li a { color:#000; text-decoration: none; margin:0; padding: 5px;}
#cabecera .idiomas li a:hover { background:#6694C5; padding: 5px; margin: 0;}
#cabecera .idiomas li.on { background:#6694C5;}

#cabecera .logo { float:left; width:200px}
#cabecera .menureservas {float:left; width:425px; padding: 35px 0 0 0; text-align:right}
#cabecera .menureservas li img{margin: 0 0 0 35px;}


/* -----------------------------------------------------------------------------------------------
										CENTRO / CONTENIDO
----------------------------------------------------------------------------------------------- */

#columnamenu { width: 200px; border-right: 1px solid #6592C3; background:url(../imagenes/bkg_col_menu.png) repeat; color: #6C9CCF; text-transform:uppercase; font-size: 0.8em; text-align:right; float:left; height:100%;}
#columnamenu ul { margin: 0 15px 0 15px; list-style-type:none; padding: 35px 0 0 0; }
#columnamenu li { display:block;  border-bottom: 1px dotted #6592C3; padding: 5px }
#columnamenu li a { color: #6C9CCF; text-decoration:none; }
#columnamenu li a:hover { background: #6C9CCF;color: #010b14;display:block; }

#columnamenulargaplus { width: 200px; border-right: 1px solid #6592C3; background:url(../imagenes/bkg_col_menu.png) repeat; color: #6C9CCF; text-transform:uppercase; font-size: 0.8em; text-align:right; float:left; height:1500px;}
#columnamenulargaplus ul { margin: 0 15px 0 15px; list-style-type:none; padding: 35px 0 0 0; }
#columnamenulargaplus li { display:block;  border-bottom: 1px dotted #6592C3; padding: 5px }
#columnamenulargaplus li a { color: #6C9CCF; text-decoration:none; }
#columnamenulargaplus li a:hover { background: #6C9CCF;color: #010b14;display:block; }

#columnamenularga { width: 200px; border-right: 1px solid #6592C3; background:url(../imagenes/bkg_col_menu.png) repeat; color: #6C9CCF; text-transform:uppercase; font-size: 0.8em; text-align:right; float:left; height:1300px;}
#columnamenularga ul { margin: 0 15px 0 15px; list-style-type:none; padding: 35px 0 0 0; }
#columnamenularga li { display:block;  border-bottom: 1px dotted #6592C3; padding: 5px }
#columnamenularga li a { color: #6C9CCF; text-decoration:none; }
#columnamenularga li a:hover { background: #6C9CCF;color: #010b14;display:block; }

#columnamenumedia { width: 200px; border-right: 1px solid #6592C3; background:url(../imagenes/bkg_col_menu.png) repeat; color: #6C9CCF; text-transform:uppercase; font-size: 0.8em; text-align:right; float:left; height:700px;}
#columnamenumedia ul { margin: 0 15px 0 15px; list-style-type:none; padding: 35px 0 0 0; }
#columnamenumedia li { display:block;  border-bottom: 1px dotted #6592C3; padding: 5px }
#columnamenumedia li a { color: #6C9CCF; text-decoration:none; }
#columnamenumedia li a:hover { background: #6C9CCF;color: #010b14;display:block; }

#columnamenucorta { width: 200px; border-right: 1px solid #6592C3; background:url(../imagenes/bkg_col_menu.png) repeat; color: #6C9CCF; text-transform:uppercase; font-size: 0.8em; text-align:right; float:left; height:500px;}
#columnamenucorta ul { margin: 0 15px 0 15px; list-style-type:none; padding: 35px 0 0 0; }
#columnamenucorta li { display:block;  border-bottom: 1px dotted #6592C3; padding: 5px }
#columnamenucorta li a { color: #6C9CCF; text-decoration:none; }
#columnamenucorta li a:hover { background: #6C9CCF;color: #010b14;display:block; }


#columnacentro { width:400px; padding: 25px 25px 35px 25px; float:left; /*height:100%; /*overflow:hidden;*/}
#columnacentro h2 { margin: 25px 0 20px 0; text-align:left; font-size: 1em} 
#columnacentro h2 span { font-size:0.75em} 
#columnacentro h2 span a { color:#6c9ccf; text-decoration:none; font-weight:normal;} 
#columnacentro h2 span a:hover { text-decoration:underline } #columnacentro .on { text-decoration:underline; color:#FFFFFF;} 

#columnacentro a { color:#6c9ccf; text-decoration:none; font-weight:normal;} 
#columnacentro a:hover { text-decoration:underline } #columnacentro .on { text-decoration:underline; color:#FFFFFF;} 

#columnacentro p { margin: 10px 0 10px 0; text-align:left; font-size: 0.7em}
#columnacentro ul { padding: 10px 0 0 0; color:#6592C3;font-size: 0.7em; text-align:right }
#columnacentro li { padding: 0 5px 0 5px; color:#6592C3; border-right: 1px solid #6592C3;  }
#columnacentro li a { color:#6592C3; text-decoration:none; }
#columnacentro li a:hover { color:#6592C3; text-decoration: underline;  }
#columnacentro li.noborder { border-right: 0;  }

#columnacentro ul.lista { padding: 0; color:#6592C3;font-size: 0.7em; }
#columnacentro li.lista { padding: 0 5px 0 5px; color:#fff;  display: block; text-align:left; list-style-type:none; border:0; }





#columnacentrolarga { width:400px; padding: 25px 25px 35px 25px; float:left;/* height:2000px; /*overflow:hidden;*/}
#columnacentrolarga h2 { margin: 25px 0 20px 0; text-align:left; font-size: 1.1em} 
#columnacentrolarga p { margin: 10px 0 10px 0; text-align:left; font-size: 0.7em}
#columnacentrolarga ul { padding: 10px 0 0 0; color:#6592C3;font-size: 0.7em; text-align:right }
#columnacentrolarga li { padding: 0 5px 0 5px; color:#6592C3; border-right: 1px solid #6592C3;  }
#columnacentrolarga li a { color:#6592C3; text-decoration:none; }
#columnacentrolarga li a:hover { color:#6592C3; text-decoration: underline;  }
#columnacentrolarga li.noborder { border-right: 0;  }

#columnacentrocorta { width:500px; padding: 25px 25px 35px 25px; float:left;/* height:2000px; /*overflow:hidden;*/}
#columnacentrocorta h2 { margin: 25px 0 20px 0; text-align:left; font-size: 1.1em} 
#columnacentrocorta p { margin: 10px 0 10px 0; text-align:left; font-size: 0.7em}
#columnacentrocorta ul { padding: 10px 0 0 0; color:#6592C3;font-size: 0.7em; text-align:right }
#columnacentrocorta li { padding: 0 5px 0 5px; color:#6592C3; border-right: 1px solid #6592C3;  }
#columnacentrocorta li a { color:#6592C3; text-decoration:none; }
#columnacentrocorta li a:hover { color:#6592C3; text-decoration: underline;  }
#columnacentrocorta li.noborder { border-right: 0;  }





#columnaderecha { background:url(../imagenes/bkg_col_derecha.jpg) repeat-x; width: 198px; *width: 195px; _width: 195px; float:left; min-height: 500px; padding: 0 0 200px 0} 
.motivo { background:url(../imagenes/motivo.jpg) right no-repeat; height:30px; width:150px; padding: 5px; float:right;}
.motivo img {  padding: 5px; float:right;}
#columnaderecha img { }
#columnaderecha h3 { margin: 0 0 0 15px; text-align:left; float:left; background:url(../imagenes/til_nuestras-cartas.png) no-repeat; width: 160px; _width: 140px; height:35px;}
#columnaderecha ul { margin: 40px 15px 0 15px; *margin:15px 15px 0 15px; _margin: 15px 15px 0 15px; text-align:left; padding: 35px 0 0 0; *padding: 10px 0 0 0; _padding: 10px 0 0 0; font-size:0.7em; list-style:none }
#columnaderecha li { display:block;  border-bottom: 1px dotted #fff; padding: 5px 5px 5px 0; }
#columnaderecha a {color: #fff; text-decoration:none;}
#columnaderecha a:hover { text-decoration: underline;}





/* -----------------------------------------------------------------------------------------------
										TABLAS ACORDEON
----------------------------------------------------------------------------------------------- */

table { font-size:0.70em; font-weight:lighter;  }
td { padding: 5px 10px 5px 5px; border-bottom: 1px dotted #fff; text-align:left} 
.precio { text-align:right;} 
tr { border-bottom: 1px dotted #fff;}
.vino { color: #6592C3; font-weight:bold;}
.destacado { color: #6592C3; font-weight:bold; border:0; padding: 15px 0 5px 5px;}




/* -----------------------------------------------------------------------------------------------
										GALERIAS FOTOGRÁFICAS
----------------------------------------------------------------------------------------------- */

#columnacentro .galeria{ padding:0 0 10px 0;}

/*#columnacentro .galeria img{ float:left; border:1px solid #ccc; padding:3px; margin:0 10px 0 0 ;}
*/
html>body #columnacentro .galeria img{ 
float:left; 
border:1px solid #ccc; 
padding:3px; 
margin:10px 15px 0 0 ;
}



/* -----------------------------------------------------------------------------------------------
										INFERIOR / PIE
----------------------------------------------------------------------------------------------- */

#pie p { padding: 20px 0 0 15px;  color:#010B14; }
#pie p a { color:#010B14; text-decoration: none;  }
#pie p a:hover { color:#fff; text-decoration:underline;  }
#pie ul { padding: 10px 0; color:#010B14; }
#pie li { padding: 0 5px 0 5px; color:#010B14; border-right: 1px solid #010B14;  }
#pie li a { color:#010B14; text-decoration: none;  }
#pie li a:hover { color:#fff; text-decoration:underline;  }
#pie li.noborder { border-right: 0;  }
#pie img { border:0;}
#pie img a { border:0;}
#pie img a:hover { border:0;}



/* -----------------------------------------------------------------------------------------------
										FORMULARIOS
----------------------------------------------------------------------------------------------- */



form {padding: 0px; margin:5px; text-align:left;}

input{font-size:0.8em;border:1px solid #635a4e;padding:4px 8px;margin:0px 0px 10px 0px; background:#fff;
	}
	
select{
	font-size:100%;
	border:1px solid #635a4e;
	background-color: #ffffff;
	padding:3px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}
optgroup{font-style:normal;}
fieldset{border:1px solid #ccc; padding:10px;}
legend{ padding:0px 10px;}
.over{ border:1px solid #cc6600;}

textarea{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: lighter;
	border:1px solid #635a4e;
	background:#fff;
	padding:5px;
	margin:0px 0px 10px 0px;
	color: #010B14;
	
	}
	

label{
	color: #fff;
	font-weight:normal;
	text-align:left;
	font-size:0.8em;
	}
	
.noborder{
	border:none;
	margin:0px 2px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align:text-top;}

input.botontxt{background-image:none;background-color:#6592c3;margin:0px;padding:5px 10px;color:#010B14; border:0; font-size:0.8em}
input.botontxt:hover{background-color: #fff;text-decoration:none;cursor:pointer;color:#010B14;}
table.form { font-size:0.7em; font-weight:lighter;  }
table.form td { padding:0;text-align:left; border-bottom:0;} 
table.form_fondo { font-size:0.70em; font-weight:lighter; background:#6592C3;  margin-bottom: 10px; border:#6592C3 1px solid; }
table.form_fondo td { padding:5px;text-align:left; border-bottom:0; text-align:center; } 



div.corte {
          clear:both; /* Limpia flotantes de derecha e izquierda, puedes usar left o right, dependiendo de los elementos que tengas flotantes */
      }