/* CSS Document */

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

}

a{
	outline:none;
	}

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

}

body{
	width:100%;
	height:100%;
	background-color:#000;
	overflow:hidden;
	background-position:top center;
	background-repeat:no-repeat;
	}

a img{
	border:none;
	border:0;
	}

h1{
	margin:0;
	padding:0;
	font-family: 'AmaticBold';
	font-size:48px;
	line-height:45px;
	color:#000;
	}

h2{
	margin:0;
	padding:0;
	font-family: 'AmaticBold';
	font-size:38px;
	line-height:36px;
	color:#000;
	}

h3{
	margin:0;
	padding:0;
	font-family: 'AmaticBold';
	font-size:21px;
	color:#000;
	font-weight:normal;
	}			

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	margin: 10px 0 0 0;
	}		

.cabezera{
	position:relative;
	width:990px;
	margin:15px auto;
	z-index:998;
	clear:both;
	}

.cabezera .marca{
	float: left;
	margin:0 0 0 90px;
	}

.cabezera ul{
	float: left;
	width:590px;
	margin:58px 0 0 95px;
	padding:0;
	}

.cabezera ul li{
	display:inline;
	margin:0 15px 0 0;
	list-style:none;
	}	

.cabezera ul li a{
	font-family: 'AmaticBold';
	text-decoration:none;
	color:#FFF;
	font-size:25px;
	display:inline;
	margin:0 10px 0 0;
	list-style:none;
	text-transform:uppercase;
	}				

.cabezera ul li a:hover{
	text-decoration:underline;
	}

.cabezera ul li a.activo{
	text-decoration:underline;
	}	
	
.slideshow{
	position:absolute;
	z-index:1;
	top:0;
	left:50%;
	margin-left:-800px;
	width:1600px;
	}
	
.contenido{
	position:relative;
	width:990px;
	margin:30px auto;
	z-index:999;
	clear:both;
	}

.contenido2{
	position:relative;
	width:990px;
	margin:0 auto;
	z-index:999;
	}	
			

.texto_quienes{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	position:absolute;
	width:410px;
	margin:0;
	top:125px;
	left:260px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
   -ms-border-radius: 10px; /* IE 8.*/
   -webkit-border-radius: 10px; /* Safari,Chrome.*/
   border-radius: 10px; /* El estándar.*/
   z-index:99999;
	}

.texto_quienes2{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	position:absolute;
	width:410px;
	margin:0;
	top:50px;
	left:0px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
   -ms-border-radius: 10px; /* IE 8.*/
   -webkit-border-radius: 10px; /* Safari,Chrome.*/
   border-radius: 10px; /* El estándar.*/
   z-index:2;
	}

.texto_quienes2 a{
	margin:0;
	padding:0;
	font-family: 'AmaticBold';
	font-size:30px;
	line-height:36px;
	text-decoration:none;
	color:#444;
	}

.texto_quienes2 a:hover{
	color:#000;
	}

.texto_quienes2 a.activo{
	color:#000;
	}			

.texto_quienes2 span{
	color:#444;
	margin:0 15px;
	font-family: 'AmaticBold';
	font-size:30px;
	line-height:36px;
	}		

.contacto{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	position:absolute;
	width:410px;
	margin:0;
	bottom:0;
	left:440px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
	-ms-border-radius: 10px; /* IE 8.*/
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	border-radius: 10px; /* El estándar.*/
	z-index:2;
	display:none;
	}	

.prensa{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	position:absolute;
	width:940px;
	margin:0;
	top:31px;
	left:0;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
	-ms-border-radius: 10px; /* IE 8.*/
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	border-radius: 10px; /* El estándar.*/
	z-index:2;
	display:none;
	}

.noticia{
	float:left;
	width:245px;
	margin:0 40px 30px 0;
	height:120px;
	padding:15px 40px 0 0;
	border-right:1px dashed #333;
	}

.prensa .noticia p a strong{
	font-size:16px;
	line-height:18px;
	}

.noticia p{
	margin:0;
	}			

.noticia a{
	font-size:12px;
	color:#000;
	text-decoration:none;
	}	

.noticia a:hover{
	color:#c11919;
	}		

.contacto2{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	position:absolute;
	width:350px;
	margin:0;
	bottom:0;
	left:35px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
	-ms-border-radius: 10px; /* IE 8.*/
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	border-radius: 10px; /* El estándar.*/
	z-index:2;
	display:none;
	}	

.contacto2 p a{
	font-weight:bold;
	color:#000;
	text-decoration:none;
	}	

.contacto2 p a:hover{
	color:#f00;
	}			

span.linea{
	border-top: 1px solid #2e2e2e;
	height:2px;
	margin:13px 0 10px 0;
	width:100%;
	float:left;
	}	

.vinos_cont{
	position:relative;
	width:580px;
	margin:50px 0 0 225px;
	padding:0;
	z-index:99999;
	}

.submenu{
	width:170px;
	margin:50px 0 0 0;
	float:left;
	}

.arg{
	float:left;
	display:inline-block;
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	width:130px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
   -ms-border-radius: 10px; /* IE 8.*/
   -webkit-border-radius: 10px; /* Safari,Chrome.*/
   border-radius: 10px; /* El estándar.*/
   margin:0 0 15px 0;
   display:none;
   z-index:2;
	}

.it{
	float:left;
	display:inline-block;
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	width:130px;
	padding:20px;
	-moz-border-radius: 10px; /* Firefox*/
   -ms-border-radius: 10px; /* IE 8.*/
   -webkit-border-radius: 10px; /* Safari,Chrome.*/
   border-radius: 10px; /* El estándar.*/
   display:none;
   z-index:2;
	}			

.hover{
	color:#FFF;
	position:absolute;
	z-index:5;
	display:none;
	background-color:#000;
	padding:10px;
	font-family: 'AmaticBold';
	font-size:22px;
	line-height:18px;
	-moz-border-radius: 10px; /* Firefox*/
	-ms-border-radius: 10px; /* IE 8.*/
	-webkit-border-radius: 10px; /* Safari,Chrome.*/
	border-radius: 10px; /* El estándar.*/
	left: 23px;
	top: 35px;
	}	

.botella_thumb{
	position:relative;
	float:left;
	margin:0 22px 5px 0;
	}		
		
.vino{
	margin:50px 0 0 15px;
	float:left;
	display:inline-block;
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	height:491px;
	width:315px;
	/*padding:20px;*/
	-moz-border-radius: 10px; /* Firefox*/
   -ms-border-radius: 10px; /* IE 8.*/
   -webkit-border-radius: 10px; /* Safari,Chrome.*/
   border-radius: 10px; /* El estándar.*/
   display:none;
	}	

.botella_geande{
	margin:20px 20px 20px 0;
	float:left;
	z-index:0;
	}
	
.descripcion_vinos{
	float:left;
	margin:40px 0 0 0;
	}

.descripcion_vinos a{
	font-family: 'AmaticBold';
	float:left;
	clear:both;
	color:#5a5a5a;
	text-decoration:none;
	font-size:18px;
	}

.descripcion_vinos a:hover{
	color:#000;
	}	
	

		.bird {
	background: transparent url(../imgs/robin4.png) 0 0 no-repeat;
	position: absolute;
	top: 80%;
	right: -50px;
	width: 30px;
	height: 39px;
	-moz-transform:rotate(20deg);
	-webkit-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
		}
		
	
	.bird2 {
	background: transparent url(../imgs/robin4.png) 0 0 no-repeat;
	position: absolute;
	right: -150px;
	top:75%;
	width: 30px;
	height: 39px;
		}
	
	.bird3 {
	background: transparent url(../imgs/robin4.png) 0 0 no-repeat;
	position: absolute;
	right: -119px;
	top:30%;
	width: 30px;
	height: 39px;
	-moz-transform:rotate(35deg);
	-webkit-transform:rotate(35deg);
	-o-transform:rotate(35deg);
	-ms-transform:rotate(35deg);
		}	

.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 900px;
	height: 100%;
	overflow: hidden;
	z-index: 0;
        }
        .far-clouds {
            background: transparent url(../imgs/nube3.png) 0px -100px repeat-x;
        }
        .near-clouds {
            background: transparent url(../imgs/nube.png) 0px 50px repeat-x;
        }
		
		.very.near-clouds {
            background: transparent url(../imgs/nube2.png) 650px 50px repeat-x;
        }
	

.stage2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
        }
		
        .far-clouds2 {
            background: transparent url(../imgs/nube4.png) 0px 0px repeat-x;
        }
        .near-clouds2 {
            background: transparent url(../imgs/nube5.png) 0px 0px repeat-x;
        }
			

.parche-italia-1{
	position:absolute;
	width:1600px;
	height:347px;
	z-index:9;
	margin-left:-800px;
	left:50%;
	top: 0;
	}

	.parche-italia-2{
	position:absolute;
	width:1600px;
	height:347px;
	z-index:9;
	margin-left:-800px;
	left:50%;
	top: 302px;
	}				
		
.vespa{
	position:absolute;
	width:51px;
	height:44px;
	top: 303px;
	right: 480px;
	
	-webkit-animation:mover_vespa 0.2s infinite;
	-moz-animation:mover_vespa 0.2s infinite;
	}	

@-webkit-keyframes mover_vespa{
	0%{top:303px;}
	100%{top:304px;}
}
/* Para Firefox */
@-moz-keyframes mover_vespa{
	0%{top:303;}
	100%{top:304px;}
}	

 .parallax_cont {
	 width:1600px;
	 left:50%;
	 margin-left:-800px;
	 position:absolute;
	 z-index:9;
 }	

 #parallax {
	overflow:hidden;
	position:absolute;
	width:735px;
	height:814px;
	right: 150px;
	z-index:9;
 }

 #parallax div a {
	 background-repeat:no-repeat;
	 width:92px;
	 height:92px;
	 background-position:top center;
	 z-index:9;
 }  

 #parallax div a:hover {
	 background-position:bottom center;
 } 

.over{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	background:url(../imgs/quienes/over.png) repeat top left;
	z-index:999;
	display:none;
	} 

#giusepe{
	display:none;
	}	

#jacques{
	display:none;
	}	
	
.descripcion_terroir1{
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	width:400px;
	margin:0;
	padding:20px;
	-moz-border-radius: 0 10px 10px 0; /* Firefox*/
   -ms-border-radius: 0 10px 10px 0; /* IE 8.*/
   -webkit-border-radius: 0 10px 10px 0; /* Safari,Chrome.*/
   border-radius: 0 10px 10px 0; /* El estándar.*/
   z-index:99999;
   float:left;
   display:none;
	}



.descripcion_terroir2 h1{
	width:400px;
	}

.descripcion_terroir1 h1{
	width:400px;
	}	
	
.fotos{
	float:left;
	margin:-85px 0 0 0;
	}

.fotos img{
	margin:0 10px 0 0;
	border:2px solid #FFF;
	}			

.descripcion_terroir1 img{
	float:left;
	padding:0 0 0 -20px;
	}

.descripcion_terroir2 img{
	float:left;
	padding:0 0 0 -20px;
	}			
	
.btn_italia{
	margin:170px 0 0 0;
	float:left;
	display:block;
	position:relative;
	z-index:9999999;
	}

.btn_argentina{
	margin:170px 0 0 0;
	float:left;
	display:block;
	}			

.angosto{
	width:225px;
	float:left;
	}	
	
.italia{
	position:absolute;
	left: 496px;
	top: 45px;
	}	

#panel {
	position:absolute;
	right:494px;
	background:url(../imgs/quienes/fondo.png) repeat transparent;
	width:0;
	margin:0;
	overflow:hidden;
	padding:0px;
	-moz-border-radius: 10px 0 0 10px; /* Firefox*/
	-ms-border-radius: 10px 0 0 10px; /* IE 8.*/
	-webkit-border-radius: 10px 0 0 10px; /* Safari,Chrome.*/
	border-radius: 10px 0 0 10px; /* El estándar.*/
	z-index:99999;
	float:left;
	top: 45px;
		}
	
	#tab {
			width:40px;
			height:50px;
			position:absolute;
			right:500px;
			top:215px;
			display:block;
			cursor:pointer;
			z-index:999999;
		}

.argentina{
	position:relative;
	}

.fila{
	clear:both;
	float:left;
	width:160px;
	}
		
.fila h3{
	border-right:1px solid #999;
	padding:0 10px 0 0;
	float:left;
	margin:0 0 10px 0 ;
	}
		
.fila a{
	clear:none;
	float:left;
	margin:1px 0 0 10px;
	}

.mapa{
	background:url(../imgs/distribuidores/fondo_mapa.png) no-repeat top left transparent;
	padding:16px 15px 15px 20px;
	margin:0 auto;
	position:relative;
	width:858px;
	height:504px;
	}

.mapa2{
	padding:0;
	position:relative;
	height:800px;
	}

.mapa2 div{
	cursor:pointer;
	z-index:9;
	}

.mapa2 div:hover{
	z-index:99;
	}		

.mapa2 div span{
	display:none;
	color:#FFF;
	position:absolute;
	padding:15px 20px;
	float:left;
	width:200px;
	background:url(../imgs/distribuidores/fondo.png) repeat transparent top left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left: 34px;
	top: 4px;
	-moz-border-radius: 5px; /* Firefox*/
	-ms-border-radius: 5px; /* IE 8.*/
	-webkit-border-radius: 5px; /* Safari,Chrome.*/
	border-radius: 5px; /* El estándar.*/
	}
		
.mapa2 div span a{
	color:#FFF;
	position:relative;
	top:0;
	left:0;
	}

.punto{
	background: url(../imgs/distribuidores/punto.png) no-repeat top left transparent;
	width:28px;
	height:47px;
	position:absolute;
	}				

.descripcion_terroir{
	overflow:auto;
	height:300px;
	}	

.formulario{
	float:left;
	position:relative;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	}	

.campo{
	border:1px solid #999;
	background-color:#FFF;
	color:#666666;
	padding:11px;
	width:380px;
	margin:3px 0 6px 0;
	resize:none;
	}	

.btn{
	background:url(../imgs/btn_enviar.png) no-repeat bottom left transparent;
	background-color:transparent;
	margin:0;
	cursor:pointer;
	height:41px;
	width:83px;
	border:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	}	


input[type=text]:focus, input[type=password]:focus, input[type=file]:focus, select:focus, option:hover, option:focus{
	border:#000 1px solid;
}	

textarea:focus{
	border:#000 1px solid;
	}
	
/* INPUT DE ERRORES */
input[type=text].error, input[type=password].error, input[type=file].error, select.error{
	border:#f00 1px solid;
	}

textarea.error{
	border:#f00 1px solid;
	}	

.alert{
	display:none;
	color:#F00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin: 0 0 10px 0;
	}

.homebloques{
	color:black;
}

/* PAGINATOR */
ul#paginator{
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	list-style:none;
	overflow:hidden;
}

ul#paginator li{
	font-size:1.0em;
	list-style:none;
	float:left;
}

ul#paginator li a{
	
	margin:0 2px 0 0;
	padding:3px 6px;
	border:#DDD solid 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	display:block;
	color:#000;
	text-decoration:none;
	background:#F1F1F1;
}

ul#paginator li a:hover{
	color:#000;
	border-color:#CCC;
}

ul#paginator li.prev-off{
	color:#666;
	border:#DDD solid 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:0 2px 0 0;
	padding:3px 6px;
	background:#DDD;
}

ul#paginator li.active{
    margin:0 2px 0 0;
	padding:3px 6px;
	border:#999 solid 1px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:left;
	display:block;
	color:#fff;
	text-decoration:none;
	background:#333;
}

.idiomas{
	position:absolute;
	top:15px;
	right:170px;
	color:#FFF;
	}

.idiomas a{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	}	

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

.idiomas a.activo{
	text-decoration:underline;
	}