h1, h2, h3 {font-weight: 300}

/* -------------------------- H O M E ---------------------------------------------- */
/*carousel colores*/
#owl-demo2 .item {margin: 0px;}
#owl-demo2 .item img {display: block; width: 100%; height: auto;}

.carousel-oculto{ display: none;}

.carousel-home .owl-pagination {margin-top: 10px; text-align: center;display: none;}
.carousel-home {width: 100%; margin:0 auto;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {position: absolute;top: 50%;z-index: 5; display: inline-block;height: auto;}
.carousel-indicators {display: none}
.carousel-control.left {background: none;}
.carousel-control.right {background: none}
/*.olw-item {width: 142px !important;}*/

.contenedor-carousel a{display: block; height: 130px; font-size: 1.250em; font-weight: 300; text-align: center;padding-top: 40px;color:#fff; }
.contenedor-carousel a span {width: 80%; display: inline-block;}
.boton-violeta {background:#A25A77;} /* #ff7503 */
.boton-rosa {background:#FF735E ;} /*#D52318 */
.boton-verdeagua {background:#49B6A4 ;} /*#70162F */
.boton-amarillo {background: #F7A636;} /*#142B3A */
.boton-azul {background:#367D91 ;} /*primer verde: #1D6A0E segundo verde: #498C1C*/


.presentacion {text-align: center; color: #A25A77; font-size: 1.8em; line-height: 1.3em; width: 80%; margin: 0 auto 2em;letter-spacing: 0.2px;}

.info {color:#6D6F6B;width: 49.8%;height: 100%; text-align:left; padding-top: 5px;  display: inline-block; }
.info p{font-size: 16px;}
.infoizq{margin-right: 4%}
.mapa {width: 100%; height: 224px; border: 0;}
.fondo-negro {width: 100%;height: 150px;background-color: #E6E6DA; height: 130px;}/* gris oscuro: #1c1c1c  clarito:#868585*/

.logo {position: absolute !important; z-index: 999;}

/* Estilos Fichas de Productos*/
.divImgProd {width: 100%;  position: relative; border: 1px solid #F4F4EF} /* height: 100%;*/
.divImgProd img {width: 100%; height: auto;}
.bandaInfoProd {background: #E6E6DA; padding: 0.5em 1em; color: #777774 !important; }
.bandaInfoProd .btn-default {color: #777774 !important;}
.bandaInfoProd .btn-default:hover {color: #fff !important; background: #00A9E0; border: none;}
.bandaInfoProd p {margin:7px 0 5px;}
.bandaOfertas, .bandaNuevos {color: #fff; font-size: 1.2em; position: absolute; bottom: 0; left: 0; padding: 0.1em 0.5em;}
.bandaOfertas {background: #FF735E; font-weight: 700;}
.bandaNuevos {background: #F7A636;}
.bandaProd span {margin-right: 1em; font-size: 0.938em; text-transform: uppercase; margin-top: 0.6em;}
.lazy {margin: 0}
.bandaOfertas span{font-weight: 300;}

/* Estilos de Bootstrap modificados */
.navbar {margin:0;}
.navbar-toggle {margin-top: 2em;}
.navbar-brand {padding: 0.125em 0; margin-top: 1em;}
.navbar-collapse {padding-right: 0;}
.dropdown-menu {background: #E6E6DA;}

.open {background: #E6E6DA}

.thumbnail {padding: 0; border: none; border-radius: 0; position: relative;}

.modal-header, .modal-footer {border: 0}

.progress {height: 12px; width: 94%; float: left;}

#divLoading {display: none; position: fixed; top: 0; left: 0; z-index: 5000; width: 100%; height: 100%; text-align: center; background: rgba(255,255,255,0.7);}
#divLoading img {position: absolute; top: 50%; left:50%; margin-top: -24px; margin-left: -24px}
#divLoading p {position: absolute; top:40%; width: 100%; font-size: 1.6em; }

.carrouselProdHome {margin-bottom: 4em !important;} /* pisa a mismo selector en BASE*/
.banner {margin: 0 auto 6em}

/* NOSOTROS */
.info-nosotros{margin-top: 20px;}
.txtNosotros{display: block; margin-left:180px; margin-bottom: 4em}
.imgNosotros{ float: left; width: 150px; }

/* SERVICIOS */ 
.redesContacto{width: 100%}
.redesContacto a{background-image: url(../images/sprites-redes.png); width: 24px; height: 24px; display: inline-block;}
.redesHome{width: 100%; text-align: center; position: relative; top:-30px;right: 0;}
.redesHome a{background-image: url(../images/sprites-redes.png); width: 24px; height: 24px; display: inline-block; margin: 0.80em;}
.redes{  width: 51px; position: relative; z-index: 99; top: 70px; right: 105px;}
.redes a{background-image: url(../images/sprites-redes.png); width: 24px; height: 24px; display: inline-block;}
.facebook{background-position: 0 -24px; }
.google{background-position: 48px -24px;}
.facebook:hover{opacity: .7}
.google:hover{background-position: 48px 0px;}
.instagram {background-image: url(instagram.png)!important;}
.instagram:hover {opacity: .7}
.col-md-6{margin-bottom: 40px;}
h4{margin-bottom: 20px;font-size: 20px;}
.col-izqservicios {margin-bottom:3%;}
.col-izqservicios p{margin-top:-6px;}


/* CARRITO */
.col-tabla{vertical-align: top;background-color: #F4F4EF; width: 49.8%; height: 600px;padding: 2% 3%; margin-bottom:146px;display: inline-block;}
.col-carrito {vertical-align: top;background-color: #F4F4EF; width: 49.8%; height: 600px;padding: 2% 3% 5%; margin-bottom:146px;display: inline-block;}
.col-carrito label{font-size: 18px; font-weight: normal;}
.col-carrito textarea {height: 125px; margin-bottom: 1.2em;}
.col-carrito .form-group {margin-bottom: 8px;}
.col-carrito h3{border-bottom: 1px #DEDAD7 solid; padding-bottom: 2%;}
.col-carrito .btn{color:#fff;background-color:  #A25A77 !important; padding: 6px 40px !important; font-size: 18px !important; margin-top: 12px !important;}
.col-carrito .btn:hover{background-color: #92526C !important;}

.table .fa-times:before {color: #000 !important;}
.mapa{border-top: 4px solid #367D91;}
.table td{padding: 2.5% 0 !important; vertical-align: middle !important;}
.table img{width: 60px !important; height: 60px !important;}
.table input{width: 68px;}

/* CLIENTES */
.imagenClientes{width: 100%;height: 100%; margin-bottom: 20px;}
.tarjetas{width: 100%;height: 100%; text-align: center;}
.clientesImg{width:80%; margin-bottom: 25%;}
.info-margen{margin-top: 140px;}
.fila-clientes{margin-top: 4% !important;}
.lista-clientes{font-size: 1.2em}



/*CONTACTOS*/
.col-contacto{vertical-align: top;background-color: #F4F4EF; width: 49.8%; height: auto;padding: 2% 3%; display: inline-block;}
.col-contacto p{margin-bottom: 50px;}
.col-contacto label {font-size: 18px; font-weight: normal;}
.col-contacto .form-group {margin-bottom: 8px;}
.col-contacto .btn {color:#fff;background-color:  #A25A77 !important; padding: 6px 40px !important; font-size: 18px !important; margin-top: 12px !important;}
.col-contacto .btn:hover{background-color: #92526C !important; color:#fff;}
.col-izqcontacto{vertical-align: top; width: 49.8%; height: 600px;padding-top: 2%; display: inline-block;}
.col-izqcontacto p{margin-bottom: 2em;}

.boton-presupuestar{background-color:  #4295AD !important; color: #fff}
.boton-presupuestar:hover,.boton-presupuestar:focus {background-color: #367D91 !important; color:#fff;}



.presionadoNuevo{color:#ff7503;}
.presionadoOferta{color:#D52318;}
.btn{box-shadow: none !important;}
.editarEliminar{padding: 6px 0; color: #4295AD !important;}
.editarEliminar:hover{color: #367D91 !important;}

.volveraSeccion {font-size: 1em !important; color:#000;}
.volveraSeccion:hover{color:#696969; }
.volveraSeccion i {margin-right: 0.5em;}
.radio i{margin-left: 0.5em; color: #ADADAD;}
.form-group p{font-size: 1em; padding-top: 0.5em;}
.progreso{margin-bottom: 20px;margin-top: 20px;}
.progreso i{color: #1D6A0E; margin-left: 2%; position: relative;top:-4px;}


.divEstado input{display: inline-block;}
.estado{float: left; padding-top: 0.5em;}
.divPrecio{display: inline-block;float: right; margin-left: 1em;}

/* ADMIN */
.ok{background: #302F2F !important; }
.divAlerta .close {color: #fff; opacity: 1; text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; position: relative; top: -2px;}

/* SUB MENU */
#menuPrincipal .dropdown li a:hover{ background-color:#D6D6CA;}/*#9C9C8A*/

.prePresentacion{text-align: center;color: #A25A77;font-size: 1.6em;line-height: 1.3em;width: 80%;margin: 0 auto 0.5em;letter-spacing: 0.2px;}
.parrafoServicios{margin-bottom: 1em;}
/* ----------------------------- M E D I A  Q U E R Y ------------------------------------- */
/*@media screen and (max-width: 1080px) {
    .navbar-header {float: right;}
    .navbar-collapse.collapse {display: none}
}*/
@media screen and (max-width: 1080px) {
    header .col-md-12 {padding: 0}
    .logo {left:20px;}
    .fondo-negro .col-md-12 {padding: 0}
    .divMenu {float: left; width: 100%}
    #menuPrincipal {height: auto !important;} 
    #menuPrincipal a {height: 40px; line-height: 40px; font-size: 1.250em;}
    .navbar-collapse {border: 0 !important; padding: 0}
    .navbar-nav {margin:0;}
    .btnCarrito i {display: inline-block; font-size: 1.6em; padding: 0 0.4em}
    .btnCarrito span {display: none}
    .info {width: 100%; border-bottom: 0; margin-bottom: 1em}
}

@media screen and (max-width: 1000px) {
    #menuPrincipal a {padding: 0 1.250em !important }
    /*.fondo-negro .container {padding: 0}*/
}

@media screen and (max-width: 980px){
   .infoCarrito {float: left !important;}
}

@media screen and (max-width: 880px){
    #menuPrincipal a {padding: 0 0.7em !important;}
}

@media screen and (max-width: 870px){
    .btnCarrito { padding: 0 1.1em !important;} 
}

@media screen and (max-width: 780px) {
    #menuPrincipal a {padding: 0 1.2em !important}
}

@media screen and (max-width: 770px) {
.infoizq{margin-right: 0;}
}


@media screen and (max-width: 743px){
    .col-tabla {width: 100%; height: auto;}
    .col-carrito {width: 100%;}
    .col-contacto{width: 100%; margin-bottom:3px; padding: 1em}
    .imgSlideFlex, .flex-caption {width: 100%}
    .imgSlideFlex .flechaSlide {display: none}
    .col-izqcontacto{height: auto;}
    .slideDinamicoHome {min-height: 700px}
}

@media screen and (max-width: 600px){
    .contenedor-carousel a{height: 150px; padding-top: 50px; font-size:1.2em }
    .tarjetas {text-align: center}
    .data-fiscal {float:none;}
    .col-izqcontacto{width: 100%}
}
@media only screen and (max-width: 550px) {
    .info-nosotros{margin-top: 2em;}
    .txtNosotros{width: 100%; margin: 2em 0 4em !important; text-align: center;}
    .imgNosotros{width: 100%;  float: none; text-align: center;} 
}
@media screen and (max-width: 495px) {
    .col-izqservicios{width: 100%;}
    .col-xs-6{width:100% !important;}
    .idiomas {padding: 18px 20px;}
    .idiomas li {display: block}
}

@media screen and (max-width: 440px){
    .col-xs-6 {width: 100%;}
}
@media screen and (max-width: 400px){
    .idiomas {padding: 12px 15px;}
    .btnCarrito { padding: 0 0.5em !important;} 
    .idiomas, .btnCarrito {height: 80px}
    .logo {width: 36%; left: 12px; margin-top: 15px;}x
    .logo img {width: 100%;}
    .navbar-toggle .icon-bar {width: 18px}
    .navbar-toggle { margin-top: 1.5em;}
}