/* body
------------------------------------------------------------------------------------------------------  */
body {
    margin: 0 auto;
    width: 100%;
    padding: 0px;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
}


	/* row
	------------------------------------------------------------------------------------------------------  */
	.row{
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	/* cols
	------------------------------------------------------------------------------------------------------  */
	.col_100    { float: left; margin: 0px; padding: 0px; width: 100%; }
	.col_90     { float: left; margin: 0px; padding: 0px; width: 90%; }
	.col_80     { float: left; margin: 0px; padding: 0px; width: 80%; }
	.col_75     { float: left; margin: 0px; padding: 0px; width: 75%; }
	.col_70     { float: left; margin: 0px; padding: 0px; width: 70%; }
	.col_66     { float: left; margin: 0px; padding: 0px; width: 66.66%; }
	.col_65     { float: left; margin: 0px; padding: 0px; width: 65%; }
	.col_60     { float: left; margin: 0px; padding: 0px; width: 60%; }
	.col_55     { float: left; margin: 0px; padding: 0px; width: 55%; }
	.col_50     { float: left; margin: 0px; padding: 0px; width: 50%; }
	.col_45     { float: left; margin: 0px; padding: 0px; width: 45%; }
	.col_40     { float: left; margin: 0px; padding: 0px; width: 40%; }
	.col_35     { float: left; margin: 0px; padding: 0px; width: 35%; }
	.col_33     { float: left; margin: 0px; padding: 0px; width: 33.33%; }
	.col_30     { float: left; margin: 0px; padding: 0px; width: 30%; }
	.col_25     { float: left; margin: 0px; padding: 0px; width: 25%; }
	.col_20     { float: left; margin: 0px; padding: 0px; width: 20%; }
	.col_10     { float: left; margin: 0px; padding: 0px; width: 10%; }


	/* contents
	------------------------------------------------------------------------------------------------------  */
	.content{
		margin: 0 auto;
		width: 95%;
	    max-width: 1400px;
	}


	/* h
	------------------------------------------------------------------------------------------------------  */
	h1{
		font-size: 38px;
		line-height: 38px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
	}
	h2{
		font-size: 22px;
		line-height: 22px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 2px;
	}
	h3{
		font-size: 18px;
		line-height: 18px;
		font-family: 'Roboto Condensed', sans-serif;
	}



	/* tools
	------------------------------------------------------------------------------------------------------  */
	a {
		cursor:pointer;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;		
	}
	audio{
		outline: none;
	}
	.text-center{
		text-align: center;
	}
	.text-left{
		text-align: left !important;
	}
	.text-right{
		text-align: right !important;
	}
	.text-white{
		color: #fff;
	}
	.link{
		color: #db2d37;
		text-decoration: none;
	}
	.link:hover{
		color: #000;
	}
	.btn-forma-pago{
		display: inline-block;
		width: 83%;
		font-family: 'Roboto Condensed', sans-serif;
		color: #fff;
		background-color: #741121;
		text-align: left;
		padding: 14px 0px;
		padding-left: 16%;
		text-decoration: none;
		cursor:pointer;
		font-weight: 600;
		letter-spacing: 2px;
		cursor: pointer;
		background-image: url('../img/ico-ko.png');
		background-position: 15px center;
		background-repeat: no-repeat;
		background-size: 20px;
		opacity: 0.7;
		cursor: pointer !important;
	}
	.btn-forma-pago:hover{
		opacity: 1;
	}
	.span_h1{
		font-size: 35px;
		line-height: 35px;
	}
	.btn{
		font-family: 'Roboto Condensed', sans-serif;
		color: #fff;
		background-color: #741121;
		text-align: center;
		padding: 14px 0px;
		text-decoration: none;
		cursor:pointer;
		font-weight: 600;
		letter-spacing: 2px;
		cursor: pointer;
	}
	.btn:hover{
		background-color: #000;
	}
	.btn-black{
		background-color: #000;
	}
	.btn-black:hover{
		background-color: #222;
	}
	.scroll-down{
		margin-top: 50px;
		width: 30px;
		height: 30px;
		border: 1px solid #888;
		padding: 10px;
		border-radius: 50px;
		cursor: pointer;
	}
	.scroll-down:hover{
		opacity: 0.5;
	}


	/* pull
	------------------------------------------------------------------------------------------------------  */
	#pull{
		display: none;
		float: right;
		margin-right: 0px;
		margin-top: 27px;
		margin-left: 20px;
	}
	#pull img{
		width:20px;
	}
	#pull img:hover{
		opacity: 0.8;
	}



	/* header
	------------------------------------------------------------------------------------------------------  */
	#header{
		float: left;
		width:100%;
		padding: 20px 0px;
		padding-bottom: 0px;
	}
	#header .top{
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	#header .top #logo{
		display: inline-block;
	}
	#header .top #logo img{
		width: 150px;
	}
	#header .top #carrito{
		float: right;
		text-align: right;
		padding-top: 22px;
	}
	#header .top #carrito img{
		position: relative;
		width: 24px;
		z-index: 1;
	}
	#header .top #carrito .ud{
		position: relative;
		float: right;
		margin-left: -10px;
		margin-top: -10px;
		width:25px;
		height: 22px;
		padding-top:3px;
		border-radius: 100%;
		text-align: center;
		background-color: #ccc;
		color: #741121;
		font-weight: 600;
		z-index: 2;
		text-decoration: none;
		border: 2px solid #fff;
	}
/*	#header .top #carrito .ud:hover{
		background-color: #741121;
		color: #fff;
	}*/
	#header .top .idiomas{
		float: right;
		margin-left: 15px;
		margin-top: 27px;
	}
	#header .top .idiomas a{
		color: #741121;
		text-decoration: none;
		font-size: 14px;
		border-left: 1px solid #ccc;
		padding-left: 10px;
		padding-right: 5px;
	}
	#header .top .idiomas a.selec{
		color: #000;
	}
	#header .menu{
		display: inline-block;
		width: 100%;
		text-align: center;
		background-color: #000;
	}
	#header .txt{
		float: left;
		padding-top: 25px;
		color: #db2d37;
		letter-spacing: 2px;
	}
	#header .txt img{
		height: 15px;
	}
	#header .menu #menu-desktop{
		display: inline-block;
		list-style: none;
		margin: 0px;
		text-align: center;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		font-size: 17px;
		padding: 5px 0px;
		margin-top: 4px;
	}
	#header .menu #menu-desktop li{
		float: left;
	}
	#header .menu #menu-desktop li a{
		color: #fff;
		text-decoration: none;
		padding: 5px 30px;
	}
	#header .menu #menu-desktop li a:hover{
		background-color: #741121;
	}


	#header .back-header{
		width: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#header .back-header-home{
		background-image: url('../img/header-home.jpg');
	}

	#header .content-top{
		display: inline-block;
		position: relative;
		max-width: 800px;
		width: 100%;
		margin-top: 100px;
		color: #fff;	
	}
	#header .content-top h1{
		font-family: 'Roboto', sans-serif;
		letter-spacing: 2px;
	}
	#header .content-top .btn{
		display: inline-block;
		width: 100%;
		margin-top: 40px;
	}
	#header .content-top .small{
		font-size: 14px;
	}



	/* boxes
	------------------------------------------------------------------------------------------------------  */

	#boxes{
		display: inline-block;
		width: 100%;
		text-align: center;
background-color: #000;
/*
		background: rgba(33,28,25,1);
		background: -moz-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,28,25,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211c19', endColorstr='#000000', GradientType=0 );
*/
		padding: 100px 0px;
		margin-top: -8px;
	}

	.boxes-white{
		background-color: #fff !important;
		padding: 0px !important;
	}
	#boxes .box{
		display: inline-block;
		width: 100%;
		max-width: 800px;
		width: 100%;
		margin-bottom: 40px;
	}
	#boxes .box .textos{
		float: left;
		width: 40%;
		height: 500px;
		padding: 0px 5%;
		background-color: #111;
		color: #fff;
		text-align: center;
	}
	#boxes .box .textos h2{
		margin-top: 60px;
		font-weight: 600;
		color: #db2d37;
	}
	#boxes .box .textos p{
		margin-top:40px;
		font-weight: 300;
	}
	#boxes .box .images{
		float: left;
		width: 50%;
	}
	#boxes .box .images .back-box-historia{
		width: 100%;
		height: 500px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/resonare.jpg');
	}


	#boxes .box .textos2{
		float: left;
		width: 40%;
		height: 300px;
		padding: 0px 5%;
		background-color: #741121;
		color: #fff;
		text-align: center;
	}
	#boxes .box .textos2 h2{
		margin-top: 60px;
		font-weight: 600;
		color: #741121;
	}
	#boxes .box .textos2 p{
		display: inline-block;
		margin-top:80px;
		font-weight: 300;
	}
	#boxes .box .textos2 .btn{
		display: inline-block;
		padding: 14px 30px !important;
		margin-top: 20px;
	}
	#boxes .box .images2{
		float: left;
		width: 50%;
	}	
	#boxes .box .images2 .back-box-botellas{
		width: 100%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/box-botellas.png');
	}

	

	/* anadas
	------------------------------------------------------------------------------------------------------  */

	#anadas{
		display: inline-block;
		width: 100%;
		height: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url('../img/back-anadas.jpg');
	}

	
	/* nota
	------------------------------------------------------------------------------------------------------  */

	#nota{
		display: inline-block;
		width: 100%;
		text-align: center;
		padding: 20px 0px;
	}
	#nota img{
		width: 60px;
	}





	/* catas-all
	------------------------------------------------------------------------------------------------------  */

	#catas-all{
		display: inline-block;
		width: 100%;		
		background-image: url('../img/cata.jpg');
		background-position: left 80px;
		background-repeat: no-repeat;
		background-size: 600px;
		background-color: #000;	
		margin-top: -4px;
	}
	#catas-all h1{
		color:#741121;
		font-weight: 600;
		letter-spacing: 1px;
		text-align: left;
		margin-top: 80px;
		width: 60%;
		padding: 0px 20%;
	}
	#catas-all span{
		display: inline-block;
		color:#555;
		width: 60%;
		font-size: 18px;
		line-height: 23px;
		font-weight: 300;
		padding: 0px 20%;
	}
	#catas-all .las-catas {
		display: inline-block;
		margin-top: 80px;
		margin-bottom: 100px;
	}
	#catas-all .las-catas .box-cata {
		display: inline-block;
		width: 40%;
		margin-right: 5%;
		margin-bottom: 40px;
		text-align: center;
		vertical-align: top;
	}
	#catas-all .las-catas .box-cata img{
		width: 28px;
	}
	#catas-all .las-catas .box-cata .eti{
		font-size: 10px;
		color:#fff;
		font-weight: 300;
		letter-spacing: 2px;
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-top: 0px;
	}
	#catas-all .las-catas .box-cata h2{
		color:#db2d37;
		font-weight: 300;
		font-size: 18px;
		margin: 0px;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	#catas-all .las-catas .box-cata p{
		width: 100%;
		color:#fff;
		font-size: 14px;
		text-align: justify;
		/*word-wrap: break-word;*/
		line-height: 21px;
	}








	/* anadas-all
	------------------------------------------------------------------------------------------------------  */

	#anadas-all{
		display: inline-block;
		width: 100%;		
		background-color: #fbfbfb;
	}
	#anadas-all img{
		float: right;
		height: 400px;
	}
	#anadas-all h1{
		margin-top: 100px;
		letter-spacing: 2px;
		font-weight: 600;
		color: #741121;
	}
	#anadas-all span{
		display: inline-block;
		margin-top: 20px;
		width: 100%;
		max-width: 400px;
	}


	
	/* anada-destacada
	------------------------------------------------------------------------------------------------------  */

	#anada-ultima{
		display: inline-block;
		width: 100%;		
		text-align: center;
		margin-top: -4px;

		background: rgba(33,28,25,1);
		background: -moz-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,28,25,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211c19', endColorstr='#000000', GradientType=0 );

		padding: 60px 0px;
	}
	#anada-ultima .anada-destacada{
		display: inline-block;
		width: 80%;		
		max-width: 600px;
	}
	#anada-ultima .anada-destacada .ano{
		color: #fff;
		font-size: 60px;
		font-weight: 600;
		margin-bottom: 10px;
		font-family: 'Trocchi', serif;
	}
	#anada-ultima .anada-destacada .linea{
		margin: 0 auto;
		width: 300px;
		height: 1px;
		border-bottom: 2px solid #741121;
	}
	#anada-ultima .anada-destacada .descripcion{
		margin-top: 20px;
		color: #fff;
	}
	#anada-ultima .anada-destacada .btn{
		display: inline-block;
		margin-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	#anada-ultima .anada-destacada strong{
		color: #db2d37;
	}
	#anada-ultima h3{
		color: #db2d37; 
		font-weight: 300; 
		letter-spacing: 2px; 
		margin-top:0px;
	}





	
	/* nota-cata
	------------------------------------------------------------------------------------------------------  */
	#cata{		
		display: none;
		position: fixed;
		bottom: 0px;
		width: 100%;		
		text-align: center;
		background-image: url('../img/cata.jpg');
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 190px;
		background-color: #000;
		padding: 20px 0px;
		color: #fff;
		border-top: 3px solid #fff;
		text-align: left;
		padding-left: 240px;
		z-index: 9999999999999;
	}
	#cata .tit{
		display: inline-block;
		color: #db2d37;
		font-weight: 300;
		width: 70%;
		font-size: 12px;
	}	
	#cata .comentario{
		display: inline-block;
		width: 70%;
		font-weight: 300;
		letter-spacing: 1px;
		margin-top:10px;
		font-size: 14px;
	}	
	#cata .comentario .btn{
		display: inline-block;
		margin-top: 10px;
		font-size: 12px;
		padding: 5px 10px;
	}


	#nota-cata{
		display: inline-block;
		width: 100%;		
		text-align: center;
		background-image: url('../img/cata.jpg');
		background-position: left bottom;
		background-repeat: no-repeat;
		background-size: 500px;
		background-color: #000;
		padding: 60px 0px;
		margin-bottom: 100px;
		color: #fff;
	}

	#nota-cata .content{
		max-width: 820px;
	}
	#nota-cata h2 span{
		color: #db2d37;
	}
	#nota-cata p{
		margin: 0 auto;
		width: 60%;
		margin-top: 40px;
		font-size: 15px;
		text-align: justify;
		color: #db2d37;
		font-weight: 300;
	}
	#nota-cata p strong{
		display: inline-block;
		width: 100%;
		text-align: center;
		color: #fff;
		letter-spacing: 1px;
		font-weight: 600;
	}
	#nota-cata p span{
		display: inline-block;
		font-weight: 300;
		color: #db2d37;
		text-align: center;
	}





	/* anadas-lista
	------------------------------------------------------------------------------------------------------  */

	#anadas-lista{
		display: inline-block;
		width: 100%;		
		text-align: center;
	}
	#anadas-lista .box-anadas-lista{
		display: inline-block;
		width: 100%;
		max-width: 800px;		
		text-align: left;
		margin-bottom: 50px;
	}
	#anadas-lista .box-anadas-lista .anada-item{
		display: inline-block;
		width: 100%;		
		margin-bottom: 50px;
		border-top: 1px solid #741121;
		padding-top: 20px;
	}
	#anadas-lista .box-anadas-lista .anada-item .item-ano{
		float: left;
		width: 25%;
		color: #741121;
		font-family: 'Trocchi', serif;

		font-size: 45px;
		font-weight: 600;
		text-align: center;
	}
	#anadas-lista .box-anadas-lista .anada-item .item-descripcion{
		float: left;
		width: 75%;
		margin-top: 0px;
	}
	#anadas-lista .box-anadas-lista .anada-item .btn{
		float: left;
		clear: both;
		margin-top: 20px;
		padding: 10px 20px;
		font-size: 11px;
		margin-left: 25%;
	}


	/* light_contacto
	------------------------------------------------------------------------------------------------------  */

	#light_contacto{
		display: none;
		position: absolute;
		max-width: 400px;
		width:70%;
		background-color: #fff;
		border: 10px solid #741121;
		color: #741121;
		font-size: 20px;
		padding: 50px 10%;
		text-align: center;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		top:50%;
		text-align: center;
	}
	#light_contacto strong{
		display: inline-block;
		margin-top: 20px;
		font-size: 24px;
	}
	#light_contacto .btn{
		display: inline-block;
		margin-top: 20px;
		padding: 15px 30px;
	}


	/* pedidos
	------------------------------------------------------------------------------------------------------  */

	#pedidos{
		display: inline-block;
		width: 100%;		
		text-align: center;
		margin-top: -4px;
/*
		background: rgba(33,28,25,1);
		background: -moz-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,28,25,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211c19', endColorstr='#000000', GradientType=0 );
*/
		background-image: url('../img/back-cap.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 35px 0px;
		color: #fff;
		font-size: 38px;
		line-height: 38px;
		font-family: 'Roboto Condensed', sans-serif;
		letter-spacing: 1px;
		font-weight: 300;
	}





	/* pedidos-producto
	------------------------------------------------------------------------------------------------------  */

	#pedidos-producto{
		display: inline-block;
		width: 100%;		
		text-align: center;
		margin-top: 50px;
	}
	#pedidos-producto .content{
		max-width: 900px;
	}
	#pedidos-producto .box-producto-img{
		float: left;
		/*background-color: #f0f0f0;*/
		padding: 60px 0px;
		padding-bottom: 10px;
	}
	#pedidos-producto .box-producto-img img{
		width: 90%;
	}
	#pedidos-producto .box-producto-txt{
		float: right;
		width: 90%;
	}
	#pedidos-producto .box-producto-txt h1{
		font-size: 30px;
		font-weight: 600;
	}
	#pedidos-producto .box-producto-txt p{
		text-align: justify;
		font-weight: 300;
	}
	#pedidos-producto .campos{
		display: inline-block;
		width: 100%;
	}
	#pedidos-producto .campos .box-combo{
		float: left;
		width: 100%;
	}
	#pedidos-producto .campos .box-combo select{
		width: 98%;
		margin: 0px 1%;
		background-color: #f0f0f0;
		color: #000;
		border: 0px;
		font-size: 16px;
		height: 35px;
		outline: none;
		cursor: pointer;
		border: 0px;
	}
	#pedidos-producto .campos .literal{
		float: left;
		width: 60%;
		text-align: left;
		margin-top: 20px;
		padding-top: 6px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	#pedidos-producto .campos .valor{
		float: right;
		width: 35%;
		text-align: right;
		font-weight: 600;
		font-size: 23px;
		font-family: 'Roboto Condensed', sans-serif;
		margin-top: 18px;
	}
	#pedidos-producto .campos input{
		float: right;
		width: 35%;
		background-color: #f0f0f0;
		text-align: right;
		font-weight: 600;
		font-size: 23px;
		font-family: 'Roboto Condensed', sans-serif;
		margin-top: 14px;
		border:0px;
		padding: 5px 0px;
		padding-right: 2%;
		outline: none;
	}
	#pedidos-producto .campos input.total, #pedidos-producto .campos .literal.total{
		color: #741121;
	}

	#pedidos-producto .btn-carrito{
		display: inline-block;
		margin-top: 20px;
		width: 100%;
		padding: 12px 0px;
		font-size: 22px;
	}
	#pedidos-producto .btn-carrito img{
		width: 18px;
		margin-left: -16px;
	}

	#pedidos-producto .pack{
		display: inline-block;
		width: 90%;
		padding: 20px 5%;
		text-align: left;
		background-color: #f0f0f0;
		font-size: 16px;
		font-weight: 400;
		margin-top: 5px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	#pedidos-producto .pack-recomendado{
		background-color: #741121 !important;
		color: #fff !important;
		margin: 0px 0px;
		margin-top: 0px;
	}
	#pedidos-producto .pack-recomendado .btn{
		background-color: #000;
	}
	#pedidos-producto .pack-recomendado .btn:hover{
		background-color: #333;
	}
	#pedidos-producto .etiqueta{
		float: left;
		background-color: #741121;
		width: auto;
		color: #ccc000;
		margin: 0px !important;
		margin-top: 30px !important;
		padding: 8px 12px !important;
		padding-bottom: 0px !important;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 1px;
		background-image: url('../img/star.svg');
		background-position: 10px 9px;
		background-repeat: no-repeat;
		background-size: 12px;
		padding-left: 32px !important;
	}
	#pedidos-producto .caption{
		display: inline-block;
		width: 90%;
		padding: 15px 5%;
		text-align: left;
		background-color: #fcfcfc;
		font-size: 14px;
		font-weight: 800;
		margin-bottom: 5px;
		border: 1px solid #f0f0f0;
	}
	#pedidos-producto .caption h2{
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	#pedidos-producto .pack h2{
		display: inline-block;
		width: 33%;
		margin:0px;
		padding:0px;
		letter-spacing: 0px;
		font-size: 16px;
		font-weight: 400;
	}
	#pedidos-producto .pack .producto{
		display: inline-block;
		width: 24%;
		margin:0px;
		padding:0px;
		font-weight: 600;
		font-size: 22px;
	}
	#pedidos-producto .caption .producto{
		font-size: 14px !important;
		font-weight: 800 !important;
	}
	#pedidos-producto .pack .pvp{
		display: inline-block;
		width: 8%;
		margin:0px;
		padding:0px;
		text-align: right;
	}
	#pedidos-producto .pack .uds{
		display: inline-block;
		width: 3%;
		margin:0px;
		margin-left:2%;
		padding:0px;
		text-align: center;
		padding: 2px 5px;
	}
	#pedidos-producto .pack .pvp_total{
		display: inline-block;
		width: 8%;
		margin:0px;
		padding:0px;
		text-align: right;
	}
	#pedidos-producto .pack .accion{
		display: inline-block;
		width: 15%;
		text-align: right;
		margin:0px;
		margin-left: 3%;
		padding:0px;
		margin-bottom: -10px;
	}
	#pedidos-producto .pack .accion a{
		float: left !important;
		font-size: 11px;
	}
	#pedidos-producto .pack .accion img:hover{
		opacity: 0.6;
	}

	#pedidos-producto .list-gastos-envio{		
		display: inline-block;
		width: 100%;
		margin-top: 25px;
		padding: 20px 0px;
		background-color: #f0f0f0;
	}
	#pedidos-producto .list-gastos-envio-transporte{		
		display: inline-block;
		width: 100%;
		margin-top: 25px;
		padding: 20px 0px;
		background-color: #f0f0f0;
		font-size: 14px !important;
	}
	#pedidos-producto .list-gastos-envio-transporte .gasto-item{		
		display: inline-block;
		vertical-align: top;
		width: 18% !important;
	}
	#pedidos-producto .list-gastos-envio .gasto-item{		
		display: inline-block;
		vertical-align: top;
		width: 24%;
	}
	#pedidos-producto .list-gastos-envio-transporte .gasto-item .cap{		
		display: inline-block;
		width: 100%;
		text-align: right !important;
		font-weight: 600;
		margin-bottom: 5px;
	}
	#pedidos-producto .list-gastos-envio .gasto-item .cap{		
		display: inline-block;
		width: 100%;
		text-align: center;
		font-weight: 300;
		margin-bottom: 5px;
	}
	#pedidos-producto .list-gastos-envio-transporte .gasto-item .val{		
		display: inline-block;
		width: 100%;
		text-align: right !important;
		font-weight: 400 !important;
		color: #888888 !important;
	}
	#pedidos-producto .list-gastos-envio .gasto-item .val{		
		display: inline-block;
		width: 100%;
		text-align: center;
		font-weight: 600;
		color: #741121;
	}
	#pedidos-producto .list-gastos-envio .gasto-item .val span{
		font-weight: 400;
		font-size: 13px;
	}	 	

	#pedidos-producto .total_carrito{
		display: inline-block;
		margin-top:20px;
		padding: 15px 5%;
		font-size: 18px;
		width: 90%;
		background-color: #f0f0f0;
		border: 1px solid #000;
	}
	#pedidos-producto .total_carrito .lit{
		float: left;
		width: 50%;
		text-align: left;
	}
	#pedidos-producto .total_euros{
		float: left;
		width: 50%;
		text-align: right;
	}
	#pedidos-producto .btn-comprar{
		float: right;
		margin-top: 10px;
		font-size: 18px;
		padding: 10px 15px;
	}
	#pedidos-producto .total_carrito_btn{
		display: inline-block;
		margin-top: 0px;
		width: 100%;
		text-align: right;
	}
	#pedidos-producto .total_carrito_btn .btn-comprar{
		padding: 10px 50px;
	}

	



	







	/* pedidos-producto-info
	------------------------------------------------------------------------------------------------------  */

	#pedidos-producto-info{
		display: inline-block;
		width: 100%;		
		margin-top: 90px;
	}
	#pedidos-producto-info .content{
		max-width: 800px;
	}
	#pedidos-producto-info .box-info{
		float: left;
		width: 100%;
		margin-bottom: 60px;
		text-align: justify;
	}
	#pedidos-producto-info .box-info strong{
		display: inline-block;
		padding: 6px 0px;
	}
	#pedidos-producto-info .box-info .cap{
		font-weight: 600;
		color: #741121;
		font-size: 24px;
		margin-bottom: 20px;
		font-family: 'Roboto Condensed', sans-serif;
		border-bottom: 1px solid #f0f0f0;
		padding-bottom: 20px;
	}



	/* validacion
	------------------------------------------------------------------------------------------------------  */

	#validacion{
		display: inline-block;
		width: 100%;		
		margin-top: 50px;
		margin-bottom: 100px;
	}
	#validacion .content{
		max-width: 800px;
	}
	#validacion .box-login{
		display: inline-block;
		width: 70%;
		padding: 50px 15%;
		background-color: #f0f0f0;
		text-align: center;
	}
	#validacion .box-login .link{
		display: inline-block;
		margin-top: 15px;
		font-size: 12px;
	}

	#validacion .box-registro{
		display: inline-block;
		width: 70%;
		padding: 50px 15%;
		background-color: #ffffff;
		text-align: center;
	}
	#validacion h2{
		font-weight: 600;
		margin:0px;
	}
	#validacion .btn{
		display: inline-block;
		width: 100%;
		padding: 14px 0px;
		margin-top: 20px;
	}



	/* recordarpsw
	------------------------------------------------------------------------------------------------------  */

	#recordarpsw{
		display: inline-block;
		width: 100%;		
		margin-top: 50px;
		margin-bottom: 100px;
	}
	#recordarpsw .content{
		max-width: 800px;
	}

	#recordarpsw h2{
		font-weight: 600;
		margin:0px;
	}
	#recordarpsw .btn{
		display: inline-block;
		width: auto;
		padding: 14px 30px;
		margin-top: 20px;
		font-size: 15px;
	}
	#recordarpsw input{
		background-color: #f0f0f0 !important;
	}
	#recordarpsw label{
		font-size: 16px;
		margin-bottom:5px;
	}


	



	/* registro
	------------------------------------------------------------------------------------------------------  */

	#registro{
		display: inline-block;
		width: 100%;		
		margin-top: 50px;
		margin-bottom: 100px;
	}
	#registro .content{
		max-width: 800px;
	}
	#registro .box-registro{
		display: inline-block;
		width: 90%;
		padding: 50px 5%;
		background-color: #f0f0f0;
		text-align: left;
	}
	#registro .box-registro .box-form{
		display: inline-block;
		width: 100%;
		margin-bottom: 40px;
	}
	#registro .box-registro input{
		width: 88%;
		padding: 8px 5%;
		border-radius: 4px;
	}
	#registro .box-registro select{
		width: 98%;
		height: 34px;
		font-size: 15px;
		background-color: #fff;
		font-weight: 300;
		border: 0px;
		margin-top:3px;
		outline: none;
	}
	#registro .box-registro .box-input{
		float: left;
		margin-top: 20px;
	}
	#registro .box-registro .box-input-33{
		width: 33.33%;
	}
	#registro .box-registro .box-input-50{
		width: 50%;
	}
	#registro .box-registro h2{
		font-weight: 600;
		margin:0px;
		letter-spacing: 0px;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	#registro .box-registro h2 span{
		font-size: 14px;
		font-weight: 300;
	}
	#registro .box-registro .btn{
		display: inline-block;
		width: 100%;
		padding: 14px 0px;
		margin-top: 5px;
	}

	#registro .elcheck{
		display: inline-block;
		width: 100%;
	}
	#registro .elcheck input{
		width: auto !important;
	}
	#registro .forma-pago{
		display: inline-block;
		width: 90%;
		margin-top: 25px;
		padding: 30px 5%;
		background-color: #fff;
	}
	#registro .forma-pago .tit{
		font-weight: 600;
		color: #741121;
		font-size: 20px;
		font-family: 'Roboto Condensed', sans-serif;
	}
	#registro .resumen{
		display: inline-block;
		width: 100%;
		font-size: 20px;
		font-family: 'Roboto Condensed', sans-serif;
		padding: 30px 0px;
	}
	#registro .resumen .imagen{
		float: left;
		width: 40%;
		text-align: center;
	}
	#registro .resumen .imagen span{
		font-weight: 600;
	}
	#registro .resumen .imagen img{	
		width: 75%;
	}
	#registro .resumen .imagen p{
		width: 100%;
		margin: 0px;
	}

	#registro .resumen .calculos{
		float: left;
		width: 100%;
		text-align: left;
		line-height: 40px;
	}
	#registro .resumen .calculos .fila{
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
	#registro .resumen .calculos .fila .col40{
		float: left;
		width: 40%;
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 12px;
	}
	#registro .resumen .calculos .fila .col50{
		float: left;
		width: 50%;
		font-size: 18px;
		border-bottom: 0px;
	}
	#registro .resumen .calculos .fila .big{
		font-size: 22px !important;
	}
	#registro .resumen .calculos .fila .col20{
		float: left;
		width: 20%;
		font-size: 18px;
		line-height: 20px;
		padding-bottom: 12px;
	}
	#registro .resumen .calculos .fila .small{
		color: #000;
		font-size: 16px;
		font-weight: 300;
	}

	#registro .resumen .calculos .fila-noborder{
		border:0px !important;
		font-size: 14px;
	}
	#registro .resumen .calculos .fila span.small{
		float: left;
		color: #000;
		font-size: 16px;
		font-weight: 300;
	}
	#registro .resumen .calculos span.total{
		color: #741121 !important;
		font-weight: 600 !important;
	}
	#registro .resumen .calculos .btn{
		padding: 5px 0px !important;
		width: 100% !important;
		font-size: 16px;
	}



	/* historia
	------------------------------------------------------------------------------------------------------  */

	#historia{
		display: inline-block;
		width: 100%;		
		text-align: center;
		margin-top: -4px;

		background: rgba(33,28,25,1);
		background: -moz-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,28,25,1)), color-stop(100%, rgba(0,0,0,1)));
		background: -webkit-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -o-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(33,28,25,1) 0%, rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211c19', endColorstr='#000000', GradientType=0 );

		padding: 35px 0px;
		color: #fff;
		font-size: 38px;
		line-height: 38px;
		font-family: 'Roboto Condensed', sans-serif;
		letter-spacing: 1px;
		font-weight: 300;
	}




	/* historia-items
	------------------------------------------------------------------------------------------------------  */

	#historia-items{
		display: inline-block;
		width: 100%;	
		background-color: #000;
		margin-top: -4px;
		text-align: center;
		padding-bottom: 100px;
	}
	#historia-items .content{
		max-width: 800px;
	}
	#historia-items .content2{
		max-width: 1200px;
		margin: 0 auto;
	}
	#historia-items .copy h1{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		font-size: 26px;
		margin: 0px;
		color: #db2d37;
	}
	#historia-items img{
		width: 90%;
		border: 3px double #333;
	}
	#historia-items .copy{
		display: inline-block;
		width: 80%;
		text-align: justify;
		padding: 50px 10%;		
		color: #fff;
		font-weight: 300;
		margin-bottom: 30px;
	}
	#historia-items .copy .imagen{
		width: 100%;
		text-align: center;
	}
	#historia-items .copy strong{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		font-size: 22px;
		color: #db2d37;
	}
	#historia-items .btn{
		padding: 15px 30px;
	}
	#historia-items #mas_fotos{
		display: inline-block;
		width: 100%;
		margin-top: 60px;
	}
	#historia-items #mas_fotos img{
		display: inline-block;
		vertical-align: top;
		width: 46%;
		margin: 13px 1%;
	}
	

	#datos-usuario input, #datos-usuario textarea{
		background-color: #f0f0f0 !important;
	}



	/* contacto
	------------------------------------------------------------------------------------------------------  */

	#contacto{
		display: inline-block;
		width: 100%;	
		background-color: #000;
		margin-top: -4px;
		text-align: left;
		padding-bottom: 100px;
		color: #fff;
		padding-top: 50px;
	}
	#contacto .content{
		max-width: 800px;
	}
	#contacto .copy h1{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 300;
		letter-spacing: 1px;
		font-size: 26px;
		margin: 0px;
		color: #db2d37;
		margin-top: 20px;
	}
	#contacto .btn{
		display: inline-block;
		padding: 14px 30px;
	}
	#contacto .btn:hover{
		background-color: #111;
	}
	#contacto .link:hover{
		color: #fff;
	}





	/* legal
	------------------------------------------------------------------------------------------------------  */

	#legal{
		display: inline-block;
		width: 100%;	
		background-color: #000;
		margin-top: -4px;
		text-align: justify;
		padding-bottom: 100px;
		color: #fff;
	}	
	#legal .content{
		max-width: 800px;
		color: #999;
	}



	/* menu-responsive
	------------------------------------------------------------------------------------------------------  */
	#menu-responsive{
		display: none;	
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 9999999999;
		background-color: #ffffff;
	}
	#menu-responsive #pull_close{
		float: right;
		margin-right: 0px;
		margin-top: 20px;
		margin-right: 20px;
		z-index: 99999999999999999999;
		margin-bottom: 0px;	
	}
	#menu-responsive #pull_close img{
		width:20px;
	}
	#menu-responsive #pull_close img:hover{
		opacity: 0.8;
	}






	#menu-responsive ul{
		float: left;
		width: 100%;
		margin-left: -40px;
		text-align: center;
		list-style: none;
		margin-top: 30px;
	}
	#menu-responsive ul li{
		float: left;
		width: 100%;
		padding: 10px 0px;
	}
	#menu-responsive ul li a{
		color: #741121;
		font-weight: 700;
		width:100%;
		font-size: 16px;
		padding:8px 0px;
		text-decoration: none;
	}
	#menu-responsive ul li a:hover{
		color: #000;
	}






	/* Cookies
	------------------------------------------------------------------------------------------------------  */

	#container_cookies {
		width: 100%;
		background-color: rgba(20,20,20,0.9);
		text-align: center;
		position: fixed;
		bottom: 0px;
		z-index: 999999999999999999999999999999999;
		padding: 20px 0px;
	  }
	  #container_cookies .btn {
		  text-decoration: none;
		  cursor: pointer !important;
	  }
	  #container_cookies .btn:hover {
		  text-decoration: none !important;
	  }
	  #container_cookies .mensaje {
		margin: 0 auto;
		max-width: 1100px;
		text-align: left;
		color: #fff;
		padding: 16px 50px;
	  }
	  #container_cookies .mensaje a {
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	  }
	  #container_cookies .mensaje a:hover {
		text-decoration: underline;
	  }
	  #container_cookies .btn{
		  display: inline-block;
		  padding: 14px 20px;
	  }




	/* form
	------------------------------------------------------------------------------------------------------  */
	form{
		float: right;
		width: 100%;
	}
	form .caption{
		float: left;
		width: 90%;
		margin-top: 0px;
		padding: 0px 5%;
		margin-bottom: 20px;
		font-size: 18px;	
		line-height: 20px;	
		font-weight: 700;
	}
	form label{
		float: left;
		width: 100%;
		font-size: 14px;
		margin-top: 10px;
		text-align: left;
		font-family: 'Roboto Condensed', sans-serif;
	}
	form input,textarea{
		float: left;
		width: 90%;
		margin-top: 3px;
		padding: 8px 5%;
		font-size: 15px;
		font-weight: 300;
		background-color: #fff;
		border: 0px;
		outline: none;
	}
	form .loschecks{
		float: left;
		width: 100%;
		padding: 20px 0px;
	}
	form .loschecks #lopd{
		margin-top: 4px;
	}				  
	.msgs_form{
		float:left; 
		clear:both; 
		display: none; 
		text-align:left; 
		margin-top:5px; 
		color:#fff; 
		padding:5px 10px; 
		background-color:#c00;
		font-size: 13px;
		font-weight: 300;
	}		  
	.msgs_send{
		float:left; 
		clear: left; 
		width: auto; 
		display: none; 
		margin-top: 5px;
		font-size:15px;
		background-color: #5cac20;
		color: #fff;
		padding: 10px 10px;
		text-transform: uppercase;
		font-weight: 700;
	}
	#confirm_send{
		display: none;
		float: left;
		width: 100%;
		padding: 20px 0px;
		text-align: center;
		text-transform: uppercase;
		font-weight: 600;
		border: 2px solid #741121;
/*		background-image: url('../img/alert.svg');
		background-position: 30px center;
		background-repeat: no-repeat;
		background-size: 30px;*/
		margin-left: -2px;
		letter-spacing: 2px;
		font-size: 16px;
		color: #741121;
		background-color: #fff;
	}
		  
	#msg_password_enviado, .msg-alerta{
		width: 100%;
		padding: 20px 0px;
	}
	

	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
		float: left;
		width:100%;
		text-align: center;
		padding: 30px 0px;
		font-weight: 300;
		font-family: 'Roboto', sans-serif;
	}
	#footer strong{
		display: inline-block;
		font-weight: 400;
		letter-spacing: 2px;
		margin-top: 20px;
	}
	#footer img{
		max-width:450px;
		width:80%;
	}






	/* responsive
	------------------------------------------------------------------------------------------------------  */

	@media only screen and (max-width: 1020px) {
	
		h1{
			font-size: 30px;
			line-height: 30px;
		}
		h2{
			font-size: 23px;
			line-height: 23px;
		}
		h3{
			font-size: 18px;
			line-height: 18px;
		}
	
		#catas-all .col_40, #catas-all .col_60{
			width: 50%;
		}
		#catas-all .las-catas .box-cata {
			width: 95%;
			margin-right: 5%;
			margin-bottom: 40px;
		}
	

	}



	@media only screen and (max-width: 900px) {

		#header #col_logo_txt{
			width: 100%;
		}
		#header .txt{
			text-align: center;
			padding: 0px;
			margin-bottom: 15px;
			width: 100%;
		}
		#header .txt img{
			margin: 0 auto;
			height: 12px;
		}
		#header .top #logo {
			text-align: left;
		}
		#header .top #logo img{
			width: 100px;
		}
		#header #col_idiomas{
			text-align: right;
			width: 66.66%;
		}
		#header .top .idiomas {
			margin-top: 15px;
		}
		#header .top #carrito {
			padding-top: 12px;
		}
	
	}


	@media only screen and (max-width: 850px) {

		#cata .tit{
			width: 60%;
		}	
		#cata .comentario{
			width: 60%;
		}	
	
	}


	@media only screen and (max-width: 835px) {

		#pedidos-producto .pack .producto{
			width: 100%;
			font-size: 18px;
		}
		#pedidos-producto .pack .pvp{
			width: 15%;
		}
		#pedidos-producto .pack h2{
			width: 45%;
		}
		#pedidos-producto .pack .accion{
			width: 35%;
		}

	}



	@media only screen and (max-width: 800px) {

		#boxes .box .textos{
			width: 80%;
			height: auto;
			padding: 0px 10%;
			padding-bottom: 40px;
		}
		#boxes .box .images{
			width: 100%;
		}
		#boxes .box .images .back-box-historia{
			width: 100%;
			height: 300px;
		}
	
	}

	@media only screen and (max-width: 750px) {

		#pull{
			display: inline-block;
			margin-top: 15px;
		}
		#menu-desktop{
			display: none !important;
		}
		#header .content-top .col_50{
			width: 80%;
			padding: 0px 10%;
		}
		#header #botella_up{
			display: none;
		}
		#header #botella_down{
			display: inline-block !important;	 	
			margin-top: 50px;
		}
		#header #botella_down img{
			width: 200px !important;
		}
		#catas-all{
			background-position: left top;
			background-size: 300px;
			margin-top: -4px;
		}

		#catas-all .col_40, #catas-all .col_60{
			width: 100%;
		}
		#catas-all h1, #catas-all span{
			text-align: center;
		}
		#catas-all span{
			color: #fff;
		}
		#catas-all .las-catas .box-cata {
			width: 90%;
			margin-right: 5%;
			margin-left: 5%;
			margin-bottom: 40px;
		}
		#footer{
			font-size: 12px !important;	
		}
		.btn{
			font-size: 14px;
		}
		body {
			font-size: 14px;
		}
		.span_h1{
			font-size: 26px;
			line-height: 28px;
		}
		h1{
			font-size: 20px !important;
			line-height: 20px !important;
		}

	}

	@media only screen and (max-width: 675px) {
	
		.btn-forma-pago{
			font-size: 12px;
		}
	
	}

	@media only screen and (max-width: 670px) {

		#historia-items .col_50{
			width: 100%;
		}
		#historia-items #mas_fotos img{
			width: 88%;
			margin: 13px 5%;
		}

		#contacto .col_50{
			width: 80%;
			padding: 0px 10%;
		}
	
	}

	@media only screen and (max-width: 655px) {

		#boxes .box .textos2{
			width: 80%;
			height: auto;
			padding: 0px 10%;
			padding-bottom: 40px;
		}
		#boxes .box .images2{
			width: 100%;
		}
		#boxes .box .images2 .back-box-botellas{
			width: 100%;
			height: 250px;
		}
		#anadas-lista .box-anadas-lista .anada-item .item-ano{
			width: 100%;
			text-align: center;
		}
		#anadas-lista .box-anadas-lista .anada-item .item-descripcion{
			width: 80%;
			padding: 0px 10%;
		}
		#anadas-all .col_50{
			width: 100%;
			text-align: center;
		}
		#anadas-all img{
			float: none;
			margin: 0 auto;
			height: 200px;
			border-bottom: 1px solid #ccc;
		}
		#anadas-all h1{
			margin-top: 50px;
		}
		#anadas-all span{
			margin-top: 0px;
			margin-bottom: 40px;
			width: 100%;
			max-width: 400px;
		}
		#cata{		
			padding-left: 210px;
		}				
		#cata .tit{
			width: 50%;
		}	
		#cata .comentario{
			width: 50%;
		}	
		#pedidos-producto .col_40{
			display: none;
		}
		#pedidos-producto .col_60{
			width: 90%;
			padding: 0px 5%;
		}
		#pedidos-producto .box-producto-txt{
			float: left;
			width: 100%;
		}
		#pedidos-producto-info .col_50, #pedidos-producto-info .col_100{
			width: 90%;
			padding: 0px 5%;
		}
		#validacion .col_50{
			width: 100%;
		}
	
	}


	@media only screen and (max-width: 615px) {

		#registro .resumen{
			width: 90%;
			padding: 30px 5%;
		}
		#registro .resumen .imagen{
			display: none;
		}
		#registro .resumen .calculos{
			float: left;
			width: 100%;
			margin-top: 0px;
			margin-right: 0px;
		}
		#registro .box-registro h2{
			font-size: 18px;
		}

	}


	@media only screen and (max-width: 600px) {

		#registro .box-registro .box-input-33{
			width: 50%;
		}
		#registro .box-registro .box-input{
			margin-top: 10px;
		}
		#confirm_send{
			font-size: 14px;
		}	
	}


	@media only screen and (max-width: 550px) {

		#pedidos-producto .list-gastos-envio .gasto-item{		
			width: 48%;
			margin-top: 15px;
			margin-bottom: 15px;
		}

	}

	@media only screen and (max-width: 500px) {

		#pedidos-producto .pack .producto{
			width: 100%;
			font-size: 18px;
		}
		#pedidos-producto .pack .pvp{
			width: 30%;
		}
		#pedidos-producto .pack h2{
			width: 65%;
		}
		#pedidos-producto .pack .accion{
			width: 100%;
			text-align: left;
			margin-top: 10px;
		}

		#registro .box-registro .box-input-33{
			width: 100%;
		}
		#registro .box-registro .box-input-50{
			width: 100%;
		}
		#registro .box-registro .box-input{
			margin-top: 5px;
		}
	
	}

	@media only screen and (max-width: 460px) {

		#cata{		
			background-size: 90px;
			padding-left: 100px;
		}
		#cata .tit{
			width: 65%;
		}	
		#cata .comentario{
			width: 65%;
		}	
	
	}

	@media only screen and (max-width: 400px) {
	
		#header .top .idiomas{
			margin-left: 5px;
		}
		#header .top .idiomas a{
			padding-left: 7px;
			padding-right: 4px;
		}
		#header .top #carrito img{
			width: 20px;
		}
		#header .top #carrito .ud{
			margin-left: -10px;
			margin-top: -10px;
			width:20px;
			font-size: 12px;
			height: 17px;
			padding-top:2px;
		}		
	}