/*GENERAL*/
@font-face { font-family: 'tuffy'; src: url(../fonts/Tuffy.ttf); }
body { color: #000; font-family: 'Open Sans', sans-serif; font-weight: normal; }
a,
a:hover,
a:focus,
input[type="submit"] { color: inherit; text-decoration: none; transition: all 0.4s ease 0s; cursor: pointer; }
.antiClic { position: absolute; width: 100%; cursor: pointer; }
.divAlineado { display: table; width: 100%; }
.divTab { display: table; width: 100%; height: 100%; }
.divTab > div { display: table-cell; vertical-align: middle; }
.divHovImg { position: relative; width: 100%; height: 100%; }
.divHovImg img { width: 100%; vertical-align: top; }
.divHovImg:after { content: '\A'; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); opacity: 0; transition: all .5s; -webkit-transition: all .5s; }
.divHovImg:hover:after,
.slick-slide:hover .divHovImg:after,
.prod:hover .divHovImg:after { opacity: 1; }

/*Menu*/
.navbar-default { border-color: transparent; background-color: transparent; border-radius: 0; padding: 5px 0; margin: 0; float: left; display: table; }
.navbar-default .navbar-nav > li { }
.navbar-default .navbar-nav > li:not(:last-child) { border-right: 1px solid #4a5980; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size: 1.3em; padding: 10px 25px }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #ee000e; }
.navbar-default .navbar-nav>li:hover>a .caret { transform: rotate(-90deg); transition: all 0.3s ease-in-out; }
#menuPlegable { width: auto; margin: 0 auto; }

/* .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #0065cb; }


.dropdown-menu { left: 0; background-color: transparent; box-shadow: none; border: none; font-size: 1.5rem; width: 250px;}

ul.dropdown-menu > li { background-color: #0065cb !important; color: #fff !important; margin-bottom: 3px;}

ul.dropdown-menu > li > a { color: #fff !important; padding: 12px 8px; } 

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #9B000B; }

ul > li.activa, ul > li.activa a { color:  #0065cb !important; } */
.mega-dropdown { position: static !important; width: 100%; }
.mega-dropdown-menu { padding: 20px 0px; width: 1000px; box-shadow: none; -webkit-box-shadow: none; }
.mega-dropdown-menu:before { content: ""; border-bottom: 15px solid #fff; border-right: 17px solid transparent; border-left: 17px solid transparent; position: absolute; top: -15px; left: 6%; z-index: 10; }
.mega-dropdown-menu:after { content: ""; border-bottom: 17px solid #ccc; border-right: 19px solid transparent; border-left: 19px solid transparent; position: absolute; top: -17px; left: 6%; z-index: 8; }
.mega-dropdown-menu > li > ul { padding: 0; margin: 0; }
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; }
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #fff; background-color: #051334; }
.mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 18px; font-weight: bold; }
.mega-dropdown-menu form { margin: 3px 20px; }
.mega-dropdown-menu .form-group { margin-bottom: 3px; }

/*Header*/
header { background-color: #eee; }
header > div:first-child { display: table; height: 100%; padding: 0 3em; }
header > div:first-child > div { display: table; height: 95px; }
.telHead .divTab { float: left; width: auto; }
.telHead .fa { font-size: 5em; float: left; margin-right: 10px; }
.telHead p { margin: 0; font-size: 1.2em; }
.telHead p:last-child { font-size: 1.8em; color: #9e242b; }
header .socialIcons { display: table; margin: 15% auto 0; }
header .socialIcons .icon-button { background-color: #12244d; }
header .datLog { margin-top: 14%; }
header .datLog p { display: inline; font-size: 15px; }
header .datLog p:first-child { margin-right: 3em; }
header .datLog .fa { font-size: 1.6em; margin-right: 13px; }
header .datLog .fa.fa-shopping-cart { margin-right: 3px; }
header .datLog a:hover { padding-bottom: 2px; border-bottom: 2px solid #333; }
header > div:last-child { background-color: #12234e; }
header > div:last-child > div { display: table; margin: 0 auto; }
header > div:last-child form { float: left; width: 300px; height: 30px; padding: 5px 0; display: table; margin-left: 10em; }
header > div:last-child form > div { background-color: #fff; width: 100%; height: 30px; border-radius: 6px; padding: 0 9px; }
header > div:last-child form > div > input[type="text"] { width: calc(100% - 30px); height: 30px; float: left; border: none; border-radius: 6px; }
header > div:last-child form > div > input[type="submit"] { background-image: url('../img/Search.png'); background-size: 100% 100%; width: 30px; height: 30px; background-color: transparent; border: none; }
.affix { z-index: 99; position: fixed; }
#imgLogo2,
#copCar { display: none; }
.affix #imgLogo2 { display: block; float: left; margin-top: 6px; }
.affix #copCar { display: table; float: left; width: 120px; height: 48px; }
.affix #copCar > .divTab >div > * { display: inline; margin-right: 11px; color: #fff; }
.affix form { margin-left: 2em !important; margin-right: 3em; }
.signup-btn { margin-left: 0px; position: fixed; margin-top: 23%; width: 55px; height: 310px; background: #000; color: #fff; font-size: 20px; background-image: url(../img/boton-nuevo.jpg); background-repeat: no-repeat; cursor: pointer; z-index: 999; left: 0; }
#panel { font-family: 'dosismedium'; margin-left: 0px; position: fixed; margin-top: 23%; width: 600px; background-image: url(../images/panel_bg.jpg); height: 310px; left: -600px; z-index: 999; background-color: #f1f1f1; }
.panel-right { left: -600px; }
.panel_hold { padding: 2% 8%; }
.panel_hold h3 { text-align: center; color: #12234e; font-weight: 600; }
.panel_hold p { font-size: 1.2em; }
#formLate { width: 100%; display: table; }
#formLate > div { width: 45%; float: left; margin-right: 10px; }
#formLate > div input { width: 100%; border: none; padding: 6px 10px; margin-bottom: 10px; }
#formLate input[type="submit"] { background-color: #11244c; color: #fff; border: none; padding: 8px 14px; font-size: 1.2em; }

/*Footer*/
footer { background-color: #252525; padding: 2% 0; color: #878b8a; }
footer > div { padding: 0 6%; }
footer > div { display: table; width: 100%; height: 100%; margin-bottom: 1%; }
footer > div:first-child { border-bottom: 1px solid #404040; padding-bottom: 3em; }
footer > div:last-child p { text-align: center; }
footer > div:last-child p > a:hover { color: #fff; }
.col5 { width: 20%; float: left; border-right: 1px solid #404040; padding: 0 2%; display: table; height: 100%; }
footer > div > .col5:last-child { border-right: none; }
.col5 h3 { font-size: 1.3em; font-weight: 600; margin-bottom: 10%; color: #fff; }
.col5 p { font-size: 1em; margin-bottom: 6px; color: #878b8a; }
.col5 p > a:hover { color: #fff; }
#formSusFooter { display: inline-block; margin-top: 8%; }
#formSusFooter input[type="email"] { background-color: #2b2b2b; border: 1px solid #404040; font-size: 1.2em; padding: 5px; width: 100%; }
#formSusFooter input[type="submit"] { background-color: #25aef6; color: #fff; border: none; width: 100%; margin-top: 1em; padding: 2% 0; font-size: 1.8em; }
#formSusFooter input[type="submit"]:hover { background-color: #09A1F2; }
#divMedFoot { border-bottom: 1px solid #404040; padding-bottom: 2em; padding-top: 1em; }
#divMedFoot .divTab { width: auto; float: left; }
#divMedFoot > img { float: right; width: 600px; }

/*Index, Home*/
#contBannFormHome { height: 466px; }
#contBannFormHome > div:first-child { width: 75%; float: left; height: 466px; }
#contBannFormHome > div:last-child { width: 25%; float: left; height: 466px; background-color: #f1f1f1; display: table; }
#contBannFormHome > div:last-child h3 { color: #12234e; text-align: center; margin: 7% 0px 5%; }
.formHead { padding: 0 5%; display: table; width: 100%; }
.formHead > div { margin-bottom: 4px; }
.formHead > div > input[type="text"] { width: 80%; float: left; margin-right: 5%; padding: 5px 7px; border: none; }
.formHead > div > input[type="number"] { width: 15%; padding: 5px 7px; border: none;  }
.formHead > div > input[type=number]::-webkit-inner-spin-button { opacity: 1 }
.formHead > div:nth-child(6) { margin-bottom: 30px; }
.formHead #btnToCart { background-color: #f80001; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; margin-right: 15px; font-size: 1.2em; }
.formHead #btnToCart:hover { background-color: #C20000; }
.formHead #btnViCart { background-color: #11244c; color: #fff; border: none; padding: 8px 14px; border-radius: 6px; margin-right: 15px; font-size: 1.2em; }
.formHead #btnViCart:hover { background-color: #051332; }
.divProd { padding: 0 6%; margin: 0; }
.divProd h3 { border-bottom: 2px solid #bcbcbc; padding-bottom: 6px; color: #1d2528; }
.carruHome .slick-prev:before,
.slick-next:before { color: #4d4d4d !important; }
.carruHome .slick-slide { margin: 0 40px; border: 1px solid #ececec; padding: 5px; }
.carruHome .slick-list { width: 90%; margin: 0 auto; }
.carruHome .slick-prev { left: 3%; }
.carruHome .slick-next { right: 3%; }
.carruHome { width: 75%; margin: 0 auto; }
.carruHome img { width: 100%; }
.amazingcarousel-image img { width: 205px !important; height: 150px !important; }
.descProd { margin-top: 5px; height: 40px; }
.descProd > p { margin: 0; text-align: center; font-size: 1.1em; text-transform: uppercase; font-weight: 600; }
.precio { margin: 5% auto; display: table; }
.precio p { margin: 0; line-height: normal; font-size: 1.4em; display: inline-block; }
.precio p:last-child { color: #f80001; margin-right: 1em; }
.precio p:first-child { color: #777; position: relative; }
.precio p:first-child:before { content: ""; position: absolute; border-top: 1px solid; width: 100%; height: 0; top: 50%; }
.amazingcarousel-item .btnDeta { background-color: #12234e; color: #fff; padding: 2% 5%; display: table; margin: 3% auto; font-size: 1.3em; }
.amazingcarousel-item .btnDeta:hover { background-color: #051334; }
#seccWelHome { background-color: #f1f1f1; padding: 2% 8%; margin-top: 6%; }
#seccWelHome > div { width: 68%; margin: 0 auto; }
#seccWelHome > div > h3 { color: #12234e; font-size: 2.5em; padding-bottom: 6px; border-bottom: 4px solid #fff; text-align: center; margin: 0; }
#seccWelHome > div > p { text-align: center; font-size: 1.3em; margin: 2% 0; line-height: 28px; }
#seccWelHome > div > p > span { color: #f80001; }
#seccTestim { background-image: url('../img/fondo-testimonios.jpg'); background-size: 100% 100%; height: 450px; position: relative; }
#seccTestim > div { position: absolute; width: 40%; top: 30%; right: 5%; }
#seccTestim > div > h2 { margin-top: 0; text-align: center; color: #f80001; font-size: 2.8em; }
#carruTesti { margin-top: 6%; }
#carruTesti p,
#carruTesti h4 { text-align: center; font-size: 1.3em; color: #12234e; }
#carruTesti h4 { font-weight: 600; }

/*About Page*/
#pageAbout { background-color: #eee; padding: 2% 5%; }
#pageAbout h1 { color: #ed000d; border-bottom: 5px solid #fff; margin-bottom: 25px; padding-bottom: 6px; }
#pageAbout p { font-size: 1.3em; margin-bottom: 30px; }

/*Register Page*/
#pageRegister { background-color: #eee; padding: 2% 5%; }
#pageRegister h1 { color: #ed000d; border-bottom: 5px solid #fff; padding-bottom: 6px; width: 500px; margin: 25px auto; text-align: center; }
#pageRegister p { font-size: 1.3em; margin-bottom: 30px; }
.form { width: 450px; margin: 0 auto; }
.form input:not([type="submit"]),.form textarea { width: 100%; border: none; font-size: 1.2em; padding: 14px 18px; margin-bottom: 8px; transition: all 0.4s ease 0s; }
.form textarea { height: 150px; }
.form input:not([type="submit"]):focus,
.form input:not([type="submit"]):hover,.form textarea:focus,.form textarea:hover { background-color: #d1d1d1; cursor: pointer; }
.form input[type="submit"] { background-color: #12234e; font-size: 1.2em; color: #fff; border: none; padding: 12px 16px; float: right; margin-top: 2%; }
.form input[type="submit"]:hover { background-color: #051334; }
.form > div { float: left; }

/*Contact Page*/
#pageContact { background-color: #eee; padding: 2% 5%; }
#pageContact h1 { color: #ed000d; border-bottom: 5px solid #fff; margin-bottom: 25px; padding-bottom: 6px; }
#pageContact h4 { margin-bottom: 20px; }
#pageContact p { font-size: 1.3em; margin-bottom: 30px; width: 560px; }
.inforContact { width: 45%; float: left; margin-right: 7%; }
#pageContact form.form { float: left; }
.infoContact { display: table; width: 100%; margin-bottom: 2%; }
.infoContact .fa { font-size: 3.4em; float: left; width: 45px; text-align: center; margin-right: 8px; }
#pageContact .infoContact p { margin-bottom: 0; line-height: 2em; }
#divTel .fa { color: #da0303; }
#divDir .fa { color: #f6311f; }
#divMai .fa { color: #fd5656; font-size: 2.2em; }
.mapUbi { position: relative; width: 100%; display: table; height: 500px; }
.mapUbi > * { height: 500px; width: 100%; display: table; }

/*Blog Page*/
#pageBlog { background-color: #eee; padding: 2% 5% 3%; }
#pageBlog h1 { color: #ed000d; border-bottom: 5px solid #fff; margin-bottom: 3%; padding-bottom: 6px; }
#pageBlog p { font-size: 1.3em; margin-bottom: 30px; }
#pageBlog .infoBlog { display: table; width: 100%; margin-bottom: 2%; }
#pageBlog .infoBlog h2 { font-size: 1.8em; font-weight: 600; margin-bottom: 18px; }
#pageBlog .infoBlog img { float: left; width: 284px; height: 183px; margin-right: 20px; }
#pageBlog .infoBlog p { color: #333; font-size: 1.3em; }
#pageBlog .infoBlog p > span { color: #ed000d; font-weight: 600; }

/*Blog Page*/
#pageDetaBlog { background-color: #eee; padding: 2% 5% 3%; }
#pageDetaBlog h1 { color: #ed000d; border-bottom: 5px solid #fff; margin-bottom: 3%; padding-bottom: 6px; }
#pageDetaBlog p { font-size: 1.3em; margin-bottom: 30px; }
#pageDetaBlog img { margin-bottom: 2%; }

/*Products Page*/
#contTit { display: table; width: 100%; height: 100%; padding: 0 1%; }
#contTit h1 { width: calc(100% - 350px); float: left; color: #12234e; border-bottom: 2px solid #cccccc; font-size: 2.1em; }
#contTit .divTab { width: auto; float: right; margin-right: 7%; }
#contTit .btn,
#contTit ul.dropdown-menu { background-color: #d43030; color: #fff; width: 180px; border-radius: 0; font-size: 16px; }
#contTit .btn { padding: 3px 12px; }
#contTit .btn p { float: left; padding-left: 8px; margin: 0; }
#contTit .btn > img { position: absolute; top: 30%; right: 9%; }
#contTit ul.dropdown-menu { background-color: transparent; box-shadow: none; border: none; padding: 0; margin: 0; }
#contTit ul.dropdown-menu li { margin: 2px 0; background-color: #d43030; color: #fff; width: 100%; font-size: 16px; }
#contTit ul.dropdown-menu li a { color: #fff; }
#pageProduct .contProd { padding: 2% 8%; display: table; width: 100%; }
#pageProduct .contProd .prod { width: 18%; float: left; padding: 1%; border: 1px solid #ececec; margin: 0 3% 2%; }
#pageProduct .contProd .prod .btnDeta { background-color: #12234e; color: #fff; padding: 2% 5%; display: table; margin: 3% auto; font-size: 1.3em; }
#pageProduct .contProd .prod .btnDeta:hover { background-color: #051334; }
.contProd .prod img { width: 205px; height: 160px; display: table; margin: 0 auto; }
.productos2-tienda a .image-product img { height: auto !important; }
.pagination { width: 100%; padding: 0 8%; display: table; height: 60px; }
.pagination ul { list-style: none; padding: 0; }
.pagination ul > li { display: inline-block; margin: 0 4px; }
.pagination ul > li.active > a { background-color: #02091D; }
.pagination ul > li > a { padding: 10px; background-color: #12234e; color: #fff; }
.pagination ul > li > a:hover { background-color: #051334; }
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img { width: 415px !important; display: table !important; margin: 0 auto !important; }
#amazingcarousel-1 .amazingcarousel-image img { width: 100% !important; height: auto !important; }
.chosen-container-single .chosen-single span { margin-right: 15px; font-size: 13px; }