.cuadros{
color:#1167d3; font-size: 16px;}
.cuadros li a{
color:#1167d3; display: block; background-size: 100% auto !important;}
.cuadros h2, .cuadros p, .cuadros .boton {
display:none !important; }
.cuadros h2{
margin-top: 40px;}
#sectores .cuadros h2 {
font-size:22px; color: #1167d3; text-align:center;}
.cuadros p {
display:block; margin:0 20px; }
.cuadros li a:hover{
background:#efefef;}
.cuadros li a:hover h2, .cuadros li a:hover p, .cuadros li a:hover .boton {
display: block !important;}
ol, ul {
list-style: none;}
.boton a, a .boton{
display: block; width: 100px; padding: 5px 0; color: #1167d3; margin: 20px auto 0 auto;
border: 1px solid #1167d3; font-size: 0.9em; }
.cuadros .boton a:hover, .cuadros a .boton:hover{
	background: #1167d3; color: #fff;}
.cuadros li .f-i{
	background: url(../imagenes/flip-industria.jpg) no-repeat center center;}
.cuadros li .f-s{
	background: url(../imagenes/flip-sanitario.jpg) no-repeat center center;}
.cuadros li .f-h{
	background: url(../imagenes/flip-hosteleria.jpg) no-repeat center center;}
.cuadros li .f-c{
	background: url(../imagenes/flip-colectividades.jpg) no-repeat center center;}
.cuadros li .f-i-e{
	background: url(../imagenes/flip-industria-e.jpg) no-repeat center center;}
.cuadros li .f-s-e{
	background: url(../imagenes/flip-sanitario-e.jpg) no-repeat center center;}
.cuadros li .f-h-e{
	background: url(../imagenes/flip-hosteleria-e.jpg) no-repeat center center;}
.cuadros li .f-c-e{
	background: url(../imagenes/flip-colectividades-e.jpg) no-repeat center center;}

@media only screen 
and (max-width : 320px){
.cuadros li {width:100%; }
#sectores .cuadros h2 {
    display: none !important;}
.cuadros p {
	margin-top: 25px; font-size: 0.9em; line-height: 1.4em;}
.cuadros li a{
	height: 180px; padding: 20px 0 20px 0;}}	

@media only screen 
and (max-width : 520px){
.cuadros {width: 100%; max-width: 400px; margin: 0 auto;}
.cuadros li {width:100%; }	
.cuadros li a{
	height: 240px; padding: 20px 0 20px 0;}}

@media only screen 
and (min-width : 521px)
and (max-width : 750px) {
.cuadros li {
	width:50%; float: left; }
.cuadros li a{
	height: 200px; padding: 30px 0 10px 0;}
#sectores .cuadros h2 {
    display: none !important;}
.cuadros p {
	margin-top: 25px; font-size: 0.9em; line-height: 1.4em;}
}
@media only screen 
and (min-width : 751px)
and (max-width : 950px) {
.cuadros li {
	width:50%; float: left; }
.cuadros li a{
	height: 260px; padding: 30px 0 10px 0;}
#sectores .cuadros h2 {
    margin-top: 15%;}
}
@media only screen 
and (min-width : 951px)
and (max-width : 1199px) {
.cuadros li {
	width:25%; float: left; }
.cuadros li a{
	height: 180px; padding: 30px 0 10px 0;}
#sectores .cuadros h2{display: none !important;}
	
#pag-productos{
	width: 70%; margin: 100px 15% !important; }
#pag-productos li{
	width: 50%; float: left;}
#pag-productos p {
	margin-top: 80px; font-size: 0.9em; line-height: 1.4em;}}
@media only screen 
and (min-width : 1200px){ 
#pag-productos{
	width: 60%; margin: 100px 20%  !important;display: block;}
#pag-productos li{
	width: 50%; float: left;}
.cuadros li {
	width:25%; float: left; }
.cuadros li a{
	height: 220px; padding: 10px 0;}
}