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

}

body{
	background-repeat:no-repeat;
	background-position:top center;
	font-family: 'cartogothic_stdregular';
	overflow-x:hidden;
	}

::selection{
	background-color:#d1d1d1;
	}
	
::-moz-selection{
	background-color:#d1d1d1;
	} 	

a img{
	border:none;
	}

h1{
	color:#a6a6a6;
	font-size:18pt;
	line-height:20pt;
	font-weight:normal;
	margin:0;
	text-transform:uppercase;
	}

h2{
	color:#a6a6a6;
	font-size:10pt;
	line-height:15pt;
	font-weight:bold;
	margin:30px 0 0 0;
	padding:0 5px 5px 5px;
	border-bottom:1px solid #5c5a52;
	text-transform:uppercase;
	}

a{
	}

a:hover{
	}

p{
	}


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

header{
	position:relative;
	margin:0;
	float:left;
	}

.nav_cont{
	padding:0 40px;
	display:inline-block;
	background-color:#181714;
	position:relative;
	z-index:2;
	/*height:400px;*/
	/*para Firefox*/
    -moz-border-radius: 0 0 20px 20px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0 0 20px 20px;
	/* para Opera */
	border-radius: 0 0 20px 20px;
	}	

header img.marca{
	float:left;
	clear:both;
	}	

nav {
	float:left;
	clear:both;
	margin:0 0 0 0;
	width:100%;
}

nav ul {
	padding: 0;
	margin: 15px 0 20px 0;
	width:100%;
	text-align: center;
}

nav li {
	float:left;
	clear:both;
	width:100%;
	text-align: center;
}

nav a {
	text-transform:uppercase;
	font-size: 10pt;
	font-family: 'cartogothic_stdregular';
	float:left;
	color: #a6a6a6;
	text-align: center;
	text-decoration: none;
	width:100%;
	padding:7px 0;
}

nav li a:hover {
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius:5px;
}

nav li a.activo{
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius:5px;
}

.submenu{
	display:none;
	position:absolute;
	z-index:1;
	top:340px;
	width:154px;
	padding:0 25px;
	background-color:#45433c;
	height:265px;
	text-align:center;
	/*para Firefox*/
    -moz-border-radius: 0 0 20px 20px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0 0 20px 20px;
	/* para Opera */
	border-radius: 0 0 20px 20px;
	}

.submenu ul{
	margin:10px 0 0 0;
	padding:0;
	}
		
.submenu ul li{
	float:left;
	clear:both;
	width:100%;
	text-align: center;
	list-style:none;
	}

.submenu ul li a{
	text-transform:uppercase;
	font-size: 9pt;
	font-family: 'cartogothic_stdregular';
	float:left;
	color: #a6a6a6;
	text-align: center;
	text-decoration: none;
	width:100%;
	padding:7px 0;
	}
	
.submenu ul li a:hover {
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius:5px;
}

.submenu ul li a.activo{
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius:5px;
}			

a#pull {
	display: none;
}

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

.frase{
	float:right;
	margin:0 40px 195px 0;
	}

.pie{
	width:990px;
	border-top:1px solid #ccc;
	margin-top:10px;
	padding:10px 0;
	clear:both;
	}

.pie p{
	margin:0;
	padding:0;
	font-size:10pt;
	color:#999;
	text-align:center;
	}

.pie p a{
	color:#444;
	text-decoration:none;
	}

.pie p a:hover{
	text-decoration:underline;
	}

.contenido{
	margin:120px 0 20px 30px;
	float:left;
	width:750px;
	}

.cont_slider{
	position:relative;
	width:390px;
	height:450px;
	float:right;
	}	

#slider{
	position:relative;
	width:390px;
	height:450px;
	border:5px solid #FFF;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	margin:0;
	padding:0;
	overflow:hidden;
	}

#slider ul{
	margin:0;
	padding:0;
	}	

#slider ul li{
	width:390px;
	height:450px;
	margin:0;
	padding:0;
	list-style:none;
	}

#slider ul li img{
	text-align:center;
	}	

#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:25px;
		top:175px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:350px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background: url(../img/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background: url(../img/btn_next.png) no-repeat 0 0;	
		}	
		

.texto_nosotros{
	margin:65px 0 0 0;
	width:330px;
	float:left;
	}

.texto_nosotros p{
	color:#35332d;
	line-height:16pt;
	font-size:10pt;
	}
	
.vino_img{
	width:390px;
	float:left;
	overflow:hidden;
	margin:-30px 0 0 0;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	text-align:center;
	}

.vino_img img{
	text-align:center;
	}	

.vino_texto{
	margin:80px 0 0 0;
	width:355px;
	float:right;
	}

.vino_texto p{
	color:#35332d;
	line-height:16pt;
	font-size:10pt;
	}		

/*ACCORDION*/

  #accordion { /* el rectángulo contenedor */
	float:left;
	clear:both;
	margin:0;
  }
  
  #accordion h3 { /* los enlaces que despliegan y contraen el contenido */
  background: url(../img/flecha_off.jpg) no-repeat center right transparent;
  border-bottom:1px solid #ddd;
    color: #444;
    cursor: pointer;
    font-size: 10pt;
    margin: 5px 0 0 0;
    padding: 7px 0 10px 0;
    position: relative;
	font-weight:bold;
	width:320px;
  }
  
  #accordion h3:hover { /* efecto hover sobre esos enlaces */
    color: #000;
  }
  
  #accordion h3.active{
	  background: url(../img/flecha_on.jpg) no-repeat center right transparent;
	  color: #000;
	  }
  
  #accordion div { /* el contenido */
    color:#35332d;
    font-size: 10pt;
	margin:0;
    padding: 0 10px 15px 0;
	line-height:16pt;
  }
 
 .campo{
	width:100%;
	border:#a6a6a6 1px solid;
	padding:3% 1%;
	background-color:#fff;
	margin:1% 0 3% 0;
	float:left;
	clear:both;
	color:#000;
	font-size:10pt;
	
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius: 5px;
	
	resize:none;
	}

.btn{
	font-weight:normal;
	border:none;
	padding:5px 25px;
	background-color:#36342e;
	margin:0 0 0 0;
	float:right;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
	font-size:9pt;
	font-family: 'cartogothic_stdregular';
	/*para Firefox*/
    -moz-border-radius: 5px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 5px;
	/* para Opera */
	border-radius: 5px;
	}


/*FIN ACORDION*/								

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) {
	
	header{
		position:relative;
		margin:0 auto;
		width:90%;
		float:none;
	}
	
	.nav_cont{
	padding:0;
	width:100%;
	position:relative;
	margin:0;
	text-align:center;
	background-color:#181714;
	/*height:400px;*/
	/*para Firefox*/
    -moz-border-radius: 0 0 20px 20px;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0 0 20px 20px;
	/* para Opera */
	border-radius: 0 0 20px 20px;
	}	
	
	nav {
		position:relative;
		margin:0;
  	}
	
  	nav ul {
  		width: 100%;	
		display: none;
		margin:0 0 20px 0;
  	}
	
  	nav li {
  	}
	
  	nav li a {
	}
	
  	nav a {
  	}
	
	nav li a:hover {
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
  	}
	
	nav li a.activo{
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
}	
	
	header img.marca{
	float: none;
	clear:none;
	text-align:center;
	margin:0 0 30px 0;
	}

.submenu{
	padding:0;
	width:100%;
	position:absolute;
	top:220px;
	margin:0 auto;
	text-align:center;	
	background-color:#45433c;
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius: 0;
	}

.submenu ul{
	margin:10px 0 0 0;
	padding:0;
	}
		
.submenu ul li{
	float:left;
	clear:both;
	width:100%;
	text-align: center;
	list-style:none;
	}

.submenu ul li a{
	text-transform:uppercase;
	font-size: 9pt;
	font-family: 'cartogothic_stdregular';
	float:left;
	color: #a6a6a6;
	text-align: center;
	text-decoration: none;
	width:100%;
	padding:7px 0;
	}
	
.submenu ul li a:hover {
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
}

.submenu ul li a.activo{
	background-color:#36342e;
	color: #fff;
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
}	
	
	 a#pull {
		display: block;
		width:30px;
		position:relative;
		margin:0 auto;
		z-index:3;
	}
	
	a#pull:after {
		content:"";
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
section{
	width:100%;
	}

.frase{
	display:none;
	}

.pie{
	display:none;
	}	
	
.contenido{
	margin:0;
	float:none;
	width:100%;
	}

.cont_slider{
	position:relative;
	width:100%;
	height:150px;
	float:none;
	}	

#slider{
	width:100%;
	height:150px;
	overflow:hidden;
	border:none;
	float:none;
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
	}
	

#slider ul{
	margin:0;
	padding:0;
	}	

#slider ul li{
	width:420px;
	height:150px;
	margin:0;
	padding:0;
	list-style:none;
	}

#slider ul li img{
	text-align:center;
	}		
	
#slider img{
	width:100%;
	}	

#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 

		left:25px;
		top:50px;

		}	
	#nextBtn, #slider1next{ 
		left:350px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		}	
	#nextBtn a, #slider1next a{ 
		}		

.texto_nosotros{
	margin:15px auto;
	position:relative;
	width:90%;
	float:none;
	}

.texto_nosotros p{
	color:#35332d;
	line-height:12pt;
	font-size:9pt;
	}
	

.vino_img{
	width:100%;
	overflow:hidden;
	border:none;
	float:none;
	top:240px;
	/*para Firefox*/
    -moz-border-radius: 0;
    /*para Safari y Chrome*/
	-webkit-border-radius: 0;
	/* para Opera */
	border-radius:0;
	}
	
.vino_img img{
	width:100%;
	height:100%;
	}	

.vino_texto{
	margin:15px auto;
	position:relative;
	width:90%;
	float:none;
	}

.vino_texto p{
	color:#35332d;
	line-height:12pt;
	font-size:9pt;
	}	
	
	#accordion {
	width:100%;
  }	

  #accordion h3 { /* los enlaces que despliegan y contraen el contenido */
	width:100%;
	display:block;
  }			
	
}

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

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

}