@media ( max-width: 1200px){  

img{ width:100%; height:auto}

   .redes h4{ padding:3px; margin:20px 0 0 0; color:#555; text-transform:uppercase ; text-align:center; font-size:14px; font-weight:normal;}

/**info  ********/
  .info{  text-align:center; margin-bottom:15px; margin-top:35px;  width:95%;   }
  .info p{ text-transform:uppercase; color:#666;  font-size:1EM; line-height:26px;  text-align:center;  }
  .info strong{ font-size:1em ; color:#888}

  .info a{  color:#aaa;  text-transform: lowercase;   }
  .info p span{  color:#222; font-size:1.8em ; color:#555   }
 

#noticias,
#list,
#content {
	float : right;
	position:relative; margin-right:0px; margin-top:15px;
	width : 70%; min-height:620px; 
	overflow : hidden; padding:0; 
}
#content p{ margin-right:10px;}
 h2 {
	font-size : 2.5em; 
}


.galeria img{ width:46%; float:left;height:auto; min-width:250px;} 
}

@media ( max-width: 967px){  


#list-index{ width:100%; margin:0px; padding:0; }
#list-index ul li {
	margin :0; padding:0; width:95%;    float:none;
	display : block; 
	text-align : center;
}
#list-index ul li img{ max-width:500px;  width:100%;margin:1px; padding:0;
}












}


@media only screen and (max-width: 768px) { /************* MENU RESPONSIVE *********************/

#sidebar {
	float : none; margin:0; padding:0;  
	width : 100%; background:#111;  top:0;
	position : relative; height:150px;
}

#sidebar  a.logo{ width:100%; text-align:left; margin:  0; display:block; padding:0; position:absolute; top:46px; left:5px;  }
#sidebar  a.logo img{width:100%; max-width:210px;margin:0;  text-align:left }


/***redes sociales*********/
  .redes{ position:absolute; top:0; right:0;width:auto; float:right; background: none; background:#222;  }
   .redes h4{ padding:3px; margin:0; color:#555; text-transform:uppercase ; text-align: center; line-height:0.9em;  font-size:12px; font-weight:normal;}

  .redes .fb-page{ 
		  display: none;}

/**info  ********/
  .info{  text-align:right; margin-bottom:15px; margin-top: 30px;  width:55%; float:right; line-height:0.8em;   }

/**info  ********/
 .info p{ margin:0; padding:0;  text-align:right;}
.info p.phone{  color:#888; font-size:1.1em ;  line-height:21px;   }
.info p.name{ display:none  }
.info a{  color:#aaa; letter-spacing: -1px; font-size:0.9em;  }



  
	nav ul {
		  display: none;
	}

	label#nav {
  		display: block;
  		background: none;
		  width: 110px; 
		  padding:6px;
  		height: 40px;
		margin:0; text-align:center;
		color:#fff;
  		cursor: pointer; 
		  position: absolute;
		  right: 0;
  		top:  80px;
	} 
	label#nav span{ float:right; color:#fff; padding:8px;font-size:1.2em; line-height:1em; font-weight:300}
	
label#nav:after{
  content:'';
  display: block;
  width: 30px;
  height: 2px; 
  background: #fff;
  margin: 7px 5px;
  box-shadow: 0px 10px 0px #fff, 0px 20px 0px #fff
}

	[type="checkbox"]:checked ~ ul { width:100;
  		display: block;
  		z-index: 999999999;
  		position: absolute;
  		background: #222;
	}

 #menu ul { border-radius:0; 
  		z-index: 999999999; right:0; width:100%; top:120px; 
  		position: absolute;}
		
		
		#menu ul  li { padding:  12px  ; padding-left:70px;
 background:url('images/list.png') 49px  15px  no-repeat; 
}

#menu ul  li a { text-indent:20px; text-align:center;
	 border-bottom:0; color:#fff;  
}
	 
 #menu ul  a.active { color:#4683C9; 
}


	nav ul li {
		  display: block;
  		float: none;
  		width: 100%; border-bottom:0;
  		text-align: left;
		  text-indent:  0px;
	} 
/***************************************************/
#noticias,
#list,
#content {
	float : none;
	position:relative; margin-right:0px; margin-top:15px;
	width : 100%; min-height:auto; padding-top:160px;; 
	overflow : hidden; padding:0; 
}
#slider img { text-align:center;width:100%;
	margin : 0; padding:0; background:#333333; 
}

#slider  ul, 
#slider  ul li{ margin:0; padding:0; width:100%} 


#list-index, #list-index ul{ width:100%; margin:0px; padding:0; }
#list-index ul li {
	margin :0; padding:0; width:100%;    float:none;
	display : block; 
	text-align : left;
}
#list-index ul li img{ max-width:500px;  width:90%;margin:1px; padding:20px;
}
#content p, #noticias p{ margin:0; padding:9px; padding-right:15px;}
 
 h2 {	font-size : 2em; line-height:1em;}
 h3 { margin:0; padding:0;	font-size : 1.7em; line-height:1em;}


/*****CONTACTO******************/
#contacto{ width:100%; clear:both; display:block; margin-left: 0px;   } 
#contacto h4{ color:#CCCCCC; text-align:center; font-size:1.5em; font-weight:400; margin:8px 0;}


#contacto label.label { text-align: left; width:90%;  display:block; padding-right:20px; float:left; }
#contacto input,#contacto textarea{ border:1px solid #222;display: block; width:90%; float:left; background:#000; padding:5px; margin:3px;}
 

#contacto input#validar{ width:30%; float:left; display:inline}
#contacto #legal{ padding-top:0px;width:20px;; float:left;display:inline}


#contacto label.gr { text-align:left; width:80%;  display:inline; padding-right:20px; float:left;display:inline }

iframe{width:95%; margin: 15px; min-height:300px; }



#footer .center img { width:100%; max-width:200px; text-align:center; display:inline; margin-left:auto; margin-right:auto;
}
.thumbnail img{ max-width:450px; float:none; display:block;width:90%;  margin:0; padding:0; margin-left:15px;}



#cookies { box-shadow:#ccc 2px 2px 2px; border-top:1px solid #333; width:100%; height:90px; background:#000;text-align:center; color:#fff ; position:absolute; bottom:0;  z-index:10000; margin:0 auto;    filter:alpha(opacity=90);
    -moz-opacity:.90;opacity:.90; font-size:0.9em;
	
position:fixed; padding-bottom:18px; padding-top: 5px;
	}

} 


@media ( max-width: 420px){ 

#sidebar {
	float : none; margin:0; padding:0;  
	width : 100%; background:#111;  top:0;
	position : relative; height:150px;
}

#sidebar  a.logo{ width:100%; text-align:left; margin:  0; display:block; padding:0; position:absolute; top:56px; left:5px;  }
#sidebar  a.logo img{width:100%; max-width:200px;margin:0;  text-align:left }


/***redes sociales*********/
.redes h4{ padding:0px; margin:0; color:#555; text-transform:uppercase ; text-align: center; line-height:0.8em;  font-size:12px; font-weight:normal;}
 

/**info  ********/
  .info{  text-align:center; margin-bottom:15px; margin-top: 24px;  width:100%; float:left; line-height:0.8em;   }

/**info  ********/
 .info p{ margin:0; padding:0;  text-align:right; width:auto; display:inline}
 
	label#nav {
  		display: block;
  		background: none;
		  width: 40px; 
		  padding:6px;
  		height: 40px;
		margin:0; text-align:center;
		color:#fff;
  		cursor: pointer; 
		  position: absolute;
		  right: 0;
  		top:  80px;
	} 
	label#nav span{ display:none}



ul.productos li{ width:99%; margin:0; padding:0; float:left; padding-left:5px  }


 }