@charset "utf-8";
/* CSS Document */

/* -----------------------------------*/
/* ---- CLEAN UP <<<-----------*/
/* -----------------------------------*/

:link, :visited {
	text-decoration: none;
	}
	
ul, ol {
	list-style: none;
	}
	
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
a img, :link img, :visited img {
	border: none;
	}
	
img {
	 display: block;
	border:none;
	 
	 }
	 
address {
	font-style: normal;
	}


/* -----------------------------------*/
/* --- GENERAL <<<-----------*/
/* -----------------------------------*/

body {
	background-color: #fbf1e7;
	background: #fbf1e7 url(images/gradient.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* -----------------------------------*/
/* --- LINKS <<<-----------*/
/* -----------------------------------*/


a.menuitem {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 45px;
}

a.menuitem:hover {
	color: #FFCC33;
	font-size: 1.3em;
	font-weight: bold;
	padding-right: 45px;
	text-decoration: underline;
}

a.croquis {
	color: #FFCC66;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

a.croquis:hover {
	color: #FFFFFF;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

a.mail {
	color: #660000;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

a.mail:hover {
	color: #660000;
	font-size: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
}

a.idioma {
	color: #660000;
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

a.idioma:hover {
	text-decoration: underline;
}

a.credits {
	color: #990000;
	font-size: 1em;
	font-weight: bold;
}

a.credits:hover {
	text-decoration: underline;
}

a.paquetes {
	color: #990000;
	font-size: 1em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* -----------------------------------*/
/* --- HEADERS <<<-----------*/
/* -----------------------------------*/


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	color: #006600;
	font-weight: bolder;
	text-align: center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #006600;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #006600;
	font-weight: bolder;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000033;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #FF0000;
	font-weight: bolder;
}



/* -----------------------------------*/
/* ---- TEXT <<<--------------*/
/* -----------------------------------*/

.txt-regular {
	color: #000000;
	font-size: 1.2em;
}

.txt-white {
	color: #FFFFFF;
	font-size: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.txt-white-mini {
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.txt-brown {
	color: #663300;
	font-size: 1.2em;
}


/* -----------------------------------*/
/* --- VERSIONS <<<-------*/
/* -----------------------------------*/

.x-index {
	height: 310px;
	width: 280px;
	background-image: url(images/t-bienvenidos.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.bkg-logo-index {
	background-image: url(images/bkg-log-index.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.txt-index {
	background-image: url(images/titulos/t-index.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-index-ev {
	background-image: url(images/titulos/t-index-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-insta {
	background-image: url(images/titulos/t-insta.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-insta-ev {
	background-image: url(images/titulos/t-insta-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


.txt-pakts {
	background-image: url(images/titulos/t-paq.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-pakts-ev {
	background-image: url(images/titulos/t-paq-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-vinos {
	background-image: url(images/titulos/t-vinos.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-vinos-ev {
	background-image: url(images/titulos/t-vinos-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-eventos {
	background-image: url(images/titulos/t-eventos.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-eventos-ev {
	background-image: url(images/titulos/t-eventos-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-contacto {
	background-image: url(images/titulos/t-contacto.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.txt-contacto-ev {
	background-image: url(images/titulos/t-contacto-ev.gif);
	background-repeat: no-repeat;
	background-position: top right;
}


/* -----------------------------------*/
/* -------- ELEMENTS <<<--------------*/
/* -----------------------------------*/


#flash {
	width: 700px;
	height: 370px;
	position: absolute;
	top: 100px;
	left: 300px;
	z-index: 0;
}


#tira-top {
	width: 300px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 1000px;
	z-index: 1;
	background-image: url(images/corcho-top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#tira-down {
	width: 300px;
	height: 350px;
	position: absolute;
	top: 470px;
	left: 1000px;
	z-index: 2;
	background-image: url(images/corcho-down.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}

#right-bkg {
	width: 224px;
	height: 439px;
	position: absolute;
	top: 125px;
	left: 1000px;
	z-index: 3;
	background-image: url(images/rama2.gif);
}

#tira-sup {
	width: 1000px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(images/bkg-tirasup.gif);
	background-position: top left;
	background-repeat: no-repeat;
	z-index: 4;
}

#contenido {
	width: 700px;
	height: 275px;
	position: relative;
	top: 470px;
	left: 300px;
	background-color: #FFFFFF;
	z-index: 5;
	background-image: url(images/barrita.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;
}

#contenido-02 {
	width: 700px;
	height: 545px;
	position: relative;
	top: 470px;
	left: 300px;
	background-color: #FFFFFF;
	z-index: 5;
	background-image: url(images/barrita.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;
}

#contenido-03 {
	width: 700px;
	height: 430px;
	position: relative;
	top: 470px;
	left: 300px;
	background-color: #FFFFFF;
	z-index: 5;
	background-image: url(images/barrita.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;
}

#bkg-logo {
	width: 260px;
	height: 95px;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 6;
	padding-top: 275px;
	padding-left: 20px;
	padding-right: 20px;
}

#ghost {
	width: 300px;
	height: 120px;
	position: absolute;
	top: 230px;
	left: 0px;
	z-index: 7;
	background-color: #000000;
	filter: alpha(opacity=40);
	opacity: .4
}

#logo {
	width: 250px;
	height: 100px;
	position: absolute;
	top: 240px;
	left: 25px;
	z-index: 8;
}

#hojita {
	width: 300px;
	height: 276px;
	position: absolute;
	top: 470px;
	left: 0px;
	z-index: 9;
	background-image: url(images/bkg-hojita.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 40px;
}

#hojota {
	width: 1050px;
	height: 264px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#menu {
	width: 650px;
	height: 23px;
	position: absolute;
	top: 440px;
	left: 300px;
	z-index: 11;
	padding-top: 7px;
	padding-left: 50px;
}

#txt {
	width: 350px;
	height: auto;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 12;
	padding-top: 50px;
}

#txt-contacto {
	width: 325px;
	height: auto;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 12;
	padding-top: 50px;
}

#pixs {
	width: 260px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 30px;
	z-index: 13;
	background-color: #F5EAD9;
}

#forma {
	width: 270px;
	height: auto;
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 13;
	background-color: #F5EAD9;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#idioma {
	width: 110px;
	height: auto;
	position: absolute;
	top: 80px;
	left: 855px;
	z-index: 14;
}

#aftersend {
	width: 300px;
	height: auto;
	background-color: #FFFFCC;
	margin: 0 auto;
	margin-top: 160px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}


/* -----------------------------------*/
/* ----- CREDITS <<<---------*/
/* -----------------------------------*/


#credits {
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	width: 700px;
	text-align: right;
	left: 0px;
	position: absolute;
	bottom: 0px;
}