body
{background-image: url(img/fondo.jpg);
background-repeat: repeat-x;
}
a:link{text-decoration:none; color:inherit;}
a:visited{text-decoration:none; color:inherit;}
a:hover{text-decoration:none; color:inherit;}
a:active{	text-decoration: none; color:inherit;}

img {max-width:100%; height:auto; border:none}

.box { float: left; }
#root { max-width: 960px; margin: 0 auto; }

#header { width: 100%;
margin-top:1em;
padding-bottom:1em;
		height:auto;
	border-top-left-radius:30px;
	/* Firefox v3.6+ */
background-image:-moz-linear-gradient(rgb(134,9,37) 1%,rgb(194,0,25) 99%); 
/* safari v4.0+ and by Chrome v3.0+ */
background-image:-webkit-gradient(linear,color-stop(0.01, rgb(134,9,37)),color-stop(0.99, rgb(194,0,25)));
/* Chrome v10.0+ and by safari nightly build*/
background-image:-webkit-linear-gradient(rgb(134,9,37) 1%,rgb(194,0,25) 99%);
/* Opera v11.10+ */
background-image:-o-linear-gradient(rgb(134,9,37) 1%,rgb(194,0,25) 99%);
/* IE v10+ */
background-image:-ms-linear-gradient(rgb(134,9,37) 1%,rgb(194,0,25) 99%);
background-image:linear-gradient(rgb(134,9,37) 1%,rgb(194,0,25) 99%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc20019,endColorstr=#ff860925)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc20019,endColorstr=#ff860925);
-webkit-box-shadow: 0 0 5px 1px #2B2B2B;
box-shadow: 0 0 5px 1px #2B2B2B;
} 

#logo { width: 65%; margin-left:1em;}

#servicio { width: 30%;}

.botonera {color:#FFF;}
#botones { width: 100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align:left; /*Specify the alignment of the whole UL if UL is not width:100%;*/
    letter-spacing:normal; }
	
	#botones ul{
	max-width: 960px;
    margin: 0 auto; /*make the menu center-aligned*/
    width:50%;
    margin-left:5%;
    padding:0;
    text-align:left; /* Alignment of each top-level menu items within the UL */
    font-size:1em;
	color:#FFF;
    display:inline-block;
    list-style:none;
    position:relative;
    }
	
	#botones li { margin:0;
    padding:0;
	padding-right:1em;
	padding-left:0.5em;
    display:inline-block;
    *display:inline;
    zoom:1; /*for IE6-7*/
    position:relative;
    color:#eee;
    line-height:1em; /*This determines the height of the menu*/
    transition:background-color 0.2s;
    outline:none;
	border-right:#FFF solid 0.1em;	
	}
	
	#botones li:hover {
		font-weight:900;
		
	}
	
#slide { width: 100%; background:#FFF; }

#productos { width: 100%; background:#FFF; padding-top:1.3em; padding-bottom:1.3em; }

#tit-seccion { width: 100%;
	text-align:center;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-size:0.7em;
}

#molduras { width: 25%; background:url(img/varios/b_molduras.jpg) top;
background-repeat:no-repeat; overflow:hidden; height:194px; margin-top:0.5em;}
#molduras:hover {background:url(img/varios/b_molduras.jpg) bottom; background-repeat:no-repeat; overflow:hidden;} 

#herramientas { width: 25%; background:url(img/varios/b_herrmanuales.jpg) top;
background-repeat:no-repeat; overflow:hidden; height:194px; margin-top:0.5em;}
#herramientas:hover {background:url(img/varios/b_herrmanuales.jpg) bottom; background-repeat:no-repeat; overflow:hidden;} 

#adhesivos { width: 25%; background:url(img/varios/b_adhesivos.jpg) top;
background-repeat:no-repeat; overflow:hidden; height:194px; margin-top:0.5em;}
#adhesivos:hover {background:url(img/varios/b_adhesivos.jpg) bottom; background-repeat:no-repeat; overflow:hidden;} 

#accesorios { width: 25%; background:url(img/varios/b_accesorios.jpg) top;
background-repeat:no-repeat; overflow:hidden; height:194px; margin-top:0.5em;}
#accesorios:hover {background:url(img/varios/b_accesorios.jpg) bottom; background-repeat:no-repeat; overflow:hidden;}

#fijacion { width: 25%; background:url(img/varios/b_fijacion.jpg) top;
background-repeat:no-repeat; height:194px; margin-top:0.5em; }
#fijacion:hover {background:url(img/varios/b_fijacion.jpg) bottom; background-repeat:no-repeat; overflow:hidden;}

#exhibicion { width: 25%; background:url(img/varios/b_exhibicion.jpg) top;
background-repeat:no-repeat; height:194px; margin-top:0.5em;}
#exhibicion:hover {background:url(img/varios/b_exhibicion.jpg) bottom; background-repeat:no-repeat; overflow:hidden;}

#insumos {  width: 25%; background:url(img/varios/b_insumos.jpg) top;
background-repeat:no-repeat; height:194px; margin-top:0.5em;}
#insumos:hover {background:url(img/varios/b_insumos.jpg) bottom; background-repeat:no-repeat; overflow:hidden;}

#varios {  width: 25%; background:url(img/varios/b_varios.jpg) top;
background-repeat:no-repeat; height:194px; margin-top:0.5em;}
#varios:hover {background:url(img/varios/b_varios.jpg) bottom; background-repeat:no-repeat; overflow:hidden;}


#footer { width: 100%;
background:#FFF;
	text-align:center;
	padding-top:0.5em; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	font-size:0.8em;
	padding-bottom:1em;
	color:#000;}

.mapa {width:100%; max-width:920px; z-index:1; height:100%; overflow:hidden; margin:0 auto;}
.mapa iframe {width:100%; max-width:910px; max-height:460px; padding:0.3%;}

.ubicacion { position:relative; margin-top:-20%; margin-right:2.6%; background:#333; opacity:0.9; width:30%; height:23%; max-width:300px; z-index:2; color:#FFF; padding:0.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: normal; font-size:1em; overflow:hidden; float:right; display:inline-block;}
#fiscal { margin:0 auto; height:auto; max-width:50px; margin-top:2%}

/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#logo { width: 65%; }
	#servicio { width: 30%; }
	#botones { width: 100%; text-align:left; }
	#slide { width: 100%; }
	#productos { width: 100%; }
	
	.ubicacion { position:relative; margin-right:2.6%; margin-top:-45%; background:#333; opacity:0.9; width:30%; height:23%; max-width:300px; z-index:2; color:#FFF; padding:0.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; font-size:0.7em; overflow:hidden; float:right; }
	
	
#molduras { width: 25%; }
#herramientas { width: 25%; }
#adhesivos { width: 25%; }
#accesorios { width: 25%; }
#fijacion { width: 25%; }
#exhibicion { width: 25%; }
#insumos { width: 25%; }
#varios { width: 25%; }
	#footer { width: 100%; }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {
	#header { width: 100%; }
	#logo { width: 65%; }
	#servicio { width: 20%; height:auto; }
	#botones { width: 100%; font-size:0.8em; text-align:left; }
	#botones li {border-right:none;}
	#slide { width: 100%; }
	#productos { width: 100%; }
	
	.ubicacion { position:relative; margin-right:2.6%; margin-top:-50%; background:#333; opacity:0.9; width:30%; height:23%; max-width:300px; z-index:2; color:#FFF; padding:0.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; font-size:0.7em; overflow:hidden; float:right; }
	
	
#molduras { width: 50%; }
#herramientas { width: 50%; }
#adhesivos { width: 50%; }
#accesorios { width: 50%; }
#fijacion { width: 50%; }
#exhibicion { width: 50%; }
#insumos { width: 50%; }
#varios { width: 50%; }
	#footer { width: 100%; }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {
	#header { width: 100%; }
	#logo { width: 65%; }
	#servicio { width: 30%; }
	#botones { width: 100%; font-size:80%; text-align:left; }
	#botones li { border-right:none;}
	#slide { width: 100%; }
	#productos { width: 100%; }
	
ubicacion { position:relative; margin-right:2.6%; margin-top:-50%; background:#333; opacity:0.9; width:30%; height:23%; max-width:300px; z-index:2; color:#FFF; padding:0.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; font-size:0.7em; overflow:hidden; float:right; }
	
#molduras { width: 50%; }
#herramientas { width: 50%; }
#adhesivos { width: 50%; }
#accesorios { width: 50%; }
#fijacion { width: 50%; }
#exhibicion { width: 50%; }
#insumos { width: 50%; }
#varios { width: 50%; }
	#footer { width: 100%; }
	
	
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {
	#header { width: 100%; }
	#logo { width: 65%; }
	#servicio { width: 30%; display:none; }
	#botones { width: 100%; font-size:80%; }
	#botones li {border-right:none; text-align:left;}
	#slide { width: 100%; }
	#productos { width: 100%; }
	
.ubicacion { position:relative; margin-right:2.6%; margin-top:-150%; background:#333; opacity:0.9; width:30%; height:23%; max-width:300px; z-index:2; color:#FFF; padding:0.5%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: normal; font-size:0.7em; overflow:hidden; float:right; }
	
#molduras { width: 100%; }
#herramientas { width: 100%; }
#adhesivos { width: 100%; }
#accesorios { width: 100%; }
#fijacion { width: 100%; }
#exhibicion { width: 100%; }
#insumos { width: 100%; }
#varios { width: 100%; }
	#footer { width: 100%; }
	
}

/* iPad 3 & 4 Landscape */
@media only screen and (width: px) and (width: 1024px) and (orientation: landscape) {
	#header { width: 100%; }
	#logo { width: 65%; }
	#servicio { width: 30%; }
	#botones { width: 100%; text-align:left; }
	#slide { width: 100%; }
	#productos { width: 100%; }
#molduras { width: 50%; }
#herramientas { width: 50%; }
#adhesivos { width: 50%; }
#accesorios { width: 50%; }
#fijacion { width: 50%; }
#exhibicion { width: 50%; }
#insumos { width: 50%; }
#varios { width: 50%; }
	#footer { width: 100%; }
}