@font-face {
    font-family: 'gothic725_blk_btblack';
    src: url('../fuentes/4615_0-webfont.eot');
    src: url('../fuentes/4615_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/4615_0-webfont.woff') format('woff'),
         url('../fuentes/4615_0-webfont.ttf') format('truetype'),
         url('../fuentes/4615_0-webfont.svg#gothic725_blk_btblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#dfdfdf;
	}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

header{
	position:relative;
	width:990px;
	margin:0 auto;
	z-index:99999999;
	}

header img.marca{
	margin:0 20px;
	float:left;
	}
		
	
/*MENU*/
nav {
	width:792px;
	margin:0 auto;
}

nav ul {
	padding: 0;
	margin: 0;
}

nav ul li {
	display: inline;
	float: left;
	margin:0;
}

nav ul li a {
	font-family: 'gothic725_blk_btblack';
	text-transform:uppercase;
	font-size: 8pt;
	color: #222222;
	text-decoration: none;
	float:left;
	padding:55px 18px 20px 18px;
	position:relative;
}

nav ul li a span {
	position:absolute;
	top:35px;
	width:100%;
	left:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	text-align:center;
	font-style:italic;
	text-transform:capitalize;
	display:none;
	}

nav ul li a:hover span {
	display:block;
	color:#ddd;
	}	

nav a.index {
}

nav li:last-child a {
}

nav ul li a:hover, nav ul li a.active {
	background-color:#999;
	color: #fff;
	/*para Firefox*/
-moz-border-radius: 0 0 8px 8px;
/*para Safari y Chrome*/
-webkit-border-radius: 0 0 8px 8px;
/* para Opera */
border-radius: 0 0 8px 8px;
}

.marca2{
		display:none;
	}

a#pull {
	display: none;
}
/*FIN MENU*/


.wrap{
	position:relative;
	margin:0 auto;
	width:990px;
	}

.wrap2{
	position:relative;
	margin:0 auto;
	width:830px;
	}	

a.winery{
	background:url(../img/winery_color.png) no-repeat top center transparent;
	width:173px;
	height:332px;
	overflow:hidden;
	position:absolute;
	left: 485px;
	top: 103px;
}	

a:hover.winery{
	background-position:bottom center;
}

a.nosotros{
	background:url(../img/nosotros.png) no-repeat top center transparent;
	width:131px;
	height:158px;
	overflow:hidden;
	position:absolute;
	left: 78px;
	top: 297px;
}	

a:hover.nosotros{
	background-position:bottom center;
}

a.contacto{
	background:url(../img/contacto.png) no-repeat top center transparent;
	width:239px;
	height:154px;
	overflow:hidden;
	position:absolute;
	left: 801px;
	top: 330px;
	z-index:9999;
}	

a:hover.contacto{
	background-position:bottom center;
}

a.vinos{
	background:url(../img/vinos_bar.png) no-repeat top center transparent;
	width:166px;
	height:202px;
	overflow:hidden;
	position:absolute;
	left: 919px;
	top: 229px;
}	

a:hover.vinos{
	background-position:bottom center;
}

.slideshow{
	position:absolute;
	left: 836px;
	top: 3px;
	}

.interna{
	background-color:#FFF;
	border:1px solid #dadada;
	margin-top:-20px;
	display:inline-block;
	width:830px;
	}	

.vino{
	float:right;
	margin:0 70px 0 0;
	}
	
/*SUBMENU*/
.submenu{
	float:left;
	width:147px;
	margin:0 0 0 70px;
	}

.titulo_submenu{
	background:url(../img/fondo_titulo_submenu.png) no-repeat top center transparent;
	width:147px;
	height:48px;
	text-align:center;
	color:#FFF;
	font-family: 'gothic725_blk_btblack';
	text-transform:uppercase;
	padding:35px 0 0 0;
	font-size:14px;
	}

.submenu ul{
	background: url(../img/fondo_submenu.jpg) no-repeat top center transparent;
	margin:0;
	padding:0;
	}

.submenu ul li{
	list-style:none;
	text-align:center;
	width:90%;
	margin:0 auto;
	padding:10px 0 0 0;
	}

.submenu ul li a{
	font-family: 'gothic725_blk_btblack';
	font-size:12px;
	color:#222221;
	text-decoration:none;
	text-transform:uppercase;
	padding:7px 0;
	width:100%;
	display: block;
	}	
		
.submenu ul li a:hover , .submenu ul li a.active{
	background-color:#999;
	color:#FFF;
	/*para Firefox*/
	-moz-border-radius:8px;
	/*para Safari y Chrome*/
	-webkit-border-radius:8px;
	/* para Opera */
	border-radius:8px;
	}	
	
/*SUBMENU*/	

.descripcion{
	float:left;
	width:335px;
	margin:100px 0 0 30px;
	}

.descripcion h1{
	font-family: 'gothic725_blk_btblack';
	font-size:35px;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
	}

.descripcion h3{
	font-family: 'gothic725_blk_btblack';
	font-size:12px;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
	}

.descripcion p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#222221;
	margin:0 0 15px 0;
	}

.descripcion a{
	font-family: 'gothic725_blk_btblack';
	background-color:#222221;
	font-size:12px;
	color:#fff;
	padding:9px 15px;
	/*para Firefox*/
	-moz-border-radius: 0 0 6px 6px;
	/*para Safari y Chrome*/
	-webkit-border-radius: 0 0 6px 6px;
	/* para Opera */
	border-radius: 0 0 6px 6px;
	text-decoration:none;
	text-transform:uppercase;
	margin: 5px 10px 0 0;
	float:left;
	}	

.descripcion a:hover{
	background-color:#909090;
	}	

.descripcion a.comprar{
	/*display:none;*/
	}		

.circulo{
	position:absolute;
	left: 486px;
	top: 334px;
	}	

/* Easy Tooltip */
#easyTooltip{
	z-index:999999999;
	padding:5px 10px;
	background-color:#222222;
	color:#fff;
			/*para Firefox*/
-moz-border-radius: 0 0 8px 8px;
/*para Safari y Chrome*/
-webkit-border-radius: 0 0 8px 8px;
/* para Opera */
border-radius: 0 0 8px 8px;
	}					
/* // Easy Tooltip */


.descripcion_nosotros{
	float:left;
	width:360px;
	margin:40px 0 0 30px;
	}

.descripcion_nosotros h1{
	font-family: 'gothic725_blk_btblack';
	font-size:35px;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 10px 0;
	padding:0;
	}

.descripcion_nosotros h3{
	font-family: 'gothic725_blk_btblack';
	font-size:12px;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
	}

.descripcion_nosotros p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#222221;
	margin:0 0 15px 0;
	}

.formulario{
	width:100%;
	margin-bottom: 25px;
	}

.formulario span{
	font-family: 'gothic725_blk_btblack';
	font-size:9pt;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:0;
	padding:0;
	}					

table{
	width:93%;
	}

.campo{
	color:#888888;
	background-color:#FFF;
	border:1px solid #c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:100%;
	padding:3%;
	margin:5px 0 20px 0;
	resize:none;
	}

.error{
	color:#888888;
	background-color:#FFF;
	border:1px solid #F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	width:100%;
	padding:3%;
	margin:5px 0 20px 0;
	resize:none;
	}	

.enviar{
	font-family: 'gothic725_blk_btblack';
	font-size:10pt;
	background-color:#222221;
	border:none;
	cursor:pointer;
	float:right;
	color:#FFF;
	padding:8px 11px;
	/*para Firefox*/
-moz-border-radius: 0 0 8px 8px;
/*para Safari y Chrome*/
-webkit-border-radius: 0 0 8px 8px;
/* para Opera */
border-radius: 0 0 8px 8px;
text-transform:uppercase;
margin:-10px 0 0 0;
	}	


.enviar:hover{
	background-color:#909090;
	}

.img{
	margin:30px 0 0 40px;
	}	

p.especial{
	font-family: 'gothic725_blk_btblack';
	font-size:12pt;
	color:#222221;
	font-weight:normal;
	text-transform:uppercase;
	margin:30px 0 30px 0;
	padding:0;
	}

p.especial span{
	font-size:18pt;
	line-height:30px;
	}			

/*Styles for screen 800px and lower*/
@media screen and (max-width: 800px) {
	header{
		z-index:9999999;
		background-color:#1c1c1b;
		width:90%;
		margin:0 auto;
		/*para Firefox*/
-moz-border-radius: 0 0 8px 8px;
/*para Safari y Chrome*/
-webkit-border-radius: 0 0 8px 8px;
/* para Opera */
border-radius: 0 0 8px 8px;
	}

	nav {
		width:100%;
		margin:0 auto;
		
  	}
	
  	nav ul {
		width:100%;
		padding:5px 0 15px 0;
  	}
	
  	nav ul li {
		width:100%;
		text-align:center;
		margin:5px 0;
		display:block;
  	}
	
  	nav ul li a {
		color:#FFF;
	float: none;
	padding:5px 10px;
	}

nav ul li a:hover, nav ul li a.active {
	/*para Firefox*/
-moz-border-radius: 0;
/*para Safari y Chrome*/
-webkit-border-radius: 0;
/* para Opera */
border-radius: 0;
}	
	
	header img.marca{
		display:none;
	}

.marca2{
	  text-align:center;
		display:block;
		position:relative;
		margin:0 auto;
		width:90%;
		background-color:#1c1c1b;
			
	}	
	
	 a#pull {
		display: block;
		width:120px;
		position:relative;
		margin:0 auto;
	}
	
	a#pull:after {
	}

.color{
	display:none;
	}

.wrap2{
	position:relative;
	margin:0 auto;
	width:90%;
	}		

.interna{
	background-color:#FFF;
	border:1px solid #dadada;
	margin-top:-20px;
	display:inline-block;
	width:100%;
	}	

.vino{
	float: none;
	margin:0;
	text-align:center;
	}
	
/*SUBMENU*/
.submenu{
	float:left;
	width:35%;
	margin:0;
	}

.titulo_submenu{
	background-color:#1c1c1b;
	width:100%;
	height:48px;
	text-align:center;
	color:#FFF;
	font-family: 'gothic725_blk_btblack';
	text-transform:uppercase;
	padding:35px 0 0 0;
	font-size:8pt;
	}

.submenu ul{
	width:100%;
	}

.submenu ul li{
	}

.submenu ul li a{
	font-size:6pt;
	}	
	
/*SUBMENU*/	

.descripcion{
	float:left;
	width:55%;
	margin:50px 0 0 5%;
	}

.descripcion h1{
	font-size:18pt;
	}

.descripcion h3{
	font-size:8pt;
	}

.descripcion p{
	font-size:8pt;
	line-height:18px;
	}

.descripcion a{
	font-size:8pt;
	}	


.circulo{
	display:none;
	}	

.descripcion_nosotros{
	position:relative;
	float: none;
	width:90%;
	margin:0 auto;
	}

.img{
	width:100%;
	margin:0;
	}	

}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {

}

/*Smartphone*/
@media only screen and (max-width : 320px) {

}