/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --fonts -- */

@font-face {
    font-family: 'TThin';
    src: url('../fonts/TitilliumText22L-Thin.eot?') format('eot'), 
         url('../fonts/TitilliumText22L-Thin.otf')  format('opentype'),
         url('../fonts/TitilliumText22L-Thin.woff') format('woff'), 
         url('../fonts/TitilliumText22L-Thin.ttf')  format('truetype'),
         url('../fonts/TitilliumText22L-Thin.svg#TitilliumText22L-Thin') format('svg');
}
@font-face {
    font-family: 'HLight';
    src: url('../fonts/HelveticaNeueLTCom-Lt.eot?') format('eot'), 
         url('../fonts/HelveticaNeueLTCom-Lt.woff') format('woff'), 
         url('../fonts/HelveticaNeueLTCom-Lt.ttf')  format('truetype'),
         url('../fonts/HelveticaNeueLTCom-Lt.svg#HelveticaNeueLTCom-Lt') format('svg');
}
@font-face {
    font-family: 'HMed';
    src: url('../fonts/HelveticaNeueLTCom-Md.eot?') format('eot'), 
         url('../fonts/HelveticaNeueLTCom-Md.woff') format('woff'), 
         url('../fonts/HelveticaNeueLTCom-Md.ttf')  format('truetype'),
         url('../fonts/HelveticaNeueLTCom-Md.svg#HelveticaNeueLTCom-Md') format('svg');
}
@font-face {
    font-family: 'HBlack';
    src: url('../fonts/HelveticaNeueLTCom95Black.eot?') format('eot'), 
         url('../fonts/HelveticaNeueLTCom95Black.woff') format('woff'), 
         url('../fonts/HelveticaNeueLTCom95Black.ttf')  format('truetype'),
         url('../fonts/HelveticaNeueLTCom95Black.svg#HelveticaNeueLTCom95Black') format('svg');
}



body{ font-size: 16px; font-family: 'HLight'; color: #4F4F4F; background-color: #E8E8E8; overflow-x: hidden; position: relative; }

h1, h2, h3, h4, h5, h6{font-family: 'HBlack';  line-height: 130%; }

p{ line-height: 160%; }

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.clear{ clear: both; }

.cont {width: 980px; margin: 0 auto;}



/* -- header -- */

.header {margin-bottom: 20px;}
.header .blanco {background: #fff; width: 100%; min-width: 980px; box-shadow: 3px 3px 3px #BCBCBC; padding: 20px 0; position: relative; z-index: 100;}
.header .blanco .cont {position: relative; z-index: 100;}
.header .blanco .logo {float: left;}

.header .subproductos {float: left; margin: 0 0 0 150px;  text-transform: uppercase; text-decoration: none; color: #535353; font-size: 14px; height: 75px;}
.header .subproductos h1 {border-left: 1px solid #B6B6B6; border-right: 1px solid #B6B6B6; border-radius: 10px;   height: 30px; padding: 15px 35px 0 35px;}

.header .search{float: right; position: relative;}
.header .search input{outline: none; border: 1px solid #b7b7b7; padding: 13px 35px 13px 13px; border-radius: 3px; width: 180px; font-family: 'HLight'; font-size: 14px;}
.header .search:before{content: ''; display: block; width: 25px; height: 20px; border-left: 1px solid #b7b7b7; background: url(../images/i-search.png) right center no-repeat; position: absolute; top: 15px; right: 10px;}


.header .cont nav {margin-top: 30px; float: left;}
.header .cont nav a {font-size: 12px; color: #535353; text-decoration: none; font-family: 'HBlack'; text-transform: uppercase; margin-right: 20px;}
.header .cont p {float: right; font-size: 10px; color:#838383; font-family: 'HBlack'; margin-top: 30px; margin-right: 10px;}

.header .cont .mail {background: url(../images/i-mail.png)center left no-repeat; padding-left: 30px;}
.header .cont .phone {background: url(../images/i-phone.png)top left no-repeat; padding-left: 30px; }
.header .cont p {text-align: center;}
.header .cont p span {font-family: 'HMed'; display: block; text-transform: uppercase; font-size:9px;}
.header .cont p strong {color: #CC001D; font-size: 15px;}
.header .cont .mail{font-size: 12px;}

.prodNav{position: absolute; top: -20px; left: 200px; /*background: red;*/ height: 105px;}
.prodNav .hov{position: relative; top: 30px;}
.prodNav .hov span.nom{display: block; padding: 10px 40px; border: 1px solid #b7b7b7; border-radius: 3px; border-bottom: 3px solid #979797; font-family: 'HBlack'; cursor: pointer; color: #979797; box-shadow: 0px 2px 3px rgba(0,0,0,.2); text-transform: uppercase; font-size: 12px;}
.prodNav .subn{position: absolute; top: 43px; left: 0px; z-index: 200; background: #fff; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; /*box-shadow: 0px 3px 5px rgba(0,0,0,.2);*/ width: 250px; padding: 20px 0 0 20px; display: none;}
.prodNav ul{width: 250px; position: relative; border-bottom: 1px solid #e8e8e8;}
.prodNav ul:last-child{border: none;}
.prodNav ul li div{padding: 20px 0; cursor: default; overflow: hidden; position: relative; font-family: 'HBlack'; text-transform: uppercase; font-size: 12px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodNav ul li div:before{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 30px; border-color: transparent transparent #fc5154 transparent; position: absolute; bottom: -30px; right: -30px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodNav ul li a{text-decoration: none; color: #6a6a6a;}
.prodNav ul li ul{width: 250px; position: absolute; top: 0px; left: 250px; background: #fff; display: none; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodNav ul li ul li{position: relative; padding: 15px 20px; font-size: 14px;}
.prodNav ul li ul li:hover{background: #f2f2f2;}
.prodNav ul li ul li span{display: block; padding: 10px 20px; position: absolute; top: 0px; left: 250px; opacity: 0; background: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.prodNav ul li ul li span:before{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 30px 30px 0 0; border-color: #fc5154 transparent transparent transparent; position: absolute; top: 0px; left: 0px;}
.prodNav ul li ul li img{position: relative;}

.prodNav:hover .subn{display: block;}
.prodNav ul:hover ul{display: block; opacity: 1;}
.prodNav ul li ul li:hover span{display: block; opacity: 1;}
.prodNav ul li div:hover{color: #fc5154;}
.prodNav ul li div:hover:before{bottom: 0px; right: 0px;}


/* -- footer -- */

.footer {padding-bottom: 100px;}

.footer .logo {float: left;}

.footer .cont nav {margin-top: 30px; float: right;}
.footer .cont nav a {font-size: 14px; color:#6A6A6A; text-decoration: none; font-family: 'HLight';  margin-left: 30px;}


.footer .cont .mail {background: url(../images/i-mail.png)center left no-repeat; padding-left: 30px;}


.footer .cont .phone {background: url(../images/i-phone.png)top left no-repeat; padding-left: 30px; }
.footer .cont p {text-align: center;}
.footer .cont p span { text-transform: uppercase;}
.footer .cont p strong {color: #CC001D; font-size: 15px;}

.footer .eslogan{margin-left: 10px; margin-top: 10px; float: left;}

.footer .f-contacto {float: right;}
.footer .cont .f-contacto p {float: left; font-size: 14px; color:#838383; font-family: 'HBlack'; margin-left: 15px;}
.footer .cont .f-contacto p span{font-size: 10px; font-family: 'HMed'; font-size: 8px;}

.footer .ems {font-family: 'HLight'; font-size: 14px; float: left;}


.conectate {border-bottom: 1px solid #B5B5B5; padding-bottom: 20px; margin: 0 0 20px 0;}
.conectate p {float: left; text-transform: uppercase; font-size: 22px; font-style: italic; font-family: 'HBlack'; color: #6a6a6a;}
.conectate p span{color: #CC001D; border-bottom: 1px solid #CC001D; font-family: 'HBlack';}

.conectate a {margin-left: 30px; height: 37px; display: block; width: 35px; float: left; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.conectate a:hover{box-shadow: 0px 5px 4px rgba(0,0,0,.2); -webkit-transform: translateY(-4px);}
.conectate .b-fb {background: url(../images/f-facebook.png) center center no-repeat #3b5a98; border-bottom: 3px solid #30487b;}
.conectate .b-tw {background: url(../images/f-twitter.png) center center no-repeat #4098fc; border-bottom: 3px solid #3780d3;}
.conectate .b-yt {background: url(../images/f-youtube.png) center center no-repeat #e22b27; border-bottom: 3px solid #b92420;}
.conectate .b-gp {background: url(../images/f-googleplus.png)  center center no-repeat #d34836; border-bottom: 3px solid #aa3b2c;}
.conectate .b-pn {background: url(../images/f-pinterest.png) center center no-repeat #c92128; border-bottom: 3px solid #aa1d22;}
.conectate .b-fr {background: url(../images/f-foursquare.png) center center no-repeat #1dafec; border-bottom: 3px solid #168dbd;}

.footer .newsletter{float: right; position: relative;}
.footer .newsletter input{outline: none; border: 1px solid #b7b7b7; padding: 10px 34px 10px 10px; border-radius: 3px; width: 250px; font-family: 'HLight'; font-size: 13px;}
.footer .newsletter:before{content: ''; display: block; width: 24px; height: 20px; border-left: 1px solid #b7b7b7; background: url(../images/f-mail.png) right center no-repeat; position: absolute; top: 12px; right: 10px;}



/*--home --*/

.homeSlide{position: relative; width: 960px; height: 465px; margin: 0 auto 20px auto; border: 10px solid #fff;}
.homeSlide .cycle-slideshow, .homeSlide .cycle-slideshow img{position: relative; z-index: 1;}
.homeSlide .next{display: block; width: 40px; height: 29px; background: url(../images/flecha.png) center center no-repeat rgba(210, 23, 18, .8); position: absolute; bottom: 0px; right: 0px; z-index: 10; text-indent: -9999px}
.homeSlide .prev{display: block; width: 40px; height: 29px; background: url(../images/flecha-izq.png) center center no-repeat rgba(210, 23, 18, .8); position: absolute; bottom: 0px; right: 41px; z-index: 10; text-indent: -9999px}
.homeSlide h1 {text-shadow: 0px 1px 10px rgba(0,0,0,.8); color:#fff; text-align: left; font-size: 60px; text-transform: uppercase; margin-left: 20px; margin-bottom: 10px;}
.homeSlide .caption{width: 980px; position: absolute; bottom: 15%; left: 0px; z-index: 10;}
.homeSlide .scont{width: 960px; margin: 0 auto;}
.homeSlide .scont .sconts{position: relative; text-align: left;}
.homeSlide .scont .sconts img {width: auto; border: none; margin-left: 20px;}


ul.prodBlock{margin-bottom: 20px;}
ul.prodBlock li{width: 33.3%; float: left; position: relative; overflow: hidden; min-height: 280px;}
ul.prodBlock li.blocks{background: #fff;}
ul.prodBlock li.blocks:before{content: ''; display: block; width: 2px; height: 100%; background: #e8e8e8; position: absolute; top: 0px; right: 0px; z-index: 10;}
ul.prodBlock li.blocks img{position: absolute; z-index: 1; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
ul.prodBlock li.blocks a{display: block; outline: none; text-decoration: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;}
ul.prodBlock li.blocks a:before{content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; top: 0px; right: 0px; z-index: 2; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
ul.prodBlock li.blocks small{display: block; padding: 10px; position: relative; z-index: 2; color: #7a7a7a; text-transform: uppercase; font-size: 12px;}
ul.prodBlock li.blocks h3{display: block; padding-left: 10px; position: relative; z-index: 2; text-transform: uppercase; font-style: italic; color: #124bb2;}
ul.prodBlock li.blocks div{width: 0; height: 0; border-style: solid; border-width: 0 0 60px 60px; border-color: transparent transparent #d21712 transparent; position: absolute; bottom: 0px; right: 0px; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
ul.prodBlock li.blocks div:before{content: ''; display: block; width: 1px; height: 20px; background: #fff; position: absolute; top: 30px
; left: -20px;}
ul.prodBlock li.blocks div:after{content: ''; display: block; width: 20px; height: 1px; background: #fff; position: absolute; top: 40px; left: -30px;}
ul.prodBlock li.blocks span{display: inline-block; padding: 10px 30px 10px 20px; background: rgba(255,255,255,.2); position: absolute; bottom: 0px; right: -100px; z-index: 1; font-family: 'HBlack'; color: #fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: skew(-30deg); -moz-transform: skew(-30deg); -o-transform: skew(-30deg); transform: skew(-30deg);}
ul.prodBlock li.blocks span:before{display: inline-block; content: 'Ver más'; text-transform: uppercase; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); -o-transform: skew(30deg); transform: skew(30deg);}
ul.prodBlock li.blocks:hover a:before{opacity: 1;}
ul.prodBlock li.blocks:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
ul.prodBlock li.blocks:hover div{border-color: transparent transparent #124bb2 transparent;}
ul.prodBlock li.blocks:hover span{right: 35px;}

ul.prodBlock li .slideLogos{padding: 0; text-align: center; position: relative;}
ul.prodBlock li .slideLogos:before{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 50px 50px 0 0; border-color: #d21712 transparent transparent transparent; position: absolute; top: 0px; left: 0px;}

ul.promoBlock li{width: 29%; float: left; position: relative; overflow: hidden; min-height: 280px;}
ul.promoBlock li:last-child{width: 42%;}
ul.promoBlock li:last-child .back{background: url(../images/fondo-rescatista.jpg) center top no-repeat; background-size: cover; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
ul.promoBlock li:last-child div{padding: 20px; color: #fff; position: relative; z-index: 1;}
ul.promoBlock li:last-child div h4{font-size: 28px; margin-bottom: 10px; text-transform: uppercase; text-shadow: 0px 2px 3px rgba(0,0,0,.5);}
ul.promoBlock li:last-child div p{line-height: 120%; text-shadow: 0px 2px 3px rgba(0,0,0,.5);}
ul.promoBlock li:last-child a{display: inline-block; background: rgba(210, 23, 18, .8); position: absolute; bottom: 0px; right: 0px; z-index: 3; text-decoration: none; color: #fff; padding: 15px;}
ul.promoBlock li:last-child a img{margin-left: 15px;}
ul.promoBlock li:last-child:hover .back{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

ul.prodRel li.blocks small{padding: 20px 0 0 20px;}
ul.prodRel li.blocks h3{display: block; padding-left: 20px; position: relative; z-index: 2; text-transform: uppercase; font-style: italic; color: #d21712;}
ul.prodRel li.blocks div{opacity: 0;}
ul.prodRel li.blocks:hover div{opacity: 1;}


.social{margin-bottom: 50px;}
.social .tw {float: left; width: 40%;}
.social .fb {float: left; background: #fff; width: 40%; height: 280px; overflow: hidden;}
.social .pint {float: left; height: 280px; width: 20%; background: url(../images/fondo-pinterets.jpg)center no-repeat; position: relative;}
.social .pint .logo {padding: 15px;}
.social .pint p {color: #fff; font-size: 20px; padding: 20px; text-align: center; line-height: 105%;  font-family: 'HMed';}
.social .pint p span {font-size: 10px;}

.social .pint  a {color: #fff; text-decoration: none; font-family:'HelveticaNeueLTCom-Lt'; position: absolute; bottom: 0px; right: 0px; background: rgba(212, 16, 36, .8); padding:10px 15px;}
.social .pint  a img {padding-left: 10px;}
.social .pint  a:hover {text-decoration: underline;}





/*-- empresa -- */

.empresa .cont {position: relative;}
.empresa .leng {position: absolute; top: 20px; right: 0px; }
.empresa .leng a {text-decoration: none; font-family: 'HBlack'; color: #D8231A; text-transform: uppercase; font-family: 20px;}

.empresa h1 {color: #fff; background: #D8231A; padding: 10px 15px 5px 15px; text-transform: uppercase; font-size: 36px; margin-bottom: 25px; display: inline-block;}

.empresa .info {background: #fff; width: 980px; max-height: 440px;}
.empresa .info .text {width: 492px; float: left; padding: 20px;}
.empresa .info .text p b {color: #6B9DAD; font-size: 18px; font-weight: bold;}
.empresa .info .text p {color: #606060; font-size: 14px; padding-top: 15px;}
.empresa .info .text p:first-child{padding: 0;}

.empresa h4 {color: #9B9B9B; font-size: 24px; font-family:'HelveticaNeueLTCom-Lt'; border-bottom: 1px solid #B6B6B6; padding-bottom: 40px; margin: 40px 0; font-style: italic;}
.empresa .marcas h3 {font-size: 18px; font-style: italic; color: #D8231A; margin-bottom: 20px;}
.empresa h2 {font-size: 24px; color:#fff; background: #BABABA; padding:35px 25px; font-family: 'HMed'; margin: 40px 0;}
.empresa .marcas ul{}
.empresa .marcas ul li{width: 20%; float: left; background: #fff; position: relative;min-height: 195px;}
.empresa .marcas ul li:before{content: ''; display: block; width: 100%; height: 2px; background: #e8e8e8; position: absolute; bottom: -1px; left: 0px; z-index: 5;}
.empresa .marcas ul li:after{content: ''; display: block; width: 2px; height: 100%; background: #e8e8e8; position: absolute; right: -1px; top: 0px; z-index: 5;}

.empresa .marcas ul li p{font-size: 12px;line-height: 130%; padding: 10px; font-style: italic;}
.empresa .marcas ul li div{min-height: 130px; position: relative;}
.empresa .marcas ul li img{position: absolute;}

/*--categoria --*/

.bombero {color: #D8231A; text-decoration: none; font-size: 18px; font-style: italic; font-family: 'HBlack'; text-transform: uppercase;}
.bombero img {margin-right: 15px;}
.bombero:hover {color: #BF002A;}


.categoria h1 {color: #fff; font-size: 36px; background: #D8231A;  text-transform: uppercase;  padding: 10px 15px 5px 15px; margin-top: 25px; display: inline-block;}
.categoria h2 {color: #545454; font-size: 28px; text-transform: uppercase;margin-top: 10px;}

.categoria button {color: #646464; background: #CDCBCC; border: none; font-family: 'HLight'; text-transform: uppercase; padding: 10px 15px 5px 15px;}
.categoria button:hover {background: #D92619; color: #fff;}

/*.categoria h3 {font-size: 18px; color: #D92619; font-style: italic; padding: 15px 0 0 15px; text-align: left;}*/
.categoria a {text-decoration: none;}
.categoria p {color:#8D8D8D; text-transform: uppercase; text-align: left; padding-left: 15px; }

.container, #container {
   padding: 50px 0 30px 0; width: 980px; margin: 0 auto;
}

.container .mix {
  background: #fff;
  margin-bottom: 20px;
  display: none;
  position: relative;
  padding: 0;
}



/*-- producto -- */


.producto h2 {color: #D8231A; text-decoration: none; font-size: 18px; font-style: italic; font-family: 'HBlack'; text-transform: uppercase; margin-top: 10px; float: left;}
.producto .sub-cat {color: #D8231A; text-decoration: none; font-size: 18px; font-style: italic; font-family: 'HBlack'; text-transform: uppercase; margin-top: 10px; float: left; padding-left: 15px;}
.producto .sub-cat:hover {color: #BF002A;}

.producto h1 {color: #fff; background: #D8231A; font-size: 36px; padding: 10px; margin-top: 15px; display: inline-block; text-transform: uppercase;}

.producto .info {min-height: 500px; width: 980px; background: #fff;}
.producto .especi {width: 380px; float: left; min-height: 500px; padding: 25px 0 0 25px; border-right:1px solid #E5E5E5;}
.producto .especi h3 {text-transform: uppercase; color: #000000; margin-bottom: 10px;}
.producto .especi p {color: #8D8D8D; font-size: 14px; margin-bottom: 20px; padding-right: 20px;}

.producto .especi .line {border-bottom: 1px solid #E5E5E5; position: relative; padding: 5px; margin-bottom: 10px;}
.producto .especi .line h4 {float: left; margin-right: 15px; padding-top: 5px; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; color: #8d8d8d;}
.producto .especi .line p {float: left; margin-bottom: -5px; margin-right: 10px; text-transform: uppercase; font-family: 'HLight'; color: #8D8D8D; background: #F2F2F2; padding: 1px 5px;}
.producto .especi .line img {float: left; padding-right: 15px; padding-top: 5px;}

.producto a.btnFichaT{display: block; padding:15px 0 15px 50px; border-bottom: 1px solid #E5E5E5; margin: -10px 0 10px 0; text-decoration: none; font-family: 'HBlack'; font-size: 12px; color: #8d8d8d; text-transform: uppercase; background: url(../images/fica-tecnica.png) 10px -33px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.producto a.btnFichaT:hover{background: url(../images/fica-tecnica.png) 10px 13px no-repeat #d82826; color: #fff;}
.producto a.btnVideo{display: block; padding:15px 0 15px 50px; border-bottom: 1px solid #E5E5E5; margin: -10px 0 10px 0; text-decoration: none; font-family: 'HBlack'; font-size: 12px; color: #8d8d8d; text-transform: uppercase; background: url(../images/ver-video.png) 10px -33px no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.producto a.btnVideo:hover{background: url(../images/ver-video.png) 10px 13px no-repeat #d82826; color: #fff;}

.producto .especi .line .colores {margin-bottom: 0px;}
.producto .especi .line .color  { float: left;
    width: 30px; 
    height: 30px; 
    -webkit-transform: skew(-30deg); 
    -moz-transform: skew(-30deg); 
    transform: skew(30deg);
    margin-bottom: -5px;
    margin-right: 1px;
}
.producto .especi .line .uno {background: red;}
.producto .especi .line .dos {background: green;}


.producto .flexslider {position: relative; width: 550px; margin: 0 auto;  height: 500px; float: right;} 


.producto .flex-control-nav {width: 70px; position: absolute; bottom: 5px; left: 250px; text-align: center;}
.producto .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.producto .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #C6C6C6; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.producto .flex-control-paging li a:hover { background: #8D8D8D; }
.producto .flex-control-paging li a.flex-active { background: #000000; cursor: default; }

.producto .flex-direction-nav a {width: 60px; height: 60px; background: url(../images/bg_direction_nav.png)no-repeat 0 0;}

.producto .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.producto .flex-direction-nav .flex-prev {left: -60px;}


.producto .flexslider:hover .flex-next {opacity: 0.8; right: -36px;}
.producto .flexslider:hover .flex-prev {opacity: 0.8; left: -60px;}


.relacionados {margin: 50px 0;}
.relacionados h4 {font-size: 18px; color: #6A6A6A; font-style: italic; text-transform: uppercase; margin-bottom: 10px;}




/*--contacto --*/
.contacto {margin-bottom: 70px;}
.contacto h1 {color: #fff; font-size: 36px; display: inline-block; text-transform: uppercase; padding: 10px 15px 0 15px; background: #da251c; margin-top: 20px;}

.contacto .forma {background: #fff; width: 734px; margin-right: 1px; float: left; height: 570px; position: relative;}
.contacto .forma h4 {font-size: 22px; color: #8D8D8D; font-family: 'HLight'; padding: 30px 0 0 20px; margin-bottom: 30px;}
.contacto .forma p{position:relative; float: left; padding-left: 20px; margin-bottom: 15px;}
.contacto .forma label{position:absolute; top:9px; left:65px; font-size: 14px; color: #A1A1A1; }

.contacto .forma input{outline: none; padding: 8px; margin-bottom: 3px;  font-size: 14px; color: #5F5F5F; width: 280px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; background: #fff; border: 1px solid #D5D5D5; border-radius: 3px; margin-left: 35px;}

.contacto .forma textarea{outline: none; padding: 8px;  font-size: 14px; color: #5F5F5F; width: 633px; height: 123px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; float: left; background: #fff; border: 1px solid #D5D5D5; border-radius: 4px; margin-left: 35px;}


.contacto .forma #submit{background: #6A6A6A; color: #fff; width: 110px; height: 40px; border-radius: 1px; border: none; font-size: 16px; cursor: pointer; position: absolute; bottom: 40px; left:25px; font-family: 'HBlack'; text-transform: uppercase; box-shadow: 3px 3px 3px #4E4E4E;}
.contacto .forma #submit:hover{background: #4E4E4E; box-shadow: none;}
.contacto .forma .error_box{margin-bottom: 10px; color: #FA3E3E;}

.contacto .forma .p-codigo {padding-left: 55px; color: #8D8D8D; font-size: 12px;}
.contacto .forma .c-obli {position: absolute; bottom: 40px; left: 180px; color: #8D8D8D; font-size: 12px;}

.contacto .captcha{clear: both; padding-left: 55px; margin-bottom: 20px;}
.contacto .captcha img{float: left; margin: 0;}
.contacto .captcha input{float: left; margin: 0 0 0 10px; width: 100px;}

.error_box{padding: 5px 0 0 0; position: absolute; top: 380px; right: 40px; font-size: 12px; line-height: 130%;}
.msggracias{text-align: center; padding: 15px 0; color: #fff; background: #87CF47; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 100; font-family: 'HLight'; font-size: 18px; display: none; }
.msgnoenviado{text-align: center; padding: 15px 0; color: #fff; background: #FA3E3E; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 100; font-family: 'HLight'; font-size: 18px; display: none; }

.contacto .ubicacion {height: 570px; width: 240px; float: right; background: #fff;}
.contacto .ubicacion img {float: left; position: relative; top: 8px; left: 10px;}
.contacto .ubicacion h2 {text-transform: uppercase;font-size: 22px; color: #fff; background: #C5C5C5; padding: 10px 0 5px 40px;}
.contacto .ubicacion p {color: #C5C5C5; line-height: 200%; font-size: 14px; padding: 15px 10px 0 10px;}
.contacto .ubicacion .cel {color: #D41025; font-size: 18px; font-family: 'HBlack'; background: url(../images/iPhone-potrait.png)left no-repeat; padding-left: 25px; margin:30px 0 20px 20px;}
.contacto .ubicacion .cel-fu {text-align: center; margin-left: -10px;}
.contacto .ubicacion .cel-fu span {color: #D41025;}

.map-cont {width: 980px; height: 500px;}




/*-- politica avisos --*/

.avisos{width: 980px; margin: 0 auto 40px auto;}
.avisos h1 {color: #fff; font-size: 36px; display: inline-block; text-transform: uppercase; padding: 10px 15px 0 15px; background: #da251c; margin-top: 20px;}
.avisos article{background: #fff; padding: 30px; font-size: 12px;}
.avisos article p{margin-bottom: 20px; line-height: 150%;}
.avisos article strong{display: block; font-family: 'HMed'; text-transform: uppercase;}
.avisos article ul{ margin-bottom: 20px; list-style-type: disc; padding: 0 0 0 30px;}
.avisos article ul li, .avisos article ol li{line-height: 150%;}
.avisos article ol{list-style-type: upper-latin; padding: 0 0 0 30px; margin-bottom: 20px;}