@charset "utf-8";
/* CSS Document */
* {margin: 0;padding: 0;}
a{text-decoration:none}
a img{border:none}
body{background: url(../../images/bgbody.png) repeat-x fixed;text-align:center;line-height:25px;font-family:Verdana, Geneva, sans-serif;font-size:12px;margin:0px}
h1{ border-bottom:1px solid #aaa; font-size:34px;color: #082d99;font-family: Verdana, Geneva, sans-serif; text-align:left; font-weight:bold;padding:0px;font-size:23px;margin:20px 0}
h2{color:#4682b4}
h3{color:#082d99;}
td{vertical-align:top}
#left{float:left; border:1px solid #aaaaaa; padding:10px; margin-top:10px; margin-right:10px}
#tira{border:1px solid #aaaaaa; padding:10px; width:1090px; text-align:center; margin:10px 0px 0px;}
#tabs-inferior	{float:left;width:100%;margin-right:10px;margin-top:10px;position:relative;}
#contenedor {text-align:justify}
#right{float:left;width:500px;margin-top:9px;}
#service{width:1105px;margin-top:10px;padding:0px;position:relative;left:0px;}
.separacion{margin-left:75px;}
.title{background-color:LightGrey;padding-top:0px;width:1108px;}
#slider {width:582px;overflow: hidden; /* important */height:296px;border:1px solid #aaaaaa;border:none;float:left;}
.clear {clear: both;}
.sliderImage span strong { font-size: 14px;}
ul { list-style-type: none;}
#productos{width:100%; margin-bottom:20px;border:1px grey solid;display:block;height:auto;background:#dde0ff;}
#contenido-marcas {width:170px; float:left;padding:5px; text-align:center; min-height:100px }
#contenido-marcas img{margin-top:30px}
#contenido-productos {width:250px;float:left ;border-left:2px white dotted;border-right:2px white dotted;padding:5px;font-style:italic; text-align:left}
#contenido-imagenes {width:594px;float:left;margin-top:10px;margin-bottom:10px;margin-left:50px;}
#contenido-imagenes img{border:1px solid #aaa}
#wrapper{margin:0 auto 0 auto;padding:12px; margin-top:10px; border-left:1px solid #aaa;border-right:1px solid #aaa;width:1114px; background:url(../../images/wrapper.png) repeat-y center top;box-shadow:0 0 5px #333}
.header{width:1120px;height:419px;background: url(../../images/bg.png) no-repeat;text-align:left;	}
.mobile{display:none}		
.container{}
	
/*------ menu -----*/

#nav{text-align:center;  background:url('../../images/bg-menu.png') no-repeat; border:1px solid #ab8e68; margin: 0 0 10px 0}
#nav ul{text-decoration:none;}
#nav ul li{display:inline; position:relative;}
#nav ul li a{background:none; border-left:1px solid #ab8e68; display:inline-block; font-size:15px; letter-spacing:1px;width:110px; padding:18px 0 18px 0; color:white; font-family:arial}
#nav ul li a:hover{background:url('../../images/menu-h.png')}
#nav ul li:last-child{border-right:1px solid #ab8e68; padding:23px 0 23px 0}
#nav ul li ul{display:none}
#nav ul li:hover > ul{display:block; position:absolute; left:0px; border-top:1px solid #ab8e68; background:#ab8e68 }
#nav ul li ul li a{ border:1px solid #ab8e68; border-top:0; padding:10px 0 10px 0; width:108px;}
#home-contenedor{}
.left-home{float:left; border:1px solid red; padding:10px;  width:530px}
.right-home{float:right; border:1px solid red; padding:10px;  width:530px}
.mapa{float:left}
#home{border:1px solid black; margin:20px 0 20px 0; padding:10px }
#footer{width:100%; font-weight:bold; font-size:13px; font-family:verdana; padding:10px 0;  text-align:center;border-top:1px solid grey;
 background:#e5e7ff;  color:grey}
#sliderContent {float:left; top: 53%;margin-left: 10;}
.sliderImage { float: left;position: relative;display: none;}
.sliderImage img{width:100%}
.sliderImage span {position: absolute;padding: 10px 13px 10px 13px;margin-right:0px;text-align:justify;background-color: #000;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;display: none;}
.clear {clear: both;}
.sliderImage span strong { font-size: 14px;}
.top {top: 0;left: 0;}
.bottom {bottom: 0;left: 0;}
ul {list-style-type: none;}

	@media screen and (max-width:700px){
	body{width:100%; margin:0 auto 0 auto}
	h1{margin:5px 0 5px 10px; border:0}
	#home-contenedor{ border:0; margin:10px 0 0 0}
	#wrapper{width:100%;padding:0 0 10px 0;  border:0}
	.header{width:100%; display:block; margin:0; text-align:center; background:white; height:auto;}
	#nav{width:100%; display:block; margin:0 auto 0 auto; border:0; border-bottom:1px solid #996633}
	#nav ul li a{width:90px; padding:18px 0 18px 0}
	#nav ul li:last-child{ padding:24px 0 24px 0}
	.web{display:none}
	.mobile{display:block; }
	.mobile img{display:block; width:100%; }
	#left{display:block; float:none; margin:0; bordr-left:0; border-right:0}
	#right{width:100%; display:block; float:none; border:0; padding:0; text-align:justify}
	#slider{float:none; display:block; width:100%; margin:0}
	.sliderImage{width:100%; }
	.sliderImage img{width:100%; margin:20px 0}
	.sliderImage span {width:94.5%;}
	#accordion{display:block}
	#tira{width:98%; display:block;  margin:0 auto 0 auto; border:0; margin:20px 0 0px 0; padding:0; text-align:center}
	.left-home{width:100%; border:0; float:none; display:block; padding:0}
	.right-home{width:100%;  border:0; float:none; display:block; padding:0}
	.mapa{width:30%; border: 0px solid black}
	.mapa img{width:100%}
	.mapa-right{width: 100%; border:0 }
	#service{width:100%; margin:0; padding:0; display:block}
	#productos{width:100%;float:none; margin-bottom:20px; border:0; border-top:1px solid #aaa; border-bottom:1px solid #aaa; display:block;height:auto; background:#dde0ff;}
	#contenido-marcas {width:100%; float:none; padding:0; display:block; border-bottom:1px dotted white}
	#contenido-marcas img {margin:20px 0 20px 0}
	#contenido-productos {border:0; border-bottom:1px dotted white; width:100%;float:none; padding:0; display:block; text-align:left}
	#contenido-productos p{margin:10px 0 10px 20px}
	#contenido-imagenes {width:100%;float:none; margin-left:0px;padding:0; display:block}
	#contenido-imagenes img{width:25%; display:inline; }
	

	}