/*!
 * Tatu v 1.0
 * Copyright 2015 -
 */

body {margin:0; font-family: 'Source Sans Pro', arial,  sans-serif !important;}

h1, h2, h3 {font-weight: normal}
ul, li {margin:0; padding:0; list-style: none}
a {text-decoration: none !important;}

.fondoDestacado {background: #F4F4EF; padding: 1em; margin-bottom: 2em; box-sizing: border-box !important;}
.fondoDestacado > * {margin-top: 0;}
.fondoDestacado input:last-child {margin-bottom: 0}

.ajustaImg {width: 100%; height: auto;}

/* HEADER */
header {background:#F4F4EF;} /*gris oscuro: #1c1c1c gris clarito #868585*/

/* NAV */
.divMenu {float: right;}
#menuPrincipal a {background: transparent; font-size: 15px; color:#6D6F6B; font-weight: 400;background: transparent; height: 88px; line-height: 88px; padding: 0 22px !important; text-transform: uppercase; box-sizing: border-box;}
#menuPrincipal a:hover {background:#E6E6DA;}
#menuPrincipal .dropdown li a {height: 35px; line-height: 35px; font-size: 15px;}

.idiomas {background: #e5e4d8; padding: 28px 20px; float: left; height: 88px; text-align: center; position: relative; z-index: 1000 }
.idiomas li {display: inline-block; vertical-align: middle; }
.idiomas li a {display: block; background: #fff; border: 1px solid #A2A2A2; color:#6D6F6B; font-size: 15px; min-width: 24px; height: 24px; line-height: 24px; margin: 2px; cursor: pointer; }
.idiomas li span {display: none;}

.btnCarrito {font-weight: 400; font-size: 15px; height: 88px; line-height: 88px; margin: 0 !important; background:  #4295AD;color:#fff; padding: 0 22px !important; text-transform: uppercase; box-sizing: border-box; position: relative; z-index: 1000; float: right} /*background: #302F2F; */
.btnCarrito:hover {background: #367D91; color:#fff;}
.btnCarrito i {display:none;}
.carrouselProdHome {margin-bottom: 6em}

/* SLIDE HOME */
.slideHome {overflow: hidden;} 
.carousel-inner {position: relative; width: 100%; overflow: hidden;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%; margin: auto;}

/* SLIDE HOME */
.slideDinamicoHome {max-height: 340px; background:  #A25A77; margin-bottom: 6em; overflow: hidden}
.flex-caption {width: 50%; padding: 0 10%; float:left ; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 2em;height: 340px; max-height: 340px; display: table;}
.flex-caption p {font-size: 1.6em; font-weight: 300; display: table-cell; vertical-align: middle;}

.imgSlideFlex {width: 50%; height: 340px; float: left; position: relative; overflow: hidden;}
.imgSlideFlex img {position: relative; bottom: 0; right: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; }
.imgSlideFlex .flechaSlide {background: url(../images/flecha-slide.svg); width:23px; height: 70px; position: absolute; right: 0; top:50%; margin-top: -35px !important }
/*.flex-direction-nav {position: absolute; top:30%; left: 50%}
.flex-prev {display: none}
.flex-next {background: url(../images/flecha-02.svg); width: 22px; height: 72px;display: block; text-indent: -9999px; }*/

/* Ventanas emergentes */
.divEmergente{background:#fff; border: 1px solid #B4B4A7; width:167px; padding: 2em 1em 1em; position: absolute; top:108px; right: 15px; z-index: 999; font-size: 1em; line-height: 1.4em; text-align: center; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.4);
-moz-box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.4); box-shadow:1px 1px 5px 0px rgba(50, 50, 50, 0.4); text-align: center }
.divEmergente a {color:  #367D91 !important;}
/*.divEmergente .imgArtPedido {width: 150px; height: auto}    sacar*/
.cerrarEmergente{position: absolute; bottom:6px; right:10px;}
.cerrarEmergente i {color: #367D91 !important;}
.cerrarEmergente .fa-remove:before, .cerrarEmergente .fa-close:before, .cerrarEmergente .fa-times:before  {color: #367D91 !important;}
.cerrarEmergente span {display: none}
.triang{background: url(../images/triang.png); width:20px; height: 9px; position: absolute; top:-9px; z-index:999;}
#ventanaCarrito .triang{left: 50%; margin-left: -10px;}

.tooltip {background: black; color:#fff;}

/* Módulo lista y ficha de productos */

.moduloItem {min-height: 370px}
.producto {background: #666; width: 100%; height: 250px;}

/* SECTION */
section {padding-top: 4em; min-height: 350px;}
section  * > * > *{margin-top: 0 !important}
section .titulosPag {color:#FF9C00; font-weight: 500}

/* FOOTER */
footer {margin-top: 1em; padding: 4em 0}
.tarjetas{width: 100%;height: 100%; text-align: center;}
.tarjetas img {margin: 0 2em 2em 0; vertical-align: middle;}
.data-fiscal img {width: 30px; border: 0;margin-right: 0!important;}

#s-m-t-tooltip{position:absolute; max-width:300px;padding:6px 8px 8px 8px; z-index:99; display:inline-block; /*important*/ font-size:13px;line-height:16px;color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background-color: #000;}

/* ----------------------------- A D M I N ------------------------------------ */

.divAlerta{position: fixed; bottom: 0; right: 1em; width: 300px; padding: 1em; z-index: 1000; font-size: 1.1em; }
.ok{background: #599F00; color: white; }
.error{background: #E5352D; color: white;}
.alert-warning{border: 0;}
.sortable div{cursor:move;}
.cursor-move{cursor: move !important;}
.infoTxt {font-size: 14px !important;}
.infoTxt i {margin-right: 0.3em; color: #ADADAD; font-size: 1.6em; vertical-align: middle;}
.infoCarrito {font-size: 16px; color:#367D91; margin-bottom: 1em;float: right;}
.infoCarrito i {margin-right: 0.3em; font-size: 1.2em; vertical-align: baseline;}
.infoCarritoHome{font-size: 16px; color: #367D91; margin-bottom: 1em; text-align: center;}
.infoCarritoHome i{    margin-right: 0.3em; font-size: 1.2em; vertical-align: baseline;}

.divLogin{margin: 100px auto 250px auto; width: 300px;  }
/*.divLogin input[type="text"], .divLogin input[type="password"] {width: 100%; margin-bottom: 20px}
.divLogin input[type="submit"]{float:right;}ver bootstrap y sacar*/ 

.headerAdmin{background: #4C4B4B; border-bottom: 1px solid #fff; height:3.125em; color: #fff; position: relative; }
.headerAdmin .divSalir{position: absolute;right: 0}
.headerAdmin .divAdministrar{position: absolute; left: 0}
.headerAdmin .salir{color:#fff; padding: 0 1em; margin-left: 1em}

/* Carga Slide Home */
.fondoBco {background: #fff; padding: 1em}
.divCargaImgSlideHome {width: 49%; height: 230px ; float:left; overflow: hidden; position: relative; cursor: pointer}
.divCargaImgSlideHome img {width: 100%; height: auto}
.divCargaImgSlideHome canvas {min-width: 100%; min-height: 100%; width: auto; height: auto; overflow: hidden;}
.divCargaImgSlideHome i {position: absolute; top: 0.6em; right: 0.6em; font-size: 1.4em; color: #337ab7; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.imgSeleccionadas textarea {height: 6em}
.divCargaTxtSlideHome {width: 48.5%; float: right;}
.divCargaTxtSlideHome textarea {height: 230px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-weight: 400; font-size: 16px; font-family: 'Source Sans Pro', arial,  sans-serif }

/* Catálogo de Productos */
.divListadoItems:nth-child(1) {border-top: 0 none;}
.divListadoItems {border-top: 1px solid #c6c6c6; min-height: 5em; padding-top: 1em; vertical-align: top;}
.divListadoItems h3 {margin: 0 1em 0 0 !important}
.sinProductos {border: 1px dashed #C6C6C6; width: 250px; height: 250px; text-align: center; line-height: 200px; margin: 2em 0px 4em;}

.iconos{padding: 0.5em 0.5em 0.563em; border-bottom: 1px dashed #C6C6C6; margin-bottom: 0.5em}
.iconos i{cursor: pointer; }
/*.iconos i:hover {color:#3885C7;}*/
.iconos .fa-pencil{margin-right: 0.5em}

.lazy {margin-bottom: 0.5em;}

.menuInsertContenido a {margin: 0.5em;}

/* Portfolio Completo */
.video-tc {width: 100%; height: 270px; border:none;}
.videoDetalle {height: 314px; margin-bottom: 1.250em}

/* Agregar Producto */
.datosProducto {}
.datosProducto h3 {margin-top: 0 !important; font-size: 1.250em; font-weight: 400 !important; }
.datosProducto label {font-weight: normal}

.spanDestacarProd {display: inline-block; font-size: 1.5em; font-weight: 300;padding-top: 0.3em; width: 300px; margin-left: 1em;}
.divCargaImgProducto {margin: 0px 0px 4em; position: relative;}
.divCargaImg { height: 20em; width: 20em; position: relative; box-sizing: border-box;}
.divCargaImg i {position: absolute; top: 0.6em; right: 0.6em; font-size: 1.4em; color: #337ab7; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.divVistaImgCargada { border: 1px dashed #999; width: 230px; height: 230px; background: #fff; margin-bottom: 1.3em;}
.divVistaImgCargada img { width: 100%; height: auto;}
.divInputFile { display: table;}
.divInputFile label.btn { width: 30%;}
label.btn {display: table-cell;}
label.btn + input.form-control {display: table-cell;vertical-align: middle; margin-left: 1em;}
.divInputFile input.form-control { width: calc(100% - 1em);}
.divDatos .thumbnail {background: transparent;}
.thumbnail .fa-times-circle { position: absolute; top: 0.6em; right: 0.4em; font-size: 1.4em !important;color: #286090; cursor: pointer;}
.divCuerpoTxt .fondoDestacado{min-height: 80px; margin-bottom: 0 !important}

.form-group span {display: inline-block; margin:0 0.3em; font-size: 2em;}

.estado input[type=text]{width: 80px}
.modIndicarSeccion {display: table; width: 100%; }
.modIndicarSeccion .cadaSeccion {font-size: 1em; border-bottom: 1px solid #C6C6C6; padding: 0.6em 0; display: table-row;}
	.cadaSeccion div {display: table-cell; padding: 0.5em 1em 0.5em 0; border-bottom: 1px solid #C6C6C6;}
	.cadaSeccion div:first-child {font-size: 16px; width: 10%;}
	.cadaSeccion span {display: inline-block;}
	.cadaSeccion input[type=checkbox] {margin-right: 0.3em}
	.cadaSeccion label {margin-right: 1.2em; vertical-align: 2px}

.punteado {padding-top: 1.5em; border-top: 1px dashed #C6C6C6;}
.border-top {padding-top: 1.5em; border-top: 1px solid #C6C6C6;}

/* IMG CROP */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;

}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 0%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}

.cropArea{
    border: 1px dashed #999;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
    height: 390px;
}

/* Ocultamos el input file */
.oculto {z-index: 999;line-height: 0;font-size: 30px; position: absolute;opacity: 0;filter: alpha(opacity = 0);-ms-filter: "alpha(opacity=0)";
margin: 0;padding:0;left:0;top: 0;width: 130px;}

/* Al label lo convertimos en "boton" (en apariencia) 
.cargar {text-align: center;color: #fff;display: block;border-radius: 3px;font-size: 18px;float: left; position: relative;}*/

/* Efecto Hover */
.conEfectoHover {display:block; position: relative;}
.efectoHover{position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    color: rgba(255,255,255,0);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;}
.efectoHover:hover {
    background-color: rgba(0,0,0,0.7);
    color: rgba(255,255,255,1);}

.efectoHover p {position: absolute;
    top: 50%;
    margin-top: -15px !important;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
}
/* Botones */
.btn, .btnGris, .btnCalado, .btnSec{cursor:pointer; display: inline-block;}
.btn i, .btnGris i, .btnCalado i, .btnSec i{margin-right: 0.313em}

.btnSec {color:#93AF52; padding: 0.625em 0.938em;}
.btnSec:hover, .btnSec:hover i:before{color: #BBD531;}

.btnCalado {display:inline-block; color:#fff !important; padding: 0.625em 0.938em;}
.btnCalado i:before {color:#FF8D13;}
.btnCalado:hover i:before {color: #FF8D13;}

.btn-primary {background:#286090}
.btn-primary:hover {background:#337ab7}

.btn.disabled, .btn.disabled i {opacity: 1; color: #C7C7C7 !important;}

.inputWidth80 {width: 80px}
.inputWidth60 {width: 60px;}

.marginTop1 {margin-top: 1em !important}
.marginRight5 {margin-right: 0.5em;}
.marginRight {margin-right: 1em;}
.marginRight1-5 {margin-right: 1.5em;}
.marginBottom05 {margin-bottom: 0.5em !important}
.marginBottom1 {margin-bottom: 1em !important}
.marginBottom2 {margin-bottom: 2em !important;}

.sinPadding {padding-right: 0 !important}

a.laura {display:block; width:210px; height:15px; background:url(../images/laura-chuburu.png); position:absolute; bottom: 0; right:20px;}
a.laura span {display:none}
a.laura:hover {background-position:bottom}

.firmalaura{color:#9B9B9B;font-size: 11px; }
.firmalaura a{color:#9B9B9B;}
.firmalaura a:hover{color:#626263;}


.iconoBtn-texto{color:  #4295AD;}
.iconoBtn-texto:hover{color: #367D91;}
.iconos a.btn{padding: 6px 12px 0 0; color:#4295AD !important;}
.iconos a.btn:hover{color: #367D91 !important;}
.iconos i {color:#4295AD !important;}


@media (max-width: 386px){
	.tarjetas img {margin: 0 2em 1em 0; vertical-align: middle; width: 30px;}
  .divEmergente {width: 260px; left: 50%; margin-left: -130px;}
}

@media screen and (max-width: 768px){
#ventanaCarrito .triang {left:94%;}
}