/* ---------------------------------------------------
	
	Cliente: Monwine Travel
	www.monwinetravel.com

	Hoja de estilos: general.css
	Media: screen
	Versión: 1.0 beta
	
	Autor: ABC Comunicación
	www.abccomunicacion.com
	info@abccomunicacion.com
	
	Índice:
	- Reseteo
	- Estilos Generales
	- Estructura
	- Diseño
	- Menú
	- Formularios

	
/* ---------------------------------------------------
	Reseteo
------------------------------------------------------ */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
html, body {
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}

a img, :link img, :visited img {
	border:none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

#twitter {
	background:transparent url(../img/social/twitter.png) no-repeat scroll left top;
	cursor:pointer;
	position: absolute;
	height:48px;
	width:48px;
	margin-top:-35px;
	margin-left:890px;
	position:absolute;
	text-indent:-9999px;
	z-index:99;
}

#youtube {
	background:transparent url(../img/social/youtube.png) no-repeat scroll left top;
	cursor:pointer;
	position: absolute;
	height:48px;
	width:48px;
	margin-top:-35px;
	margin-left:848px;
	position:absolute;
	text-indent:-9999px;
	z-index:98;
}

#facebook {
	background:transparent url(../img/social/facebook.png) no-repeat scroll left top;
	cursor:pointer;
	position: absolute;
	height:48px;
	width:48px;
	margin-top:-35px;
	margin-left:806px;
	position:absolute;
	text-indent:-9999px;
	z-index:97;
}

#logoslide {
	background:transparent url(../img/logo.png) no-repeat scroll left top;
	cursor:pointer;
	display:block;
	height:198px;
	left:149px;
	margin-top: 18px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:252px;
	z-index: 999;
}

#flash_head {
	background:#333333;
	width:966px;
	height:216px;
}

#logohead { /*Este div deberia quedar encima del flash*/
	width: 252px;
	height: 198px;
	margin-top: 18px;
	background: url(../img/logo.png) no-repeat;
	cursor:pointer;
	display:block;
	text-indent:-9999px;
	position: absolute;
	z-index: 999;
}

#flashhead {/*Este div es el que tiene incrustado el flash*/
	width: 966px;
	height: 216px;
	background: none;
	position: relative;
	z-index: 0;
}

#flash2 {
	width: 465px;
	height: 70px;
	margin-left: 140px;
	background: none;
	position: relative;
	z-index: 0;
}

/* ---------------------------------------------------
	Estilos Generales
------------------------------------------------------ */
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
}
h2, h3 {
	padding-bottom: 0.3em;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #be1e2d;
}
h2 {
	font-size: 3.2em;
}
h3 {
	font-size: 2em;
}
h4, h5 {
	padding-bottom: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h4 {
	font-size: 1.6em;
}
h5 {
	font-size: 1.4em;
}
p {
	padding-bottom: 1.5em;
	font-size: 1.4em;
}
p, ol, ul {
	color: #333;
}
form {
	padding-bottom: 1.5em;
}
a {
	color: #be1e2d;
}
a:visited {
	color: #333;
}
a:hover {
	background-color: #ffc;
}
#texto p.bajada {
	font-style: normal !important;
	font-weight: normal !important;
}
/* ---------------------------------------------------
	Estructura
------------------------------------------------------ */
#encabezado h1 {
	height: 198px;
}
#contenedor  {
	width: 966px;
	margin: 0 auto;
}
#contenido {
	padding: 40px 14px;
	width: 966px;
}
#central {
	margin-left: 23.3em;
}
#texto {
	width: 58.5em;
}
#reservas {
	clear: both;
	padding: 2em 1.4em 0;
	border-top: 3px solid #333;
	background: url(../img/fnd-pie.png) repeat-x left top;
}
.detalle {
	position: absolute;
	right: 0;
	z-index: 10;
}
.caja {
	top: 0;
	left: 0;
}
.hidden {
	display: none;
}
/* ---------------------------------------------------
	Diseño
------------------------------------------------------ */
/* encabezados temáticos */
#encabezado {
	background: url(../img/top_generico.jpg) no-repeat;
}
#alojamientos #encabezado {
	background: url(../img/top_alojamiento.jpg) no-repeat;
}
#aventura #encabezado {
	background: url(../img/top_aventura.jpg) no-repeat;
}
#salud #encabezado {
	background: url(../img/top_salud.jpg) no-repeat;
}
#vino #encabezado {
	background: url(../img/top_vino.jpg) no-repeat;
}
/* textos e imágenes generales */
#encabezado h1 a {
	background: none;
}
h1 span, 
.titulo span,  
#servicios span, 
#menu-top span {
	display: none;
}
#texto  p, 
#texto dl, 
#texto ol, 
#texto ul {
	font-size: 1.2em;
	line-height: 2em;
}
#texto li, 
#texto dt, 
#texto dd {
	line-height: inherit;
}
#texto ol {
	list-style: decimal outside;
	margin-left: 1.8em;
}
#texto ul {
	list-style: disc outside;
	margin-left: 1.8em;
}
#texto ol li ol {
	list-style: lower-alpha outside;
	margin-left: 2.4em;
}
#texto li {
	padding-bottom: 1em;
}
#texto li li {
	font-size: 0.8em;
	padding-bottom: 0em;
}
#texto li p {
	font-size: 1em;
	line-height: 1.8em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#texto dt {
	/*float: left;*/
	/*clear: left;*/
	font-weight: bold;
	color: #be1e2d;
}
#texto dd {
	padding-bottom: 1.5em;
}
#texto p em {
	font: 1.3em Georgia, "Times New Roman", Times, serif;
	text-align: left;
}
#imagen {
	float: right;
	position: relative;
	margin-right: -11.3em;
	margin-bottom: 1em;
	padding-left: 2em;
}
#imagen dt {
	border: 1px solid #ccc;
}
#imagen dd {
	position: absolute;
	bottom: 0;
	right: 1px;
	width: 350px;
	padding: 0;
	color: #fff;
	font-size: .9em;
	text-align: center;
	line-height: 2em;
	background: #000;
	border-bottom: 3px solid #be1e2d;
}
/* página de inicio */
#inicio h2.titulo_es {
	background: url(../img/slogan_es.png) no-repeat center top;
	height: 2.4em;
}
#inicio h2.titulo_en {
	background: url(../img/slogan_en.png) no-repeat center top;
	height: 2.4em;
}
#inicio h2.titulo_pt {
	background: url(../img/slogan_pt.png) no-repeat center top;
	height: 2.4em;
}
#inicio h2 span {
	display:none;
}
#servicios {
}
#servicios li {
	float: right;
	position: relative;
	margin-right: 2em;
}
#servicios li a {
	position: relative;
	display: block;
}
#servicios li a span {
	position: absolute;
	display: block;
	bottom: 25px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	line-height: 1000em;
	cursor:pointer;
}
#servicios li.item_01 a span {
	background: url(../img/item_01_hover.png) no-repeat center top;
}
#servicios li.item_01 a:hover span {
	background: url(../img/item_01_hover.png) no-repeat center bottom;
}
#servicios li.item_02 a span {
	background: url(../img/item_02_hover.png) no-repeat center 1px;
}
#servicios li.item_02 a:hover span {
	background: url(../img/item_02_hover.png) no-repeat center bottom;
}
#servicios li.item_03 a span {
	background: url(../img/item_03_hover.png) no-repeat center top;
}
#servicios li.item_03 a:hover span {
	background: url(../img/item_03_hover.png) no-repeat center bottom;
}
#servicios li.item_04 a span {
	background: url(../img/item_04_hover.png) no-repeat center top;
}
#servicios li.item_04 a:hover span {
	background: url(../img/item_04_hover.png) no-repeat center bottom;
}
/* página de términos y condiciones */
ol#indice {
	float: right;
	position: relative;
	margin-right: -11.3em;
	margin-bottom: 1em;
	padding: 1em 2em 0;
	width: 24em;
	background-color: #ffffcc;
	border: 1px solid #cccc99;
}
ol#indice li {
	color: #be1e2d;
	font-size: 1em;
	list-style: upper-roman inside;
}
ol#indice ul li {
	font-size: 0.8em;
	list-style: upper-latin inside;
}
/* página de vino & gastronomía */
.regiones {
	clear: left;
}
/* página de salud, bienestar & belleza */
#salud table {
	width: 100%;
	background-color: #ffffcc;
	vertical-align: top;
}
#salud table td, 
#salud table tr {
	padding: .4em;
	border: 1px solid #cccc99;
}
/* pie */
#datos {
	clear: both;
	width: 19.8em;
	margin-top: -120px;
	color: #333;
}
#banner {
	padding-top: .2em;
	padding-left: 2em;
	position: absolute;
	clear: both;
	top: 62em;
	z-index: 0;
}

#escocia {
	float:left;
	padding-left: 5.5em;
	height: 74px;
	width: 110px;
}


#flagescociaen {
	padding-left: 5.5em;
	position: absolute;
	clear: both;
	top: 630px;
	z-index: 0;
	height: 74px;
	width: 110px;
}

#flagescociapt {
	padding-left: 5.5em;
	position: absolute;
	clear: both;
	top: 630px;
	z-index: 0;
	height: 74px;
	width: 110px;
}

#flagescocia {
	padding-left: 5.5em;
	position: absolute;
	clear: both;
	top: 650px;
	z-index: 0;
	height: 74px;
	width: 110px;
}

#greatwinecapitalsen {
	padding-left: 2em;
	position: absolute;
	clear: both;
	top: 710px;
	z-index: 0;
	height: 59px;
	width: 160px;
}

#greatwinecapitalspt {
	padding-left: 2em;
	position: absolute;
	clear: both;
	top: 710px;
	z-index: 0;
	height: 59px;
	width: 160px;
}

#greatwinecapitals {
	padding-left: 2em;
	position: absolute;
	clear: both;
	top: 730px;
	z-index: 0;
	height: 59px;
	width: 160px;
}

#banner_pt {
	clear: left;
	width: 19.8em;
	color: #333;
	margin-top: -10em;
	padding-top: 1em;
	padding-left: 2em;
}
#datos a {
	color: #be1e2d;
	line-height: 24px;	
}
#datos p {
	padding: 0;
	text-align: right;
	font-size: 1.1em;
	line-height: 24px;
}

/* paquetes */
.paquete {
  margin-bottom: 18px;
  padding: 8px;
  border: 1px solid #ccc;
}
.paquete:after {
  display: block;
  clear: right;
  visibility: hidden;
  height: 0;
  content: ".";
}
.paquete img {
  float: right;
  margin-top: -24px;
  margin-left: 8px;
  border: 1px solid #ccc;
}
.paquete a {
 	padding: .4em;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #fff;
	background: #be1e2d; 
}
.paquete a:hover {
 	background: red;
}

/* excursiones */
.excursiones {
  width: 680px;
  margin-bottom: 18px;
  padding: 8px;
  border: 1px solid #ccc;
}
.excursiones:after {
  display: block;
  clear: right;
  visibility: hidden;
  height: 0;
  content: ".";
}
.excursiones img {
  float: right;
  margin-top: -24px;
  margin-left: 8px;
  border: 1px solid #ccc;
}
.excursiones a {
 	padding: .4em;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #fff;
	background: #be1e2d; 
}
.excursiones a:hover {
 	background: red;
}
/* ---------------------------------------------------
	Menú
------------------------------------------------------ */
#menu-top  {
	height: 40px;
	width: 966px;
	background: #be1e2d;
	border-top: 3px solid #333;
}
#menu-top li  {
	float: left;
}
#menu-top li a{
	display: block;
	height: 1.7em;
	margin-top: 1.1em;
	margin-right: 4em;
}
/* español */
#menu-top.es li.salud a {
	background: url(../img/btn_01.png) no-repeat 0px -5px;
	width: 23.5em;
	margin-left: 4.5em;
	margin-right: 4.4em;
}
#menu-top.es li.salud a:hover {
	background: url(../img/btn_01.png) no-repeat 0px -26px;
}
#menu-top.es li.aventura a {
	width: 19em;
	margin-right: 4.7em;
	background: url(../img/btn_02.png) no-repeat 0px -5px;
}
#menu-top.es li.aventura a:hover {
	background: url(../img/btn_02.png) no-repeat 0px -25px;
}
#menu-top.es li.gastronomia a {
	width: 18.4em;
	margin-right: 4.2em;
	background: url(../img/btn_03.png) no-repeat 0px 0px;
}
#menu-top.es li.gastronomia a:hover {
	background: url(../img/btn_03.png) no-repeat 0px -20px;
}
#menu-top.es li.alojamiento a {
	width: 12.5em;
	background: url(../img/btn_04.png) no-repeat 0px 0px;
}
#menu-top.es li.alojamiento a:hover {
	background: url(../img/btn_04.png) no-repeat 0px -20px;
}
/* portugués */
#menu-top.pt li.salud a {
	background: url(../img/btn_01_pt.png) no-repeat 0px 0px;
	width: 23.5em;
	margin-left: 4.5em;
	margin-right: 4.4em;
}
#menu-top.pt li.salud a:hover {
	background: url(../img/btn_01_pt.png) no-repeat 0px -21px;
}
#menu-top.pt li.aventura a {
	width: 20em;
	margin-right: 4.4em;
	background: url(../img/btn_02_pt.png) no-repeat 0px 0px;
}
#menu-top.pt li.aventura a:hover {
	background: url(../img/btn_02_pt.png) no-repeat 0px -19px;
}
#menu-top.pt li.gastronomia a {
	width: 19.4em;
	margin-right: 4.4em;
	background: url(../img/btn_03_pt.png) no-repeat 0px 0px;
}
#menu-top.pt li.gastronomia a:hover {
	background: url(../img/btn_03_pt.png) no-repeat 0px -19px;
}
#menu-top.pt li.alojamiento a {
	width: 10.8em;
	background: url(../img/btn_04_pt.png) no-repeat 0px 0px;
}
#menu-top.pt li.alojamiento a:hover {
	background: url(../img/btn_04_pt.png) no-repeat 0px -21px;
}
/* english */
#menu-top.en li.salud a {
	background: url(../img/btn_01_en.png) no-repeat 0px 0px;
	width: 15.4em;
	margin-left: 5em;
	margin-right: 4.4em;
}
#menu-top.en li.salud a:hover {
	background: url(../img/btn_01_en.png) no-repeat 0px -19px;
}
#menu-top.en li.aventura a {
	width: 21em;
	margin-right: 5em;
	background: url(../img/btn_02_en.png) no-repeat 0px 0px;
}
#menu-top.en li.aventura a:hover {
	background: url(../img/btn_02_en.png) no-repeat 0px -19px;
}
#menu-top.en li.gastronomia a {
	width: 17.6em;
	margin-right: 4.4em;
	background: url(../img/btn_03_en.png) no-repeat 0px 0px;
}
#menu-top.en li.gastronomia a:hover {
	background: url(../img/btn_03_en.png) no-repeat 0px -19px;
}
#menu-top.en li.alojamiento a {
	width: 14.8em;
	background: url(../img/btn_04_en.png) no-repeat 0px 0px;
}
#menu-top.en li.alojamiento a:hover {
	background: url(../img/btn_04_en.png) no-repeat 0px -20px;
}
/* menu secundario */
#menu {
	float: left;
	width: 21.3em;
	border-top: 1px solid #ccc;
}
#menu-izq  {
}
#menu-izq li  {
	font: 1.6em Georgia, "Times New Roman", Times, serif;
}
#menu-izq li a{
	padding: 0.3em 0 0.4em 1.4em;
	display: block;
	text-decoration: none;
	color: #333;
	border-bottom: 0.1em solid #ccc;
}
#menu-izq li a:hover {
	text-decoration: none;
	color: #be1e2d;
	background: #ffc;
	border-color: #be1e2d;
}
/* menu idiomas */
#menu-idiomas {
	text-align: center;
	margin: 15px 0 0 20px;
}
#menu-idiomas li {
	float:left;
	padding-bottom:10px;
	margin: .2em;
}
#menu-idiomas li a {
	font-size: 1em;
	color:#666666;
}
#menu-idiomas li a:hover {
	font-size: 1em;
	color: #be1e2d;
}
#menu-idiomas li img {
	float:left;
	display: block;
	text-align:center;		
	margin: auto;
	margin-top: 7px;	
	margin-left: auto; 
}
#menu-idiomas li img.es {
	float:left;
	display: block;
	margin-left: 9px; 
}
#menu-idiomas li img.pt {
	float:left;
	display: block;
	margin-left: 18px; 
}
#menu-idiomas li img.en {
	float:left;
	display: block;
	margin-left: 8px; 
}

/* ------------------------------------------------------
	Formulario	
------------------------------------------------------ */
/* formulario de viaje a medida */
#reservas h3 {
	/*height: 1em;*/
	color: #be1e2d;
	font-size: 3.2em;
	text-transform: uppercase;
	/*background: url(../img/reservas_titulo.png) no-repeat;*/
}
#reservas h3 span {
	display: inline;
}
#reservas p {
	padding: 0;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	line-height: 1.6em;
}
#frmViajeMedida {
	position: relative;
	height: 40em;
}
#formulario {
	margin-top: 3.2em;
	color: #333;
}
#formulario p {
	margin: 0;
	padding: 0;
}
#formulario li {
	display: inline;
}
#formulario label {
	display: block;
}
#formulario label span {
	font-size: .8em;
}
#formulario select {
	width: 90%;
}
#formulario h4, 
#formulario input, 
#formulario select {
	margin-bottom: .8em;
}
#formulario label, 
#formulario input {
	font-size: 1.2em;
}
#formulario fieldset, 
#resumen {
	float: left;
	width: 26em;
	height: 34em;
	margin-left: 1.6em;
	padding-left: 2.2em;
	border-left: 1px solid #808080;
}
#formulario fieldset fieldset {
	float: none;
	width: 100%;
	height: auto;
	margin-left: 0;
	padding-left: 0;
	border: none;
}
#formulario fieldset legend {
	margin-left: -2.4em;
	padding-left: 2.2em;
	padding-bottom: 0.4em;
	color: #333;
	font: 1.7em Georgia, "Times New Roman", Times, serif;
	line-height: 2em;
}
#formulario fieldset legend span {
	display: none;
}
#formulario fieldset fieldset legend {
	margin: 0;
	padding-left: 0;
	font-size: 1.4em;
	line-height: 1em;
	background: none;
}
fieldset.uno legend {
	background: url(../img/01.png) no-repeat;
}
fieldset.dos legend {
	background: url(../img/02.png) no-repeat;
}
fieldset.tres legend {
	background: url(../img/03.png) no-repeat;
}
fieldset.cuatro legend {
	background: url(../img/04.png) no-repeat;
}
fieldset.cinco legend {
	background: url(../img/05.png) no-repeat;
}
fieldset.seis legend {
	background: url(../img/06.png) no-repeat;
}
#formulario fieldset.siete, 
#resumen {
	border: none;
	width: 40%;
}
#formulario fieldset.dos label, 
#formulario fieldset.siete label {
	display: inline;
}
#formulario .pie {
	clear: left;
}
#formulario .botones {
	padding: 1.2em 1.4em;
	clear: both;
	text-align: right;
	background: #333;
}
#formulario .botones a, 
#formulario button {
	padding: .4em;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	color: #fff;
	border: #fff 1px solid;
	background: #be1e2d;
}
#formulario .botones a:hover, 
#formulario button:hover {
	background: red;
	cursor: pointer;
}
#resumen {
	height: auto;
	padding: 1em 2em 0;
	background-color: #ffffcc;
	border: 1px solid #cccc99;
}
#resumen h5 {
	margin: 0;
	padding: 0;
}
#resumen ul, #resumen dl {
	font-size: 1.2em;
	margin-bottom: .8em;
}
#resumen dt {
	float: left;
}
#resumen li, #resumen dd {
}
/* formulario de contacto */
#contacto label {
	display: block;
}
#contacto input {
	margin-bottom: .8em;
	width: 50%;
}
#contacto label, 
#contacto input {
	font-size: 1.2em;
}
#contacto textarea {
	width: 60%;
	height: 20em;
}
input#enviar {
	width: 15%;
}
/* generales */
input:focus, 
textarea:focus {
	background-color: #ffc;
}
#formulario p.error, 
#contacto p.error {
	margin-top: -0.8em;
	margin-bottom: 0.8em;
	font-size: 1em;
	font-style: italic;
	color: red;
}
form p.mensaje {
	margin-top: 1.2em;
	padding: .4em !important;
}
p.frmExitoso {
	margin-bottom: 1em;
	background-color: #ccff99;
	border: #99cc66 1px solid;
}
p.frmError {
	margin-top: 1.2em;
	margin-bottom: 1em;
	padding: .4em !important;
	background-color: #ff9999;
	border: #cc6666 1px solid;
}
p.frmAdvertencia {
	margin-top: 1.2em;
	margin-bottom: 1em;
	padding: .4em !important;
	background-color: #ffffcc;
	border: #cccc99 1px solid;
}

#pie {
	clear:both;
	padding-bottom:25px;
	padding-top:20px;
	padding-left:14px;
}

#pie p {
	-x-system-font:none;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:1.4em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.6em;
	padding:0;
}