@charset "utf-8";
/* CSS Document */

#movil{ display:none !important;}

@media all and (max-width:1280px){
	.cont{width:100%;}
	.desc{ width:40%;} 
	.img{ width:42.9%;}
}

@media all and (max-width:900px){
	.headMenu{height:80px;}
	.logo{ width:110px;}
	
	.barLeft, .barRight{ width:95%; padding:2.5%;}
	.txtHome{ width:90%;}
	#cssmenu, #desk{ visibility:hidden; height:0px; z-index:0;}
	
	#mMovil{ visibility:visible !important;}
	.menuMovil{ width:100%; visibility:hidden; float:left;  display:table;
				background-color:#000; text-align:left; padding:0; margin-top:-10px; height:0px; z-index:0;}
				
	.menuMovil ul{ width:100%; text-align:left; padding:5px 0%; height:auto; list-style:none;}
	.menuMovil ul li{ width:90%; padding:0px  5%;}
	.menuMovil ul a:link, a:visited{ text-decoration:none; width:100%; color:#FFF;}
	.menuMovil ul a:hover{text-decoration:none; color:#c52033;}
	.menuMovil ul li ul li{ text-decoration:none; width:100%; border: none;}
	.menuMovil ul li ul li span{ color:#FFF;}
	.menuMovil ul li ul li span:hover{ color:#c52033;}
}

@media all and (max-width:750px){
	#movil{ display: inline !important;}
	.bN{ width:96% !important;}
	.desc{ margin-bottom:0px; padding-bottom:0;}
	.desc, .img{width:86%; padding:7%; height:auto;}
	.txtCb{ padding:10px 0 0 5%;}
}

@media all and (max-width:280px){
	.logo{ width:110px; margin:10px 15px;}
	.box{ width:88%; padding:0 5%;}
}