@charset "UTF-8";
/* CSS Document */

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}


body	{ line-height: 0; }
:focus	{ outline: 0}
ol, ul 	{ list-style: none}
table 	{ border-collapse: collapse; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""}
input, textarea { margin: 0; padding: 0}
hr { margin: 0; padding: 0; border: 0;}
b { font-weight:bold;}

*					{ margin:0; padding:0; outline:0;}
img a, a img		{ border: none;}
body				{ font-size:15px; }


#wrapped { width:100%; overflow:hidden; min-height:300px; margin:0 auto;border:#fff solid 0 em;}

header { width:100%; /*max-width:1090px;*/ height:auto; min-height:130px; background: url(../img/bg-head.jpg) #fff; margin:0 auto;}
#cont-header { width:100%; max-width:1030px; height:auto; margin:0 auto;}

#menu { width:80%; height:45px; overflow:hidden; float:left; margin-top:-70px;}
nav { width:80%; height:45px; overflow:hidden; float:left; margin-top:-70px; margin-left:24%; }
nav a { width:auto; height:40px; line-height:40px; text-align:center; text-decoration:none; font-size:1.1em; color:#000; float:left; padding-left:0.6em; padding-right:0.6em; font-family: 'Oswald-Regular'; margin-left:0.4em;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
nav a:hover,.activo { color:#ff0017;}


#content { width:100%; overflow:hidden; float:left; background:#fff;}
#content2 { width:100%; margin:0 auto; max-width:1040px;} 

#categorias { width:25%; overflow:hidden; min-height:100px;  float:left;margin-left:0.9em; }
#categoriasss h1,#centro h1,#pdctos-destacados h1 {font-family:'Oswald-Regular';font-size:1.4em; color:#000; text-align:left; float:left; border-bottom:#dcdcdc solid 4px; line-height:3em; width:100%;background:url(../img/arrow.png) left no-repeat; padding-left:30px; margin-top:20px; }
.dato-categoria { width:100%; overflow:hidden; float:left; margin-top:1em; min-height:20px;}
.dato-categoria img { float:left; margin-right:1em;}
.dato-categoria a { width:auto; max-width:70%; overflow:hidden; float:left;font-family: 'Source Sans Pro', sans-serif; color:#000; font-size:1em; text-decoration:none; line-height:1.5em;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.dato-categoria a:hover  { color:#333;}

#centro { width:70%; overflow:hidden; float:left;margin-left:1.5em; margin-bottom:50px; padding-bottom:30px;}
#centro p { float:left; margin-top:0.5em;font-family:'roboto';font-size:1.1em;color:#716E6E; text-align:left; line-height:20px; margin-bottom:30px; width:98%; margin-top:30px;}
#centro h2 {}  

.destacado { width:46.5%; float:left; min-height:360px; overflow:hidden; margin-top:1em; position:relative; margin-right:1em; border:#d9dde1 solid 2px;}.destacado:hover { border:#006ff6 solid 2px;}
.destacado img { width:276px; height:auto; float:left; z-index:1; }
.info-destacado { width:100%; height:30%; float:left; background:url(../img/x.png) repeat;position:absolute;z-index:999; bottom:0;}
.info-destacado h2 { width:90%;text-align:center ;font-family: 'aw_conqueror_sanslight';font-size:1.1em; color:#484d55; float:left; margin-left:0.5em; line-height:1.1em; margin-top:5px;}
.info-destacado a { width:90%; height:30%; text-align:right;font-family: 'aw_conqueror_sanslight';font-size:1em; color:#fff; float:left; margin-right:0.5em; line-height:0.8em; text-decoration:none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.info-destacado a:hover { text-decoration:underline;}

#mi-cotizacion { width:17%; overflow:hidden; min-height:256px;height:100%; float:right; background:url(../img/mi-carrito.png) repeat-x;margin-top:1.7em;margin-right:0.7em;}
.icon-buy { width:75px; height:100%; background:url(../img/icon-buy.png) no-repeat; min-height:75px;  margin: 0 auto;
  display: block;}
#mi-cotizacion h2 {width:100%; height:20%; text-align:center;font-family: 'aw_conqueror_sanslight';font-size:1.4em; color:#959595; float:left; line-height:1.7em;}  
#mi-cotizacion h3 {width:100%; height:20%; text-align:center;font-family: 'aw_conqueror_sanslight';font-size:1.6em; color:#6c6c6c; float:left; line-height:1.7em; margin-top:1em;}  
#mi-cotizacion a { width:50%; float:left; text-align:center; text-decoration:none;font-family: 'aw_conqueror_sanslight';font-size:1em;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; line-height:1.7em; color:#959595; margin-top:2em;}
#mi-cotizacion a:hover { color:#333;}

#pdctos-destacados { width:100%; overflow:hidden; min-height:100px; margin:0 auto; border:#fff solid 1px; display:none; }
#pdctos-destacados h1 a { float:right;font-family: 'aw_conqueror_sanslight';font-size:0.8em;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; line-height:4em; color:#959595; text-decoration:none;}#pdctos-destacados h1 a:hover { color:#333;}


.list_carousel {width:90%; float:left; overflow:hidden; margin-bottom:1em; margin-top:1em; border:#fff solid 1px;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block; width:95%; float:left; overflow:hidden;}
.list_carousel li {width:20%;padding: 0;margin:16px;display: block;float: left; height:auto;border-top:#CCC solid 1px; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
.list_carousel.responsive {width:97%; float:left; overflow:hidden; margin-left:0.8em;}

.list_carousel ul li img { width:100%; height:auto; overflow:hidden; float:left; overflow:hidden;}
.list_carousel ul li h2 { width:100%; float:left; text-align:center; font-family: 'aw_conqueror_sanslight';font-size:1.1em;color:#959595;margin-top:0.5em; margin-bottom:0.5em; line-height:18px;}


footer { width:100%; height:244px; float:left; /*background:url(../img/pie.jpg)*/ background:#3a4e9c; height:72px;}
.datos-pie { width:auto;float:right; margin:10px 10px 0 20px }
.datos-pie img { float: left; width: 26px; margin-top: 7px; margin-right:5px; margin-left:10px !important;}
.datos-pie h1 { font-family:'Oswald-Regular';font-size:1.3em; color:#fff; text-align:left; float:left; width:auto; margin-bottom:20px;}
footer p { float:left; text-align:left;font-family: 'Oswald-Regular';font-size:1em;color:#fff; line-height:40px;}

.logo--foo { width:245px; height:72px; float:left;}

.rrss-footer { width:auto; float:right; height:66px; }
.rrss-footer a img { float:left; cursor:pointer; width:38px; height:38px; margin-right:0.5em; margin-top:1em;}
.rrss-footer h1 { font-family:'Oswald-Regular';font-size:1.3em; color:#fff; text-align:left; float:left; width:100%; margin-bottom:20px; margin-top:35px;}

#txt-epunto { width:100%; max-width:1090px; height:auto; margin:0 auto; text-align:right;font-family: 'aw_conqueror_sanslight';font-size:1.1em;color:#FFF; margin-bottom:0.5em;}


#txt-qs p { width:64%; overflow:hidden; float:left; margin-top:2em;font-family:'Roboto';font-size:1.1em;color:#716E6E; text-align: justify; line-height:20px;}
#txt-qs img { width:34%; margin-top:30px; float:right;}


#productos {width:31%; float:left; overflow:hidden; margin-top:1.5em; margin-right:0.35em;margin-left:0.35em; max-height:286px;min-height:340px; border:#CCC 1px solid;}
#productos h2 { width:100%; height:50px; float:left; text-align:center; font-family: 'aw_conqueror_sanslight';font-size:1.1em;color:#000;margin-top:0.5em; line-height:18px;}
#productos img { width:100%; height:auto; overflow:hidden; float:left; overflow:hidden;}

.precio-rrss2 { width:100%; overflow:hidden; float:left; margin-top:0.3em; margin-bottom:0.3em;}
.precio-rrss2 p { width:55%; float:left; overflow:hidden; text-align:left;font-family: 'latoregular';color:#959595;margin-bottom:0.5em; margin-left:0.5em; line-height:20px;}
.precio-rrss2 img { float:right; max-width:28px !important; max-height:28px !important; margin-right:0.4em; }

#paginador { width:100%; overflow:hidden; float:left; margin-top:1em;}
.paginador { width:auto; float:right; overflow:hidden;}
.paginador a { float:left;font-family: 'Oswald-Regular';font-size:0.9em; color: #FFF !important; border:#bcbcbc solid 1px; background:#000; margin-left:0.5em; text-decoration:none; padding:5px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; padding-top:10px; height:6px; }
.paginador a:hover { color:#333;}


#cont-mi-cotizacion { width:99%;overflow:hidden; min-height:100px; border:#dcdcdc solid 1px; float:left; margin-top:2em; padding:1px;}
.cabecera-mi-cot { width:100%; height:39px; background:url(../img/fdo-cabecera-micotizacion.jpg) repeat-x; float:left;}
.cabecera-mi-cot p { width:auto; float:left; text-align:left;font-family: 'latoregular';font-size:0.9em;color:#6c6c6c; height:39px; line-height:39px; padding-left:1em; padding-right:1em;}
p.prod { width:50%;}
p.cant { width:17%;}
p.pre { width:10%;}

.cada-producto-cot { width:100%; overflow:hidden; float:left; border-bottom:#CCC dotted 1px; min-height:120px; margin-bottom:1em;}
.cada-producto-cot img { width:100px; height:100px; float:left; margin:10px 0 0 10px;}
.nombre-pdcto p { width:auto; float:left;font-family: 'latoregular';font-size:0.9em;color:#bcbcbc; text-align:left; overflow:hidden; margin-top:4em; margin-left:1em; min-width:32%;}
.cantidad-pdcto  { width:auto; float:left;font-family: 'latoregular';font-size:0.9em;color:#bcbcbc; text-align:left; overflow:hidden; margin-top:3.4em; margin-left:1em; width:100px;border:#CCC solid 1px; height:30px;}
.precio-pdcto p { width:auto; float:left;font-family: 'latoregular';font-size:0.9em;color:#bcbcbc; text-align:center; overflow:hidden; margin-top:4em; margin-left:1em; min-width:13%; }
.delete { width:20px !important; float:right !important; height:20px !important; margin-top:1.8em !important; background:url(../img/delete.png);margin-right:15px;}
.refresh { width:20px !important; float:right !important; height:20px !important; margin-top:1.8em !important; background:url(../img/refresh.png);margin-right:15px;}

#precio-final { width:100%; overflow:hidden; min-height:60px;}
#precio-final p { width:auto; text-align:right; padding-right:20px; line-height:55px;font-family: 'latoregular';font-size:1.5em;color:#6c6c6c;}


#form-mi-cotizacion { width:100%; overflow:hidden; margin:0 auto; min-height:100px; max-width:650px; border-radius:10px; border:#d3d3d3 solid 3px; padding:10px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e6e6e6+100 */

background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(230,230,230,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */

}
.box { width:48%; float:left; overflow:hidden; }
.cada-dato { width:100%; float:left; overflow:hidden; }
.cada-dato p { width:100%; overflow:hidden; text-align:left;font-family: 'Oswald-Regular' !important;font-size: 1.5em;color:#6c6c6c; line-height:20px; margin-bottom:10px !important}
.input-cada-dato { width:95%; height:30px; float:left; border:#CCC solid 1px; padding:2px;}
.textarea-cada-dato { width:95%; height:130px; float:left; border:#CCC solid 1px; margin-top:0.5em; padding:2px;}
.btn-enviar { width:96%; height:45px; border-radius:10px; background:#facd1a; float:left; margin-top:1.7em; line-height:45px;font-family: 'Oswald-Regular' !important;font-size:1.4em;color:#3a4e9c; text-align:center;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.btn-enviar:hover { background:#3a4e9c; color:#fff;}

.btn-enviar2 { width:20%; height:45px; border-radius:10px; background:#facd1a; margin-top:2em; line-height:45px;font-family: 'Oswald-Regular' !important;font-size:1.4em;color:#3a4e9c; text-align:center;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; margin:0px auto;}
.btn-enviar2:hover { background: #3a4e9c; color:#fff;}



.img-detalle-producto img { max-width:100%; overflow:hidden; float:left; min-height:100px; height:auto;border:#CCC solid 1px; margin-right:10px;}


#centro h1 a {font-family: 'aw_conqueror_sanslight';font-size:0.7em; color:#6c6c6c; text-align:right; float:right; text-decoration:none;line-height:4em; width:auto;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; }#centro h1 a:hover { color:#333;}

#detalle-pdcto { width:36%; overflow:hidden; float:right; overflow:hidden; min-height:100px; margin-top:2em; }
#detalle-pdcto h2 {font-family: 'aw_conqueror_sanslight';font-size:1.2em; color:#6c6c6c; text-align:left; float:left;line-height:1.8em; width:100%; }
#detalle-pdcto h3 {font-family: 'aw_conqueror_sanslight';font-size:1em;color:#000; text-align:left; float:left;line-height:1.8em; width:100%; }
.precio-detalle h4 {font-family: 'aw_conqueror_sanslight';font-size:1.5em;margin-top:0.5em; color:#6c6c6c; text-align:left; float:right;line-height:2em; width:100%; border-top:#CCC solid 1px; padding-top:15px;}
.detalle-rrss { width:100%; float:right; overflow:hidden; margin-top:0.5em;}
.btn-agregar { width:70%; height:25px; background:url() left no-repeat #ff0017; float:left; font-family: 'Oswald-Regular';font-size:0.8em;color:#fff; text-align:center;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; margin-left:15%; line-height:25px;}
.btn-agregar:hover { background:url() left no-repeat #000; color:#fff;}

.logos img { width:112px; height:48px; margin-top:10px; margin-right:10px; border: 3px solid #CCC;}

.titulo { width:60%; max-width:1090px; height:66px; margin:0 auto; margin-bottom:30px; margin-top:30px; border-bottom:solid 1px #666; display:none;}
.titulo h2 { font-family: 'aw_conqueror_sanslight';font-size:2em;color:#000; text-align:center; line-height:30px;}
.titulo span { color:#f2273a; }


#reconocimientos { margin-top:40px; width:100%; margin:0px auto; margin-top:30px;}
#reconocimientos h1 {font-family:'Oswald-Regular';font-size:1.4em; color:#6c6c6c; text-align:left; line-height:3em; width:100%; max-width:1090px; margin:0 auto; }


#catalogos { width:100%; max-width:900px; height:289px; margin:0px auto;}
#catalogos h1 {font-family:'Oswald-Regular';font-size:1.6em; color:#fff; text-align:left; float:left; line-height:3em; width:100%; border-bottom:none; margin-left:100px; }
.caja-izq { width:100%; max-width:420px; height:289px; float:left; background:url(../img/caja1.jpg); margin-right:7px; padding:0 10px 0 10px;}
.caja-izq p {font-family:'aw_conqueror_sanslight';font-size:1.1em; color:#fff; text-align:center; line-height:1.8em; width:100%; padding-top:90px; }
.caja-der { width:100%; max-width:420px; height:289px; float:left; background:url(../img/caja2.jpg); padding:0 10px 0 10px;}
.caja-der p {font-family:'aw_conqueror_sanslight';font-size:1.1em; color:#fff; text-align:center; line-height:1.8em; width:100%; padding-top:90px; }

.marcas { width:100%; max-width:1011px; height:58px; margin:0 auto; background: url(../img/marcas.jpg) no-repeat; background-size:100%; margin-bottom:10px; margin-top:50px;}

.cabecera { width:100%; height:151px; margin:0 auto; background:url(../img/im-quienes.jpg);}
.cabecera-servicios { width:100%; height:151px; margin:0 auto; background:url(../img/im-servicios.jpg);}
.cabecera-ingenieria { width:100%; height:241px; margin:0 auto; background:url(../img/img-ingenieria.jpg); display:none;}
.cabecera-contacto { width:100%; height:241px; margin:0 auto; background:url(../img/img-contacto.jpg); display:none;}
.cabecera-alianzas { width:100%; height:241px; margin:0 auto; background:url(../img/img-alianzas.jpg); display:none;}
.cabecera-equipo { width:100%; height:151px; margin:0 auto; background:url(../img/im-equipo.jpg);}

.frase { width:70%; max-width:1090px; margin:0 auto; margin-bottom:30px; margin-top:310px; border-bottom:solid 1px #fff;}
.frase h2 { font-family: 'Roboto';font-size:1.8em;color:#10abad; text-align:center; line-height:30px;}
.frase h3 { font-family: 'Roboto';font-size:1em;color:#000; text-align:center; line-height:30px; margin-bottom:30px;}


.suscribe { margin-top:35px; float:left; margin-left:40px; width:289px; height:154px; background:url(../img/suscribe.jpg); display:none;}
.suscribe h1 { font-family:'Oswald-Regular';font-size:1.3em; color:#fff; text-align:left; float:left; width:100%; margin-bottom:20px;}

#servicios { width:1008px; height:550px; margin-left:15px; display:none;}
#alianzas { width:100%; height:auto; margin-left:15px; display:none;}
#flip { width:1008px; height:1000px; margin-left:15px;}
#soporte { width:100%; height:auto; margin-left:15px; margin-top:40px;}
.cada-cuadro { width: 250px; height:205px; border:#0F3 solid 1px; float:left;}

#marcass { margin-top:40px; width:100%; margin:0px auto; margin-top:30px; display:none;}
#marcass h1 {font-family:'Oswald-Regular';font-size:1.4em; color:#F2273A; text-align:left; line-height:3em; width:100%; max-width:1090px; margin:0 auto; }


#center-home { width:100%; min-height:100px; margin: 0px auto;}
.eventos-home { width:100%; float:left; margin-right:30px; margin-bottom:30px;}
.cajas { width:100%; max-width:854px; margin: 0px auto; height: 50px;}

.ttlos--- { width:98.6%; float:left; height:35px; line-height:40px; color:#000;font-family:'Oswald-Regular'; font-size:20px;}
.ttlos--- img { float:left; margin-right:10px; margin-top:5px; }
.ubi-tarifas-home { width:100%; max-width:412px; max-height:234px; float:left; overflow:hidden; }

.img---{
	display:inline-block;
	padding:0;
	clear:none;
	overflow:hidden;
	height:234px;
	width:50%;
	position:relative;
	overflow:hidden;
	cursor:pointer; margin-top:10px;
	float: right;
 
}

.img--- .contImg
{
	height:234px;
	width:100%;
	position:relative;
    z-index:1;
    overflow:hidden;
 
}
.img--- .contImg img
{
	height:234px;
	width:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto; /* todos estos estilos son para delimitar el tamaño de la imagen y centrarla */
 
}
.img--- .descripcion{
	background: rgba(255, 255, 255, .5); /*color de fondo inicial */
	transition: background 1s;
	-moz-transition: background 1s; /* para animar el cambio de color de fondo */
	-webkit-transition: background 1s;
	-o-transition: background 1s;height:400px;width:100%; color:#fff;font-family:'Oswald-Regular'; text-align:center; font-size:25px; line-height:35px;
 
}
.img---:hover .descripcion
{
    position:relative;
    z-index:2; /* lo coloca por encima de la imagen */
    background: rgba(0, 0, 0, .7); /* color de fondo final */
    top:-234px; /* sube el div para que se pueda ver */
    height:234px;width:100%;
}

.img--- .descripcion a { width:auto; padding:10px; background:#efbc00; font-size:18px;}
.img--- .descripcion a:hover { background:#000;}


#tabla-valores { width:64%; float:left; overflow:hidden; margin-top:30px;}
#tabla-valores h3 { width:100%; float:left; height:35px; line-height:35px; border-bottom:#ccc solid 1px; padding-bottom:5px; font-size:20px; color:#000;font-family: 'aw_conqueror_sanslight';}
.ttlo-tabla { width:100%; height:15px; background:#e6e6e6; float:left; padding:10px; color:#000; font-size:16px;font-family:'Oswald-Regular'; line-height:20px;}
.ttlo-tabla h5 { width:150px; float:left; height:15px;}
.cada-dato-tabla { width:100%; float:left; height:20px; border-bottom:#e6e6e6 solid 1px; padding:10px; line-height:20px;}
.cada-dato-tabla h5 { color:#000;width:150px; float:left; height:30px;font-family: 'aw_conqueror_sanslight'; font-size:16px;} 


.img-valores { float:right;}.img-valores img { width:auto; float:right; margin-top:30px; height:auto;}


.img-horarios { width:100%; text-align:center; margin-top:30px; overflow:hidden;}
.img-horarios img { width:100%;}

.cada-galeria { width:100%; float:left; overflow:hidden; margin-top:20px; border-bottom:#dfdfdf solid 1px; padding-bottom:20px;}
.info-galeria { width:60%; float:left; overflow:hidden;}
.info-galeria h4 { width:100%; float:left; font-size:18px; color:#facd1a;font-family:'Oswald-Regular'; line-height:30px; }
.info-galeria p { width:100%; float:left; font-size: 1.1em;color:#444; line-height:18px; margin-bottom:10px !important; margin-top:10px !important;font-family: 'aw_conqueror_sanslight'; text-align:justify !important;}
.rrss-galeria { width:98%; float:left; margin:5px; border-radius:7px; border:#fff solid 1px; height:47px; background:#e9e9e9 url(../img/compartir.jpg) left no-repeat;-webkit-box-shadow: 0 0 1px 1px rgba(200,200,200,0.8);
box-shadow: 0 0 1px 1px rgba(200,200,200,0.8);}
.rrss-galeria a img  { float:left; margin-top:8px; margin-right:10px; border:none; width:32px; height:32px; float:left}
.imagenes-galeria { width:35%; float:right; overflow:hidden; }
.imagenes-galeria img { width:auto; float:left; margin:5px;}

.clientes- { width:100%; height:312px; margin: 0px auto; background: url(../img/bg-clientes.png) no-repeat; margin-top:300px;}
.clientes- h1  {line-height:40px; color:#fff;font-family:'Oswald-Regular'; font-size:20px; text-align:center; padding-top:80px; margin-bottom:20px;}

@media (max-width:1070px)

{
.datos-rrss { margin-right:10px;}
.rss-home { margin-right:10px;}
#cssmenu > ul > li > a {padding: 20px 9px 21px;}
#txt-qs img { float:left;}
#txt-qs p { width:96%; float:left;}
#tabla-valores { width:96%;}
.img-valores { float:left !important}
.info-galeria { width:95%;}
.imagenes-galeria { width:95%; float:left; margin-top:10px;}
}

@media (max-width:780px)
{
.eventos-home { width:97%; margin-left:10px;}
.ubi-tarifas-home { width:48%; margin-left:10px;}
.rss-home { width:97%; margin-left:10px; float:left;}
}

@media (max-width:630px) {
	
.ttlo-tabla h5 { width:110px;}
.cada-dato-tabla h5 { width:110px;}
#tabla-valores { min-width:450px;}
#form-mi-cotizacion { width:80%; margin-left:0}
}

@media only screen and (max-width : 500px) {
	
	.ubi-tarifas-home { width:97%; margin-left:10px;}
	
	#cssmenu.small-screen { min-width:40% !important;}
	
    nav {
        border-bottom: 0;
        height: auto;
		width:50%;
    }

    nav ul {
        display: none;
        height: auto;
        width: 100%;
		margin-top:60px;
    }

    nav li {
        width: 50%;
        float: left;
        position: relative;
    }

    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }

    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
		float:right;
		margin-top:10px;
    }

    nav a#pull:after {
        content:"";
        background: url(../nav-icon.png) no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
}