/*azul: #37afd7 */

 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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  -webkit-text-size-adjust: 100%;

}
ol, ul {
  list-style: inherit;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{

}

b,strong{ font-weight:bold;}
em{ font-style:italic;}
a{ text-decoration:none;}
a,a:link , a:visited{ color:#474747;}
a:hover{ color:#808080;}
img{ max-width:100%;}
*:focus {  outline: none;}

/* common element */
.cleared{ clear:both;}
.center{ text-align:center;}
.hidden{ display:none;}

/* #Wordpress Style */
.alignleft, img.alignleft {float:left;padding:6px 24px 12px 0px}
.alignright, img.alignright {float:right;padding:6px 0px 12px 24px}
.aligncenter, img.aligncenter {}
.alignnone, img.alignnone { }
.wp-caption {}
.wp-caption img { }
.wp-caption p.wp-caption-text { }
.wp-smiley { }

.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}

.sticky{}
.bypostauthor{}

::selection{
  background-color:#85d77a;
}

.wrap{ width:1056px; margin:0 auto;}


/* parent structure */
#background{ line-height:24px; font-size:18px; min-width:1056px; overflow:hidden;}
#page{ min-width:1056px; position:relative;}
#page.page-boxed{ width:1128px; margin:0 auto;}
#page.page-boxed{ box-shadow:0px 0px 5px rgba(0, 0, 0, 0.2);}



#back_top{ background-color:#A8A8A8; width:54px; height:54px; position:fixed; bottom:66px; right:54px; z-index:100; transition: all 200ms ease-out; /*safari and chrome */
  -webkit-transition: all 200ms ease-out; /*safari and chrome */
  cursor:pointer;  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  border-radius:3px; text-align:center;
}

#back_top img{ margin-top: 16px;
  transition: all 200ms ease-out; /*safari and chrome */
  -webkit-transition: all 200ms ease-out; /*safari and chrome */
}

#back_top:hover{ opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ background-color:#29e07d;}
#back_top:hover i{ color:white;}
#top-bar-left{ float:left;}
.top-bar-text{ padding-top:8px; padding-bottom:8px;}
#top-bar-right{ float:right;}

#header{ width:100%; margin-bottom:-1px; position:relative; z-index:1000; background-color:white; border-bottom:1px solid #e7e7e7; -webkit-background-clip: padding-box; /* for Sfari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */}

#scroll-header{ width:100%; height:80px; position:fixed; z-index:1001; display:none; top:0px;  background-color:white;
  /*border-bottom:1px solid rgba(0, 0, 0, 0.1);*/
  -webkit-background-clip: padding-box; /* for Safari */
  background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
  -webkit-box-shadow: 0px 1px 2px 2px rgba(90, 90, 90, 0.25);
  -moz-box-shadow: 0px 1px 2px 2px rgba(90, 90, 90, 0.25);
  box-shadow: 0px 1px 2px 2px rgba(90,90,90,0.25);/**/
}

.admin-bar #scroll-header{ top:28px;}
#header .wrap{ position:relative;}
#slider{ position:relative;}

.slider-bottom{ position:absolute; bottom:0px; width:100%; height:10px; content:''; z-index:100;}
#body{ margin:0px auto; font-family: 'Open Sans',Arial !important; font-size:13px; line-height:18px;}

/* header */
.logo-container{
  float:left;
  width: 30%;
}

.logo-text{
  font-size:36px;
  line-height:80px;
  font-weight:400;
  font-family:'Open Sans',Arial !important;
  color:#404040;
}
#header.small-header .logo-text{
  font-size:24px;
  line-height:40px;
}

.logo-box{ display: table; height:auto; padding-top: 10px;}
.logo-box h1{ padding:0px; margin:0px;}
.logo{ display: table-cell; vertical-align: middle; line-height:0px; font-size:0px;}
a.logo-image{ line-height:0px; font-size:0px; display:block; width:216px;}

/* top search */
#top-search-bar{ float:right; height:54px; padding-top:26px;}
.header-style4 .top-search-cleared{ clear:both;}
.top-search-input{ padding:4px 8px; border:1px solid #e5e5e5; color:#b3b3b3;}
.top-search-submit{ padding:4px 12px; border-radius:3px; cursor:pointer;
  transition: all 200ms ease-out; /*safari and chrome */
  -webkit-transition: all 200ms ease-out; /*safari and chrome */
  border:1px solid #e5e5e5; color:#808080; background-color:#fafafa;}
.top-search-submit:hover{ border:1px solid #4d4d4d; color:white; background-color:#666666;}

/* menu */
.contenedor-menus{ float:left; width: 70%;}
.top-menu{ float: right; width: 100%; padding-top: 10px; padding-bottom: 5px; margin-bottom: 0px; text-align: right; border-bottom:1px solid #e3e3e3;}
.top-menu .telefono, .top-menu .telefono:visited{ float: right; padding: 5px 20px 5px 40px; text-align: right; font-family:'Open Sans',sans-serif !important; font-size:18px; line-height:100%; color:#37afd7; background: url('images/telefono.png') no-repeat left; background-position: 10px 3px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.main-menu{ float:right; margin-top: 13px; margin-bottom: 15px;}

#toggle-menu-button{
  margin-top: 10px;
  padding: 10px 0;
  width:100%;
  height:20px;
  display:none;
  cursor:pointer;
  text-align:center;

  font-family:'Montserrat',sans-serif !important;
  font-size:15px;
  line-height:18px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing:1px;
  color:#3d6b7b;
  background-color:white;
}


#main-menu-toggle{
  position:relative;
  width:100%;
  padding:12px 0px;
  display:none;
}

#main-menu-toggle a{
  padding:5px 12px;
  display:block;
  transition: all 200ms ease-out;
  -webkit-transition: all 200ms ease-out;

  font-family:'Montserrat',sans-serif !important;
  font-size:15px;
  line-height:20px;
  font-style: normal;
  font-weight: 400;
  letter-spacing:1px;
  color:#3d6b7b;
  text-align: center;
}


#main-menu-toggle a:hover{
  padding:5px 12px 5px 24px;
  /*color:#00d2e0;*/
  background-color:rgba(255, 255, 255, 0.4);
}



.main-menu ul li{
  float:left;
  position: relative;
  margin-right: 5px;
  display:inline-block;
}

.main-menu ul li a{  position: relative; padding: 8px 13px 6px 13px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; font-family:'Montserrat',sans-serif !important;  font-size:14px;  letter-spacing: 0.5px;  line-height:20px;  font-style: normal;  color:#3d6b7b;  -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.main-menu ul li a:hover, .main-menu ul li.current-menu-item a:hover, .main-menu ul li.current-page-item a:hover { color:#FFF; background-color:#3d6b7b;}
.main-menu ul li.current-menu-item a, .main-menu ul li.current-page-item a { color:#FFF; background-color:#3d6b7b;}





/* body
-------------------------------------------------------------------------------------------*/

h2{font-family:'Montserrat',sans-serif; font-size:30px; color:#37afd7; text-align: center; margin-bottom:30px;    line-height: 120%;}
h2 hr{width: 100px; height: 1px; border: none; background: #37afd7; margin: 40px auto;}

.slide{width:100%; height:550px; background-position:top center; background-size:cover; padding-top:50px; box-sizing:border-box;}
.slide div{width:300px; height:300px; margin:50px auto 0; padding:80px 30px 0; box-sizing:border-box; font-family:'Montserrat', sans-serif; font-size:26px; line-height:140%; color:white; text-align:center; border-radius: 150px; background:rgba(55,175,215,0.9) url(images/flechabajar.png) no-repeat center 85%;}

.trabajamoscon{padding:100px 0; background-image:url(images/mano.gif); background-repeat: no-repeat; background-position: bottom right; text-align:center;}
.trabajamoscon p{font-family: 'Open Sans', sans-serif; font-size:17px; color:#3e3e3e; margin-bottom:20px;}
.trabajamoscon p strong{font-weight:700;}

.visita{padding:100px 0; overflow: hidden; text-align:center;
background: rgba(55,175,215,1);
background: -moz-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(55,175,215,1)), color-stop(100%, rgba(35,214,151,1)));
background: -webkit-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -o-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -ms-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: linear-gradient(to right, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37afd7', endColorstr='#23d697', GradientType=1 );}
.visita a{font-family: 'Open Sans', sans-serif; font-size:40px; color:white; text-decoration: none; background-color:rgba(255,255,255,0.2); border-radius:400px; padding:200px 80px; transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out;}
.visita a:hover{color: rgba(255,255,255,0.6);}


.topinterior{height:85px; padding-top: 40px; box-sizing: border-box;
  background: rgba(55,175,215,1);
background: -moz-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(55,175,215,1)), color-stop(100%, rgba(35,214,151,1)));
background: -webkit-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -o-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: -ms-linear-gradient(left, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
background: linear-gradient(to right, rgba(55,175,215,1) 0%, rgba(35,214,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37afd7', endColorstr='#23d697', GradientType=1 );}
.topinterior h1{font-family:'Montserrat',sans-serif; color:white; font-size:30px; line-height: 100%;}


.nosotros{padding:60px 0 80px; background: url(images/nosotros.jpg) no-repeat bottom right; }
.nosotros h2 {text-transform: uppercase; text-align: left; line-height: 140%; margin-bottom:50px;}
.nosotros .izquierda {width:50%; font-family:'Open Sans',serif; font-size:18px; line-height:150%; color:#3e3e3e; margin-bottom:120px;}
.nosotros .izquierda p {margin-bottom: 20px;}
.nosotros .izquierda p strong {font-weight:bold;}


.mapa{padding:120px 0; background: #2cace2 url(images/mapa.gif) no-repeat top right;}
.mapa .mapa1{width:80%; margin:0 auto 50px; font-family:'Montserrat',sans-serif; color:white; font-size:30px; line-height: 140%; text-align: center; text-transform: uppercase;}
.mapa .mapa2{width:50%; margin:0 auto 0; font-family:'Montserrat',sans-serif; color:#2b2a2a; font-size:25px; line-height: 140%; text-align: center;}


.cajasservicios{padding:60px 0 80px;}
.caja{border:2px solid #dee7ea; background-color:#f8fafb; padding:30px; box-sizing: border-box;}
.caja h2 {font-size:25px; line-height: 120%; font-family:'Montserrat',sans-serif; text-transform: uppercase; text-align: left; }
.caja p {font-family:'Open Sans',serif; font-size:16px; line-height:150%; color:#3e3e3e; margin-bottom:20px; }
.caja1 h2{color:#7c76f0;}
.caja2 h2{color:#26d1a0; text-align: right;}
.caja3 h2{color:#37afd7;}

.caja1 .imagen{width:15%; float:left;}
.caja1 .texto{width:85%; float:right;}
.caja1 {margin-bottom:50px;}
.caja2 {float:left; width:48%; text-align:right;}
.caja3 {float:right; width:48%;}


.paralaje {padding:150px 0; background-image:url(images/parallax.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; position: relative;}
.paralaje .frase {font-family:'Montserrat',sans-serif; color:white; font-size:30px; line-height: 140%; text-align: center; text-transform: uppercase;}


.fabricantes{padding:60px 0 80px;}

.menu_marcas { width: 20%; float: left; background: #f1f7fe;}
.menu_marcas ul { list-style: none; margin: 0px; padding: 0px 0px;}
.menu_marcas ul li {border-bottom:1px solid #c8dbef; display:table; width: 100%;}
.menu_marcas ul li a.select_other { color: #fff; background-color: #bbd6f2; /*background: url(images/flecha.gif) no-repeat right center;*/ font-size: 17px;}
.menu_marcas ul li a { width: 100%; display:table-cell; vertical-align:middle; text-decoration: none; text-align: center; /*padding: 10px 0px 0px 25px;*/ height: 50px;}
.info_marcas { width: 75%; float: right; font-family:'Open Sans',serif; font-size: 16px; color: #3e3e3e; line-height: 150%;}
.info_marcas table {border:2px solid #d0d9e0;}
.info_marcas tr td {border:1px solid #d0d9e0; padding:20px 30px;}
.hidden { display: none;}


.contactar { margin-top:50px;}
.contactar a.mail {font-family:'Open Sans',serif; font-size: 16px; line-height:30px; color: #196f8c; text-decoration: none;}
.contactar a.mail:hover{text-decoration: underline;}

.contactar a.telefono {padding: 0 30px; text-align: right; font-family: 'Open Sans',sans-serif; font-size: 20px; line-height: 100%; color: #37afd7; background: url(images/telefono.png) no-repeat left; text-decoration: none;}



footer {background-color:#35353d; }
footer .bloque1{padding:50px 0; text-align: center;}
ul.menufooter{width:100%; text-align:center; margin:50px auto;}
ul.menufooter li{display:inline-block; color:#9999a4;}
ul.menufooter li a {text-decoration:none; font-family:'Open Sans',sans-serif; font-size:15px; color:#9999a4;}
ul.menufooter li a:hover {text-decoration:underline;}
footer a.contact{font-family:'Open Sans',sans-serif; font-size:16px; color:#23d599; border:1px solid #306156; border-radius: 50px; padding:16px 50px; text-decoration:none; background:transparent;transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out;}
footer a.contact:hover{background:#306156;}
footer p {font-family:'Open Sans',sans-serif; font-size:16px; color:#23d599; margin-top: 40px;}
footer .bloque2{border:1px solid #55555e;}
footer .bloque2 p{font-family:'Open Sans',sans-serif; font-size:15px; color:#9999a4; margin: 20px 0;}