@import "font-awesome.min.css";
/*@import "../vendor/FlexSlider/flexslider.css";*/
/*@import "../vendor/bootstrap-select/bootstrap-select.css";*/
@import url("../vendor/bootstrap/css/bootstrap.min.css");
@import "normalize.css";
@import url("normalize.css");
html,button,input,select,textarea{color:#3f3f3f;}

/* body{font-size:1em;line-height:1.4;}
*/

/*
* Remove text-shadow in selection highlight:h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/::-moz-selection{background:#b3d4fc;text-shadow:none;}
/*::selection{background:#b3d4fc;text-shadow:none;}*/

/*
* A better looking default horizontal rule
*/
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/*
* Remove the gap between images and the bottom of their containers:h5bp.com/i/440
*/
img{vertical-align:middle;}

/*
* Remove default fieldset styles.
*/
fieldset{border:0;margin:0;padding:0;}

/*
* Allow only vertical resizing of textareas.
*/
textarea{resize:none;}
iframe{border:none;}

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}
.disabled{opacity:0.5;filter:alpha(opacity=50);}
.no_disabled{opacity:1;filter:alpha(opacity=100);}
input,div,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;}
.clear{clear:both;}
.right{float:right!important;}
.right10{padding-right:10px;}
.left10{padding-left:10px;}
.left{float:left!important;}
.display-none{display:none;}
.red-color{color:#f00;}
.txt_center{text-align:center;}
.width100{width:100%;}
.no-display{display:none;}
.only-mobile { display:none; }


/* ==========================================================================
Author's custom styles
========================================================================== */

/* Some more resets */

/* @font-face{font-family:"Raleway";src:url(fonts/RALEWAY.TTF) format("truetype");}
@font-face{font-family:"Raleway";src:url(fonts/RALEWAY-EXTRABOLD.TTF) format("truetype");}
*/

html,body{height:100%;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
.row{margin:0;padding:0;}
.left{float:left;}
.right{float:right;}
.text-center { text-align:center; }

body { font-family: "Open Sans", arial, sans-serif; overflow: hidden;
    overflow-x: hidden;}
h1,h2,h3,h4 { font-family: Dosis, arial, sans-serif; }

header nav { position: fixed; top:0; left: 0;width: 100%;height: 75px; background-color: rgba(10,10,10, .89); z-index:200;}
header nav .logo { margin: 17px 25px; height: 36px; } 
header nav .menu ul { list-style: none; line-height: 75px; padding: 0; margin: 0; }
header nav .menu ul li { float: left; margin-right:25px; }
header nav .menu ul li a { color:#fff; opacity:0.7; font-size: 9pt; }
header nav .menu ul li a:hover,header nav .menu ul li a.act { color:#fff; opacity:1; text-decoration: none;  }
header nav .face { height: 75px; line-height: 75px; }

header nav .flags { line-height: 20px; padding: 16px 0 0 0; }
header nav .flags a:hover img,.flags .act img { opacity:1;  }
header nav .flags img { width:15px;opacity: 0.5}
header .hamburguer-menu .flags { padding-right: 20px; }
header .hamburguer-menu .flags img { margin-right:5px; }

header.mini nav { height: 50px; }
header.mini nav .menu ul,header.mini nav .face { line-height: 50px; }
header.mini nav .logo { height: 20px; }
header.mini nav .flags { padding: 3px 0 0 0; }

.mn-soc-link{
    width: 34px;
    height: 34px;
    line-height: 33px;
    text-align: center;
    font-size: 12px;
    
    display: inline-block;
    border: 1px solid rgba(0,0,0, .1);
    
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    border:1px solid rgba(255,255,255, .2)
}
.mn-soc-link:hover{
    border: 1px solid rgba(0,0,0, .25);
}
.mn-soc-link i{
  margin-left: 0 !important;
}
.face:hover .mn-soc-link { background: #fff; color:#000; }


#inicio .carousel { background-color: rgba(10,10,10, .89);  }
.carousel .foto { width:100%;height:600px; }
.carousel .foto img { width:100%; }
/*.carousel .item1 .foto { background:url('../fotos/slider1.jpg') no-repeat; background-size:cover; background-position:50% 0; opacity:0.5; }
.carousel .item2 .foto { background:url('../fotos/slider2.jpg') no-repeat; background-size:cover; background-position:50% 0; }
.carousel .item3 .foto { background:url('../fotos/slider3.jpg') no-repeat; background-size:cover; background-position:50% 0; opacity:0.5; }*/


.carousel .item1 img, .carousel .item3 img  { opacity:0.5; }

.carousel-caption { top: 130px; font-family: Dosis, arial, sans-serif; left:15%; right:15%; }
.carousel-caption h2 { font-size:25pt; }
.carousel-caption h3 { font-size:25pt; }
.carousel-caption.cc1 { top:auto;bottom:100px !important; }

.carousel-control { width: 5% !important; }

#inicio .brands { height:100%; background:#fff; }
#inicio .brand { text-align: center }
#inicio .brand img { height:100px;}

.ap-header { height:75px;background: #2894ab; text-align: center; }
.ap-header h4 { line-height: 75px; /*font-weight: bold;*/ color:rgba(10,10,10, .89); font-size: 20pt; /*text-shadow: 0 1px 1px rgba(255,255,255,.6);*/ }
.ap-header-sales { height: 125px;background: #fff; }
.ap-header-sales h4 { line-height: 125px;color:rgba(10,10,10, .89); }

#servicios { background:rgba(10,10,10, .89); }
.cont-serv .cab { text-align:center; background: #ccc;height:40px; font-size: 10pt; }
.cont-serv .cab2 { background: #b9b9b9;  }
.cont-serv .cab h3 { line-height: 40px; }
.cont-serv .foto { width:100%; height:300px; opacity: 0.5; cursor: pointer; }
.cont-serv .foto1 { background: url("../fotos/services1.jpg") no-repeat center center; background-size: cover; }
.cont-serv .foto2 { background: url("../fotos/services2.jpg") no-repeat center center; background-size: cover; }
.cont-serv .foto3 { background: url("../fotos/services3.jpg") no-repeat center right; background-size: cover; }
.cont-serv .foto.act,.cont-serv .foto:hover { opacity: 1; }
.info-serv { color:#fff; }
.info-serv .izq {  height:300px;text-align: center;padding-top: 100px;}
.info-serv .der {  height:300px;padding-top: 25px; }
.info-serv .der form { width:400px; margin:0 auto; }
.info-serv .der form textarea { height:100px; }
.info-serv .der .input-group { margin-bottom:5px; }
.info-serv .izq .glyphicon { color: #2894ab; font-size: 20pt; }
.info-serv h2 { color: #2894ab; }
.info-serv p { font-size: 10pt; }
.info-serv .tecnico { width:500px; margin: 0 auto; }
.info-serv button[type="submit"] { margin-bottom:20px; }

.cont-puntos { background: #fff; }
.cont-puntos .centrado { width:300px; margin:0 auto; margin-bottom:50px; }
.cont-puntos .centrado .cab { color:#2894ab;margin-bottom:30px}
.height100 { height: 100%; }
.width100 { width: 100%; }

#contacto .cont-puntos,#contacto .ap-header { background-color: rgba(40, 148, 171, 0.9); }
#contacto .info-conta { width:300px; }
#sales-points .cont-puntos,#sales-points .ap-header { background-color: rgba(255, 255, 255, 0.6); }
#contacto .ap-header { height:150px; line-height: 150px; }
#contacto .centrado .cab { color:#fff; }
#contacto .centrado-form { width:80%; }
#contacto form textarea { height:100px; }
#contacto button { background: rgba(34,34,34, .9); }
#contacto .input-group { margin-bottom:5px; }
#contacto a,#sales-points a { color:#333; }

#sales-points {background: url("../fotos/puntos.jpg") no-repeat center center; background-size: cover; }
#contacto {background: url("../fotos/contacto.jpg") no-repeat center center; background-size: cover; }
#servicios2 {background: url("../fotos/servicios_new.jpg") no-repeat center center; background-size: cover; }
#servicios2 .servicios2-centrado { background:rgba(10,10,10, .89); }
#servicios2 .sub-services {  color: #fff;  text-align: center; line-height: 40px; background:rgba(10,10,10, .89); border:1px solid #ccc; cursor:pointer;}
#servicios2 .sub-services.act,#servicios2 .sub-services:hover { color:#2894ab;}

#noticias .cincuenta { padding:20px; }
#noticias .cincuenta .new { height:100%; cursor:pointer; } 
#noticias .cincuenta .new:hover .title  {
    /*background-size:200% !important;transition: all .3s ease-in-out;*/
    background: #2894ab;
}
.new { text-align:center;overflow:hidden; }
.zoom{
        /* Aumentamos la anchura y altura durante 2 segundos */
        transition: width 2s, height 2s, transform 2s;
        -moz-transition: width 2s, height 2s, -moz-transform 2s;
        -webkit-transition: width 2s, height 2s, -webkit-transform 2s;
        -o-transition: width 2s, height 2s,-o-transform 2s;
    }
    .zoom:hover{
        /* tranformamos el elemento al pasar el mouse por encima al doble de
           su tamaño con scale(2). */
        transform : scale(1.1);
        -moz-transform : scale(1.1);      /* Firefox */
        -webkit-transform : scale(1.1);   /* Chrome - Safari */
        -o-transform : scale(1.1);        /* Opera */
    }
#noticias .cincuenta .title { position:absolute;bottom:20px;padding:10px;background:rgba(0,0,0,0.6);color:#fff;width:calc(100% - 40px); font-size:15pt;z-index:100; }

#formService { margin-top:10px; }
#formService .input-group { margin-bottom: 5px; }
#formService .textarea { height: 80px; }

.noti { margin-top: 100px; }
.noti h1 { color: rgba(10,10,10, .89); margin-bottom: 30px; }
.noti img { width:100%; margin-bottom: 20px; }
.noti .fotos,.noti .textos {padding:10px;}
.noti .fotos .miniatura { height:150px; text-align: center; cursor: pointer;}




.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.triangulo-top-right {
    position:absolute;
    right:5px;
    width: 0;
    height: 0;
    border-top: 40px solid #f00;
    border-left: 40px solid transparent;
    color: #fff;
}


/*              PANEL      */
.panel-apartado { border:1px solid #ccc; padding:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; font-size:10pt; }
.panel-apartado .cab {  position: absolute; padding: 5px; background: #fff; font-size: 8pt; margin-top: -22px; }
.panel-apartado.apartados .apt { cursor:pointer; margin-top:5px;}
.panel-apartado.apartados .subapts { padding:0 0 0 20px; }
.panel-apartado.apartados .subapts label { padding:0 5px; }
.panel-apartado.apartados .subapts label.act { background:#2894ab; }
.input-group-addon { background: #ddd; }
.links { margin-bottom:10px; }
.customers .links { margin-bottom:0; }
.links .col-md-4 { height:30px; text-align:center; }
.links a {color:#fff;display: block}
.links a:hover {text-decoration: none}
.links i { font-size: 18pt;padding-top: 2px;}
.links span { font-size: 14pt;padding-top: 4px;}
.tlf-link { background: #ff6550;-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px; }
.what-link { background: #009a22; }
.mail-link { background: #585555;-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px; }
.ui-autocomplete { z-index: 10000 !important; }
td { vertical-align: middle !important; }