@charset "utf-8";body{margin-left:0px;margin-right:0px;margin-top:0px;font-family:"Lucida Sans";font-size:1rem;color:#000;overflow-x:hidden;background:#4a2b60;}
@font-face{font-family:"fuenteberlin";src:url(fonts/BRLNSDB.TTF) format("truetype");}
#fondo{position:absolute;width:100%;z-index:-10;background:#4a2b60;}
#titulo{position:absolute;background:url(../imagenes/fondotitulo.png) repeat-x;width:100%;height:80px;padding-top:0;padding-left:10px;vertical-align:central;z-index:10;}
#logo{position:relative;margin-top:-90px;width:25%;}
#cabecera{position:relative;padding-top:22px;text-align:center;top:-38px;z-index:0;}
#cuerpo{position:absolute;margin-top:2%;margin-left:10%;margin-right:10%;padding:30px;padding-top:10px;text-align:center;width:80%;z-index:-2;background:url(../imagenes/fondocuerpob.png) repeat;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:15px 10px 3px #000;-webkit-box-shadow:15px 10px 3px #000;-moz-box-shadow:15px 10px 3px #000}
#pie{position:absolute;padding:30px;padding-left:0;margin-top:5%;background:url(../imagenes/fondocuerpob.png) repeat;width:90%;float:right;text-align:right;}
#columna{position:relative;margin-right:28px;width:46%;float:left;padding-right:10px;text-align:justify;z-index:1;}
#colentera{position:relative;margin-right:28px;width:100%;float:left;}
#coldos{position:relative;float:left;width:45%;height:265px;color:#000;margin-right:6px;margin-left:6px;margin-bottom:5%;}
#volver{position:relative;margin-right:28px;width:100%;float:left;text-align:left;}
#decoracion{position:relative;margin-top:2%;margin-right:10%;float:right;z-index:-5;}
h1{font-size:1.5rem;color:#4a2b60;font-family:Tahoma, Geneva, sans-serif;}
h3.empresa{font-size:1.2rem;text-align:left;}
h3.diseno{font-size:0.9rem;}
.corte{clear:both}
p{font-size:1rem;text-align:justify;z-index:1;}
p.contacto{text-align:center;}
h2.mant{font-family:Verdana, Arial;margin-bottom:-25px;text-align:center;font-size:1.3rem;}
.total{position:relative;float:left;width:33%;display:block;height:200px;}
.total:hover .clsContenedor{width:100%;height:100%;}
.clsContenedor{-webkit-transition:height 0.5s ease-in;-moz-transition:height 0.5s ease-in;-o-transition:height 0.5s ease-in;transition:height 0.5s ease-in;position:inherit;background:#000;overflow:hidden;box-shadow:0 0 10px #000;color:#FFF;top:-200px;paddingt:5%;right:0;height:0;width:100%;opacity:0.60;-moz-opacity:0.60;filter:alpha(opacity=60);}
div.centrarfader{text-align:right;width:100%;}
div.fader{width:30%;float:left;margin-left:3%;display:block;}
div.fader img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;float:left;margin-right:20px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:15px 10px 3px #999;-webkit-box-shadow:15px 10px 3px #999;-moz-box-shadow:15px 10px 3px #999}
img.swap1{opacity:1.0;}
img.swap2{opacity:1.0;margin-left:-280px;}
div.fader:hover img.swap2{opacity:0;}
div.faderweb{position:relative;float:left;display:block;height:300px;margin-top:2%;}
div.faderweb div{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;margin-right:20px;}
div.dweb, div.faderweb:hover div.dweb2{opacity:1.0;}
div.dweb2{position:relative;opacity:0;text-align:right;margin-top:-300px;padding-left:185px;}
div.dweb{position:relative;max-width:250px;background:url(../imagenes/fondocuerpo.png) repeat;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:15px 10px 3px #999;-webkit-box-shadow:15px 10px 3px #999;-moz-box-shadow:15px 10px 3px #999;padding:5px;}
h1.contenido{font-size:1.6rem;color:#fff;font-family:Tahoma, Geneva, sans-serif;padding:20px;}
h1.contenido:hover{text-decoration:underline;}
p.contenidop{font-size:1rem;text-align:justify;z-index:1;}
img.sombra{-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:15px 10px 3px #999;-webkit-box-shadow:15px 10px 3px #999;-moz-box-shadow:15px 10px 3px #999}
ul.listajusti{text-align:justify;}
#marcas{position:inherit;width:100%;text-align:right;}
.demoIMG{position:relative;}
.demoIMG img{margin-left:20px;}
h1.progrsh1{font-size:1.2rem;color:#4a2b60;font-family:Tahoma, Geneva, sans-serif;}
h1.progrsh1:hover{text-decoration:underline;}
.wrapper{width:100%;height:60px;background:#fff;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(168,168,168)));background:-moz-linear-gradient(top, rgb(255,255,255), rgb(168,168,168));background:filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(255,255,255), endColorstr=rgb(168,168,168));background-image:-ms-linear-gradient(top, #FFFFFF 0%, #A8A8A8 200%);border-top:2px solid #939393;position:relative;margin-bottom:30px;opacity:0.90;-moz-opacity:0.90;filter:alpha(opacity=90);}
ul{margin:0;padding:0;}
.menu{font-family:"fuenteberlin", Arial;height:60px;border-left:1px solid rgba(0,0,0,0.3);border-right:1px solid rgba(255,255,255,0.3);float:right;font-size:0.75rem;}
ul.menu li{list-style:none;float:left;height:60px;text-align:center;background:-webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)));background:-moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);background-image:-ms-radial-gradient(center bottom, circle farthest-corner, #1FA9F4 0%, #001C4E 100%);max-width:225px;}
ul li a{display:block;padding:20px 20px 0 20px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(0,0,0,0.1);text-align:center;height:40px;background:-webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(168,168,168)));background:-moz-linear-gradient(top, rgb(255,255,255), rgb(168,168,168));background-image:-ms-linear-gradient(top, #FFFFFF 0%, #A8A8A8 200%);-webkit-transition-property:background;-webkit-transition-duration:700ms;-moz-transition-property:background;-moz-transition-duration:700ms;color:#4a2b60;font-weight:400;text-decoration:none;}
ul li a:hover{background:#1fa9f4;background:transparent none;color:#FFF;}
ul li.active a{background:#1fa9f4;background:-webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)));background:-moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);background-image:-ms-radial-gradient(center bottom, circle farthest-corner, #1FA9F4 0%, #001C4E 100%);color:#FFF;}
#nav-mobile{display:none;background:url(../imagenes/nav.png) no-repeat center center;float:right;width:60px;height:60px;position:absolute;right:0;top:0;opacity:.6;}
#nav-mobile.nav-active{opacity:1;}
input{width:90%;}
textarea{width:90%;}
.imagenin{width:40%;}
@media only screen and (max-width:1024px){#nav-mobile{display:block;}
.nav{padding:0;width:100%;margin:0;}
#navmenu{width:100%;float:none;padding-top:53px;margin-top:7px;height:0;}
#navmenu ul{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);max-height:0;overflow:hidden;}
#navmenu li{background:#33363b;border-bottom:1px solid #282b30;float:none;height:45px;}
#navmenu li:last-child{border-bottom:0;}
#navmenu li a{padding:15px 0;height:auto;line-height:normal;}
#navmenu li a:hover{background:#2a2d33}
#navmenu ul.open-menu{min-height:280px;-webkit-transition:min-height .4s;-moz-transition:min-height .4s;-ms-transition:min-height .4s;-o-transition:min-height .4s;transition:min-height .4s;}
.nav li ul li a{position:relative;height:20px;padding-top:5px;}
#columna{width:100%;}
#cuerpo{margin-top:70px;margin-left:5px;margin-right:5px;}
.total{width:90%;margin-bottom:10px;}
div.fader{width:100%;margin-bottom:10px;}
h2.mant{margin-bottom:auto;}
input{width:70%;}
textarea{width:90%;}
#decoracion{display:none;}
.imagenin{width:90%;}
#coldos{width:100%;height:auto;}
img.sombra{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px){img{}
}