@charset "utf-8";


img, object, embed, video {
/*	max-width: 100%;*/
}

body {
	margin:0 0 0 0;
	font-family: Arial;
	font-size:12px;
	color:#333333;
	overflow-y:scroll;
}


/* Cargamos fuente logo */
@font-face {
	font-family: 'Channel';
    src: url('../fuentes/Channel/Channel.eot');
    src: url('../fuentes/Channel/Channel.eot?#iefix') format('embedded-opentype'),
         url('../fuentes/Channel/Channel.woff2') format('woff2'),
         url('../fuentes/Channel/Channel.woff') format('woff'),
         url('../fuentes/Channel/Channel.ttf') format('truetype'),
         url('../fuentes/Channel/Channel.svg#Channel') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	/*width:100%;*/
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

nav li {
  position: relative;
  list-style-type: none;
  display: inline;
}

/* inicio mensaje cookies */
    #barraaceptacion {
	    position:fixed;
	    left:0px;
	    right:0px;
	    bottom:0px;
	    padding:10px 20px 10px 20px;
	    text-align:center;
	    background-color: rgba(0, 0, 0, 0.9);
	    color:#cccccc;
	    z-index:99999;
	    font-family:Calibri, Arial;
	    font-size:13px;
    }
    
    /* Botton cookies fade*/
	.hvr-fade-cook {
		background-color: #cb171e;
		color:#fff;
		font-size:13px;
		font-weight:bold;
		text-transform: uppercase;
		padding:5px 10px 5px 10px;
		margin-right:5px;
		cursor:pointer;
		border-radius: 3px;
		display: inline-block;
		vertical-align: middle;
		text-decoration:none;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		overflow: hidden;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color;
	}
	.hvr-fade-cook:hover, .hvr-fade-cook:focus, .hvr-fade-cook:active {
		background-color: #e76d72;
		color: #FFF;
		text-decoration:none;
	}  
	
	/* Botton cookies 2 fade*/
	.hvr-fade-cook2 {
		/*background-color: #943539;*/
		color:#666;
		font-size:13px;
		font-weight:bold;
		text-transform: uppercase;
		/*padding:5px 10px 5px 10px;
		cursor:pointer;
		border-radius: 3px;
		display: inline-block;
		vertical-align: middle;
		text-decoration:none;
		-webkit-transform: perspective(1px) translateZ(0);
		transform: perspective(1px) translateZ(0);
		box-shadow: 0 0 1px transparent;
		overflow: hidden;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: color, background-color;
		transition-property: color, background-color;*/
	}
	.hvr-fade-cook2:hover, .hvr-fade-cook2:focus, .hvr-fade-cook2:active {
		/*background-color: #e76d72;*/
		color: #999;
		text-decoration:none;
	}   
	
	#fndTransCook{
		width:100%;
		top:0;
		left:0;
		bottom:0;
		position:absolute;
		z-index:900;
		overflow:no;
		background-color:#666666;
		filter:alpha(opacity=50)-moz-opacity:0.5;
		opacity:0.5;
	}
	#ventanCook{
		width:75%;
		position:absolute;
		top: 140px;
		left: 15px;
		padding:30px;
		z-index:901;
		overflow:auto;
		background-color:#FFFFFF;
		font-family: Trebuchet, Palatino, Arial, Times New Roman, serif;
	}
	.titCook{font-weight:bold; font-size:20px;}
	.textCook{font-size:14px; color:#666;}
    /* fin mensaje cookies */


/********** Movil: 500px para abajo. *********/  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
}

.LogoIni{
	width:100%;
}

.titulos{
	font-family:Channel;
	font-size:20px;		
	letter-spacing:-2px;
    color: #000000;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 25px #fff;
	color:#000000;
}

.SubSitulos{
	font-size:18px;		
	color:#e52d3e;
	font-family:"Times New Roman";
}

.Btns{
	width:60px;	
}

.HomeBtns{
	width:80px;	
}

.HomeFondo{
	background: url(../imagenes/fondo-licores-drols-inicio.jpg) center top no-repeat;
}

.HomePieSup{
	height:60px;
}

.HomePieInf{
	height:180px;
}

.EmpresaLogo{
	width:150px;
	margin-top:0px;
}

.EmpresaFondo{
	background: url(../imagenes/fondo-licores-drols-empresa.jpg) center top no-repeat;
}

.EmpresaPie{
	height:100px;
}

.ProductosLogo{
	width:150px;
	margin-top:0px;
	display:none;
}

.ProductosTex{
	font-family: LuzSans-Book;
	font-size: 13px;
	color: #333333;
	text-align: justify;
}

.ProductosTit{
	font-size: 25px;
	font-family: LuzSans-Book;
}

.ProductosPie{
	height:30px;
}

.ContactoLogo{
	width:150px;
	margin-top:0px;
}

.ContactoMaps{
	height:200px;
}

.ContactoDirec{
	font-size:11px;
	color:#666666;
	text-align:center;
}

.ContactoDirecTit{
	font-size:18px;
	color:#333333;
	text-align:center;
}

.ContactoDirecEmail{
	font-size:14px;
	color:#ee3829;
	text-align:center;
}

.Piepie{
	height:50px;
}

.pie{
	color:#666666;
	font-size:12px;
	background-color:#333333;
	padding-top:15px;
	padding-bottom:15px;
}
.pie a{
	color:#999999;
	text-decoration:none;
}
.pie a:hover{
	text-decoration:underline; 
	}
.pie a:active{  
	text-decoration:underline;
 }
 
.pieIni{
	color:#666666;
	font-size:11px;
	line-height: 2.0;
}
.pieIni a{
	color:#666666;
	text-decoration:none;
}
.pieIni a:hover{
	text-decoration:underline; 
	}
.pieIni a:active{  
	text-decoration:underline;
 }
 
  .leido a{
	color:#666666;
	text-decoration:none;
}
.leido a:hover{
	text-decoration:underline; 
	}
.leido a:active{  
	text-decoration:underline;
 }
 
.ProdNuevos{  
	font-size:15px;
	color:#f32420;
	font-weight:bold;
	font-family: Calibri, Helvetica Neue, Helvetica, sans-serif;
	text-align:center;
	line-height:18px;
	padding:10px;
	padding-top:10px;
	padding-bottom:0; 
} 
.ProdNuevosLogo{  
	width:90px;
}
.ProdNuevosPie{  
	font-size:10px;
	color:#666666;
	font-family: Calibri, Helvetica Neue, Helvetica, sans-serif;
	text-align:center;	
	padding-top:5px; 
	padding-bottom:5px; 
} 

.zeroMargin_mobile{
	margin-left: 0;
}
.hide_mobile{
	display: none;
}



/********** Tablet: entre 500px y 850px. *********/
@media only screen and (min-width: 500px) {

	body {
		font-family: Arial;
		font-size:20px;
		color:#333333;
	}
	
	.gridContainer {
		width: 100%;
		clear: none;
		float: none;
		margin-left: auto;
	}
	
	.LogoIni{
		width:450px;
	}
	
	.Btns{
		width:110px;	
	}
	
	.HomeBtns{
		width:150px;	
	}

	.HomeFondo{
		background: url(../imagenes/fondo-licores-drols-inicio.jpg) center top no-repeat;
		background-size:cover;
	}
	
	.HomePieSup{
		height:160px;
	}
	
	.HomePieInf{
		height:500px;
	}
	
	.EmpresaLogo{
		width:350px;
		margin-top:40px;
	}
	
	.EmpresaFondo{
		background: url(../imagenes/fondo-licores-drols-empresa.jpg) center top no-repeat;
		background-size:cover;
	}
	
	.EmpresaPie{
		height:360px;
	}
	
	.ProductosLogo{
		width:350px;
		margin-top:30px;
		display:inline;
	}
	
	.ProductosTex{
		font-size:20px;
	}
	
	.ProductosTit{
		font-size: 35px;
	}
	
	.ProductosPie{
		height:340px;
	}

	.ContactoLogo{
		width:350px;
		margin-top:30px;
	}
	
	.ContactoMaps{
		height:440px;
	}
	
	.ContactoDirec{
		font-size:20px;
	}
	
	.ContactoDirecTit{
		font-size:30px;
	}
	
	.ContactoDirecEmail{
		font-size:18px;
	}
	
	.titulos{
		font-size:35px;		
	}
	
	.SubSitulos{
		font-size:32px;		
	}
	
	.Piepie{
		height:100px;
	}	

	.pie{
		font-size:13px;
	}
	
	.ProdNuevos{  
		font-size:25px;
		line-height:33px;
		padding:10px; 
		padding-top:30px;
		padding-bottom:30px;
	} 
	.ProdNuevosLogo{  
		width:250px;
	}
	.ProdNuevosPie{  
		font-size:20px;
		padding-top:10px; 
		padding-bottom:25px;  
	} 
	
	.hide_tablet {
		display: none;
	}
	
	.zeroMargin_tablet {
		margin-left: 0;
	}
}


/********** PC: 850px para arriba *********/
@media only screen and (min-width: 850px) {	

	body {
		font-family: Arial;
		font-size:16px;
		color:#333333;
	}
	
	.gridContainer {
		width: 100%;
		clear: none;
		float: none;
	}
	
	.LogoIni{
		width:500px;
	}
	
	.Btns{
		width:110px;	
	}
	
	.HomeBtns{
		width:150px;	
	}
	
	.HomeFondo{
		background: url(../imagenes/fondo-licores-drols-inicio.jpg) center top no-repeat;
		background-size:cover;
	}
		
	.HomePieSup{
		height:100px;
	}
	
	.HomePieInf{
		height:440px;
	}
	
	.EmpresaLogo{
		width:150px;
		margin-top:10px;
	}
	
	.EmpresaFondo{
		background: url(../imagenes/fondo-licores-drols-empresa.jpg) center top no-repeat;
		background-size:cover;
	}	
	
	.EmpresaPie{
		height:250px;
	}
	
	.ProductosLogo{
		width:150px;
		margin-top:10px;
		display:none;
	}
	
	.ProductosTex{
		font-size:20px;
	}
	
	.ProductosTit{
		font-size: 35px;
	}
	
	.ProductosPie{
		height:340px;
	}
	
	.ContactoLogo{
		width:150px;
		margin-top:20px;
	}
	
	.ContactoMaps{
		height:320px;
	}
	
	.ContactoDirec{
		font-size:20px;
	}
	
	.ContactoDirecTit{
		font-size:30px;
	}
	
	.titulos{
		font-size:30px;		
	}
	
	.ProdNuevos{  
		font-size:20px;
		line-height:28px;
		padding:10px; 
		padding-top:30px;
		padding-bottom:30px;
	} 
	.ProdNuevosLogo{  
		width:250px;
	}
	.ProdNuevosPie{  
		font-size:15px;
		padding-top:15px; 
		padding-bottom:15px;  
	} 
	
	.zeroMargin_desktop {
		margin-left: 0;
	}
	
	.hide_desktop {
		display: none;
	}

}