#menu{
	text-align: center; font-size: 13px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#menu ul li{
	list-style-type: none; text-align: center;}
#menu ul li a{
	color: #000; padding: 20px 0; display: block;}
#menu ul li a:hover {
	background: url(../imagenes/taquito2.jpg) no-repeat center bottom;}
#menu ul .fontaneriav a, #menu ul .climav a, #menu ul .gasv a,
#menu ul .renovablesv a, #menu ul .reformasv a, #menu ul .contactov a {
	background: url(../imagenes/taquito.jpg) no-repeat center bottom;}
@media only screen 
and (max-width : 430px){
#menu{
	width: 100%; border-left: 1px solid #eee; font-size: 15px;}
#menu ul li a{
	border-right: 1px solid #eee; border-top: 1px solid #eee; }
#logosmarcas span{
	text-align: center; float:none; display: block; width: 100%; margin: 20px 0 0 0;}
}
@media only screen 
and (min-width : 431px)
and (max-width : 550px) {
#menu{
	width: 100%; border-left: 1px solid #eee;}
#menu ul li{
	float: left; width: 49.8%;}
#menu ul li a{
	border-right: 1px solid #eee; border-top: 1px solid #eee; }
#logosmarcas span{
	width: 30%; margin: 5% 10%; max-width: 130px;}
#logosmarcas span img{
	width: 100%; height: auto; }
.gala, .presto, .tres, .thermor, .terrain{
	clear: both;}
.thermor, .terrain{
	margin: 5% auto !important; display: block; float:none !important; width: 50% !important;}
}
@media only screen 
and (min-width : 551px)
and (max-width : 700px) {
#menu{
	width: 100%; border-left: 1px solid #eee;}
#menu ul li{
	float: left; width: 33.32%;}
#menu ul li a{
	border-right: 1px solid #eee; border-top: 1px solid #eee; }
#logosmarcas span{
	width: 23%; margin: 5%; text-align: center;}
#logosmarcas span img{
	width: 100%; height: auto; }
.villeroy, .grohe, .lapesa, .thermor, .clivet{
	clear: both;}
.thermor, .terrain{
	width: 35% !important; }
.clivet{
	margin-left: 20% !important;}
}
@media only screen 
and (min-width : 701px)
and (max-width : 800px) {
#menu{
	width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee;}
#menu ul li{
	float: left; width: 18%;}
#menu ul .clima, #menu ul .climav{
	width: 13%}
#menu ul .gas, #menu ul .reformas, #menu ul .contacto,
#menu ul .gasv, #menu ul .reformasv, #menu ul .contactov{
	width: 17%;}
#menu ul li a{
	border-right: 1px solid #eee;}
#logosmarcas span{
	width: 20%; margin: 5% 2%; text-align: center;}
#logosmarcas span img{
	width: 100%; height: auto; }
.barbi, .presto, .thermor, .clivet{
	clear: both;}
.thermor, .terrain{
	width: 35% !important; }
.viessmann{
	margin-left: 15% !important;}
.clivet{
	margin-left: 25% !important;}
#logos-gas #logosmarcas span{
	width: 23%; margin: 3% 5%; text-align: center;}
}
@media only screen 
and (min-width : 801px)
and (max-width : 999px) {
#menu{
	width: 100%; border-top: 1px solid #eee; border-left: 1px solid #eee;}
#menu ul li{
	float: left; width: 18%;}
#menu ul .clima, #menu ul .climav{
	width: 13%}
#menu ul .gas, #menu ul .reformas, #menu ul .contacto,
#menu ul .gasv, #menu ul .reformasv, #menu ul .contactov{
	width: 17%;}
#menu ul li a{
	border-right: 1px solid #eee;}
#logosmarcas span{
	width: 12%; margin: 3% 2%; text-align: center;}
#logosmarcas span img{
	width: 100%; height: auto; }
.presto{
	width: 16% !important;}
.grohe, .thermor{
	clear: both;}
.villeroy{
	font-size: 24px;}
.thermor, .terrain{
	width: 28% !important; }
#logos-gas #logosmarcas span{
	width: 26%; margin: 3%; text-align: center;}
}
	
@media only screen 
and (min-width : 1000px){ 
#menu{
	width: 600px; float: right;}
#menu ul li{
	float: left; width: 18%;}
#menu ul .clima, #menu ul .climav{
	width: 13%}
#menu ul .gas, #menu ul .reformas, #menu ul .contacto,
#menu ul .gasv, #menu ul .reformasv, #menu ul .contactov{
	width: 17%;}
#menu ul li a{
	padding-top: 65px; padding-bottom: 10px; border-right: 1px solid #eee;}
#menu ul .contacto a{
	border: none;}
}