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;
}


.cta{
display:block;
display:scroll;position:fixed;top:300px;right:0px;
z-index:99;
background-color:#EE4747;
padding:15px 10px;
color:#ffffff;
font-size:16px;
font-weight:bold;
-webkit-box-shadow: -11px 11px 9px -7px rgba(0,0,0,0.61);
-moz-box-shadow: -11px 11px 9px -7px rgba(0,0,0,0.61);
box-shadow: -11px 11px 9px -7px rgba(0,0,0,0.61);
}

/* -- fonts -- */

@font-face {
    font-family: 'amblelight';
    src: url('../fonts/Amble-Light-webfont.eot');
    src: url('../fonts/Amble-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Light-webfont.woff') format('woff'),
         url('../fonts/Amble-Light-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Light-webfont.svg#amblelight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'amblebold';
    src: url('../fonts/Amble-Bold-webfont.eot');
    src: url('../fonts/Amble-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Bold-webfont.woff') format('woff'),
         url('../fonts/Amble-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Bold-webfont.svg#amblebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ambleregular';
    src: url('../fonts/Amble-Regular-webfont.eot');
    src: url('../fonts/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Amble-Regular-webfont.woff') format('woff'),
         url('../fonts/Amble-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Amble-Regular-webfont.svg#ambleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* -- party club -- */

body{ font-size: 14px; font-family: 'amblelight'; color: #403d50; background-color: #fff; overflow-x: hidden;}

p{ line-height: 120%; }

.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; }



/* -- header & footer -- */

.header{width: 100%; z-index: 50; position: absolute; top: 0px; left: 0px;}
.inH .header{width: 100%; z-index: 50; position: relative; top: 0px; left: 0px; margin-bottom: 30px;}
.header .cont{width: 980px; margin: 0 auto; padding: 10px; position: relative;}
.header a.logo{float: left;}

.header .nav{width: 810px; float: right; text-align: right; position: relative; top: 65px;}
.header .nav a{display: inline-block; color: #414141; text-decoration: none; font-size: 12px; text-transform: uppercase; padding: 13px; font-family: 'ambleregular'; position: relative; border-bottom: 4px solid transparent;}
.header .nav a:after{content: ''; display: block; width: 1px; height: 15px; background: #414141; position: absolute; top: 10px; right: 0px;}
.header .nav a:last-child{padding: 13px 0 13px 13px;}
.header .nav a:last-child:after{display: none;}
.header .nav a:hover{color: #f16262; border-bottom: 4px solid #eb494c;}
.header .nav span{position: relative;}
.header .nav span div{background: #eb494c; position: absolute; top: 29px; left: 0px; z-index: 150; text-align: left; width: 300px; display: none;}
.header .nav span div a{display: block; color: #fff; border: none; font-family: 'amblelight'; text-transform: inherit; font-size: 14px; padding: 13px; margin: 0;}
.header .nav span div a:hover{background: #c32424; color: #fff; border: none;}

.header .info{position: absolute;; top: 20px; right: 0px; text-align: right; font-size: 12px;}
.header .info a{margin-right: 10px;}
.header .info a.phone{display: inline-block; padding: 3px 0 3px 20px; background: url(../images/i-phone.png) left center no-repeat; color: #777777; text-decoration: none;}
.header .info a.mail{display: inline-block; padding: 3px 0 3px 25px; background: url(../images/i-mail.png) left center no-repeat; color: #777777; text-decoration: none;}
.header .info a:hover{color: #f16262;}

.socialFooter{background: #566a78;}
.socialFooter .cont{width: 980px; margin: 0 auto; padding: 50px 10px; color: #fff; font-size: 12px;}
.socialFooter .cont li{width: 370px; float: left; padding-top: 40px; margin-right: 30px;}
.socialFooter .cont li:first-child{width: 180px;}
.socialFooter .cont li:last-child{float: right; margin: 0;}
.socialFooter .info{background: url(../images/i-location-f.png) left top no-repeat;}
.socialFooter .info p{margin-bottom: 10px;}
.socialFooter .info a{display: block; text-decoration: none; color: #fff; font-family: 'amblebold';}
.socialFooter .info a:hover{color: #eb494c;}
.socialFooter .twitter{background: url(../images/i-twitterf.png) left top no-repeat;}
.socialFooter .face{background: url(../images/i-fb.png) left top no-repeat;}
.socialFooter .face div{background: #fff; border-radius: 3px;}
.socialFooter .miniform{background: url(../images/i-mail-f.png) left top no-repeat;}
.socialFooter .miniform input{outline: none; padding: 8px; margin-bottom: 3px;  font-size: 14px; color: #969696; width: 200px; border: none; font-family: 'amblelight';}
.socialFooter .miniform textarea{outline: none; padding: 8px; font-size: 14px; color: #969696; width: 200px; height: 80px; border: none; margin-top: 2px; font-family: 'amblelight';}
.socialFooter .miniform p{position:relative; margin: 0; }
.socialFooter .miniform label{position:absolute; top:9px; left:10px; font-size: 14px; color: #333333; }
.socialFooter .miniform #submit{background: #eb494c; color: #fff; width: 140px; border-radius: 1px; font-size: 16px; cursor: pointer; font-family: 'amblelight'; padding: 5px;}
.socialFooter .miniform #submit:hover{background: #a8acbe;}

.footer{background: #4d5e6a;}
.footer .cont{width: 980px; margin: 0 auto; padding: 50px 10px 100px 10px;}
.footer a.logo{float: left;}
.footer ul{width: 800px; float: right;}
.footer ul li{width: 114px; float: left;}
.footer ul li a{display: block; text-decoration: none; color: #fff; font-size: 10px; line-height: 120%; margin-bottom: 3px; padding-right: 5px; padding-left: 6px;}
.footer ul li a:hover{text-decoration: underline;}
.footer ul li a:first-child{border-left: 1px solid #fff; padding-left: 5px; margin-bottom: 5px; font-size: 11px; text-transform: uppercase;}



/* -- home -- */

.homeSlide{position: relative; z-index: 1;}
.homeSlide .slide div{width: 100%; min-width: 980px; position: relative;}
.homeSlide .slide div img{width: 100%; position: relative; z-index: 1;}
.homeSlide .slide .caption{width: 100%; position: absolute; top: 25%; left: 0px; z-index: 10;}
.homeSlide .slide .caption .in{width: 960px; margin: 0 auto; color: #414141;}
.homeSlide .slide .caption .in h1{font-size: 70px; font-family: 'amblebold'; margin-bottom: 20px; text-transform: uppercase;}
.homeSlide .slide .caption .in p.sub{font-size: 36px; font-family: 'amblelight'; text-transform: uppercase; margin-bottom: 20px;}
.homeSlide .slide .caption .in a{display: inline-block; padding: 7px; background: #ed4747; color: #fff; text-decoration: none; margin-top: 20px; font-family: 'amblelight'; border-bottom: 3px solid #ed4747; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.homeSlide .slide .caption .in a:hover{border-bottom: 3px solid #bb2e2e;}

.homeSlide .c1 h1, .homeSlide .c1 p{width: 605px;}
.homeSlide .c2 h1, .homeSlide .c2 p{width: 380px;}
.homeSlide .c3 h1, .homeSlide .c3 p{width: 650px;}

.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 30px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 70px; width: 20px; height: 20px; 
    display: inline-block; color: #fff; cursor: pointer; margin: 0 5px; 
}
.cycle-pager span.cycle-pager-active { color: #3b4db7;}
.cycle-pager > * { cursor: pointer;}

.fraseh{background: #263138; color: #fff; margin-top: -3px;}
.fraseh h2{width: 980px; margin:0 auto; padding: 50px 0; font-family: 'amblebold'; font-size: 30px; line-height: 110%;}
.fraseh h2 span{color: #ed4747;}

.homeLinks{background-image: linear-gradient(#979ca0, #f6f6f6);}
.homeLinks ul{width: 980px; margin:0 auto; padding: 50px 0;}
.homeLinks ul li{float: left; width: 300px; margin-left: 40px; box-shadow: inset 0 0 0 1px #ed4747; -webkit-transition: all .3s; -moz-
    transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.homeLinks ul li:first-child{margin: 0;}
.homeLinks ul li:last-child{margin: 0; float: right;}
.homeLinks ul li a{display: block; padding: 20px; text-decoration: none; color: #6e7d87; position: relative;}
.homeLinks ul li .pic img{width: 100%; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.homeLinks ul li .pic{margin-bottom: 20px;}
.homeLinks ul li h3{font-family: 'amblebold'; font-size: 18px; margin-bottom: 20px;}
.homeLinks ul li p{margin-bottom: 20px;}
.homeLinks ul li span{display: inline-block; background: #ed4747; padding: 3px; color: #fff; font-size: 12px; position: absolute; bottom: 0px; left: 40%;}
.homeLinks ul li:hover{box-shadow: inset 0 0 0 8px #ed4747;}
.homeLinks ul li:hover img{box-shadow: 0px 2px 10px rgba(0,0,0,.5); -webkit-transform: translateY(-2px) scale(1.1); -moz-transform: translateY(-2px) scale(1.1); -o-transform: translateY(-2px) scale(1.1); transform: translateY(-2px) scale(1.1);}

.paraMuestra{background: #d2dde3; overflow: hidden;}
.paraMuestra .cont{width: 980px; margin: 0 auto; padding: 50px 10px 0 10px; position: relative;}
.paraMuestra .in{width: 520px; height: 440px; margin: 0 auto;}
.paraMuestra a.pmBack{display: block; width: 100px; height: 100px; background: url(../images/i-flechita-izq.png) center center no-repeat; border-radius: 50%; border-left: 3px solid #fff; position: absolute; top: 40%; left: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.paraMuestra a.pmNext{display: block; width: 100px; height: 100px; background: url(../images/i-flechita-der.png) center center no-repeat; border-radius: 50%; border-right: 3px solid #fff; position: absolute; top: 40%; right: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.paraMuestra a.pmBack:hover, .paraMuestra a.pmNext:hover{border-color: #ed4747;}
.paraMuestra h5{font-size: 36px; color: #263138; margin-bottom: 30px; text-align: center;}
.paraMuestra p{line-height: 130%; font-size: 18px; margin-bottom: 30px;}
.paraMuestra p span{color: #ed4747; font-family: 'amblebold';}
.paraMuestra .pic{text-align: center;}

.megabanner{background: url(../images/banner-home.jpg) center top no-repeat; background-size: cover;}
.megabanner h4{font-size: 60px; font-family: 'amblebold'; color: #fff; width: 980px; margin: 0 auto; padding: 120px 0; text-align: center; line-height: 120%;}
.megabanner h4 span{color: #ed4747;}



/* -- nosotros -- */

.titulo{background: #eb494c; position: relative; overflow: hidden; min-width: 980px;}
.titulo .cont{width: 50%; float: left; background: #cb3033; padding: 10px 0;}
.titulo .cont h1{width: 490px; float: right; color: #fff; font-size: 24px; text-transform: uppercase;}
.titulo .cont h1:before{content: ''; display: block; width: 80px; background: #e12a2f; height: 100%; position: absolute; top: 0px; left: 47%; -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -o-transform: skew(-40deg); transform: skew(-40deg);}

.nosotrosInfo{background: url(../images/back-nosotros.jpg) #e7e7e7 center top no-repeat; background-size: cover;}
.nosotrosInfo .cont{width: 980px; margin: 0 auto; padding: 40px 10px 100px 10px;}
.nosotrosInfo .info{width: 455px; float: right;}
.nosotrosInfo .info img{margin-bottom: 30px;}
.nosotrosInfo .info p{font-size: 24px; font-family: 'amblelight'; color: #414141; line-height: 130%; margin-bottom: 20px;}
.nosotrosInfo .info p strong{color: #eb494c;}



/* -- que es -- */

.que-es{width: 980px; margin: 0 auto; padding: 70px 10px 100px 10px; background: url(../images/que-es-cielo.jpg) center -50px no-repeat; position: relative;}
.que-es .cont{width: 300px; position: relative;}
.que-es .cont p{font-size: 18px; line-height: 120%; margin-bottom: 40px;}
.que-es .cont p strong{color: #eb494c;}
.que-es .cont a{display: block; padding: 0 10px 0px 50px; position: relative; z-index: 5; color: #414141; font-size: 14px; text-decoration: none; line-height: 120%; margin-bottom: 30px;}
.que-es .cont a span{display: block; width: 40px; padding: 12px 0; text-align: center; color: #fff; background: #546775; font-size: 18px; border-radius: 50%; font-family: 'amblebold'; position: absolute; top: 0px; left: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.que-es .cont a span.sel{background: #eb494c;}
.que-es .flechota{position: absolute; top: 160px; right: -80px; z-index: 1;}
.que-es .sin{width: 669px; height: 520px; background: url(../images/isofoil-sin.png); position: absolute; top: -40px; right: 0px;}
.que-es .con{width: 666px; height: 486px; background: url(../images/isofoil-con.png); position: absolute; top: -6px; right:0px; display: none;}

.aiTerm{background: #e2e5e7;}
.aiTerm .cont{width: 980px; margin: 0 auto; padding: 70px 10px;}
.aiTerm h2{font-family: 'amblebold'; color: #eb494c; margin-bottom: 10px; font-size: 18px;}
.aiTerm .c1{width: 295px; border-right: 1px solid #b7b7b7; float: left; padding: 20px 30px 20px 0; position: relative;}
.aiTerm .c1:before{content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 15px 0 15px 30px; border-color: transparent transparent transparent #b7b7b7; position: absolute; top: 40%; right: -30px; z-index: 1;}
.aiTerm .c1:after{content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 15px 0 15px 30px; border-color: transparent transparent transparent #e2e5e7; position: absolute; top: 40%; right: -28px; z-index: 2;}
.aiTerm .c2{width: 270px; float: left; text-align: center; margin-left: 50px;}
.aiTerm .c3{width: 270px; float: right; text-align: center;}
.aiTerm .c2 p, .aiTerm .c3 p{padding-top: 10px;}

.comoFunc{width: 980px; margin: 0 auto; padding: 70px 10px; position: relative;}
.comoFunc .info{width: 545px;}
.comoFunc .info h3{font-family: 'amblebold'; color: #eb494c; margin-bottom: 10px; font-size: 18px;}
.comoFunc .info p{margin-bottom: 30px;}
.comoFunc .info p span{display: block; padding-right: 300px;}
.comoFunc .info ul{margin-bottom: 60px;}
.comoFunc .info ul li{width: 145px; float: left; padding-left: 15px; background: url(../images/i-bullet-rojo.jpg) left 4px no-repeat;}
.comoFunc .info ul li strong{font-family: 'amblebold';}
.comoFunc .frase{color: #eb494c; font-size: 20px; line-height: 130%;}
.comoFunc #canvas{position: absolute; top: 50px; right: 70px; z-index: 1;}
.comoFunc .d1{position: absolute; top: 70px; right: 187px; z-index: 10; font-size: 18px; color: #fff;}
.comoFunc .d2{position: absolute; top: 140px; right: 110px; z-index: 10; font-size: 18px; color: #fff;}
.comoFunc .d3{position: absolute; top: 190px; right: 140px; z-index: 10; font-size: 12px; color: #fff; width: 180px;}
.comoFunc .d3 span{display: block; font-size: 36px; font-family: 'amblebold';}

.compEspesor{background: #d2dde3;}
.compEspesor .cont{width: 980px; margin: 0 auto; padding: 70px 10px;}
.compEspesor img{float: left;}
.compEspesor .info{width: 470px; float: right; padding-top: 50px;}
.compEspesor .info h4{font-family: 'amblebold'; color: #eb494c; margin-bottom: 10px; font-size: 18px;}
.compEspesor .info p strong{color: #eb494c;}

.compTransf{background: #f6f6f6;}
.compTransf .cont{width: 980px; margin: 0 auto; padding: 70px 10px;}
.compTransf .info{width: 295px; float: left;}
.compTransf .info h5{font-family: 'amblebold'; color: #eb494c; margin-bottom: 20px; font-size: 18px;}
.compTransf .info li{margin-bottom: 20px; position: relative; padding-left: 25px;}
.compTransf .info li strong{font-family: 'amblebold';}
.compTransf .info li:before{content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0px; left: 0px;}
.compTransf .info li.l1:before{background: #ebdd49;}
.compTransf .info li.l2:before{background: #ec9a41;}
.compTransf .info li.l3:before{background: #d44548;}
.compTransf .tabla{width: 632px; height: 341px; background: url(../images/tabla-comparacion-transferencia.png); float: right; position: relative; overflow: hidden;}
.compTransf .tabla div{color: #fff; font-size: 11px; text-align: center; padding-top: 5px; position: absolute; width: 60px;}
.compTransf .tabla .f1{background: #d44548; height: 240px; bottom: 0px; left: 40px;}
.compTransf .tabla .f2{height: 20px; color: #414141; bottom: 0px; left: 100px;}
.compTransf .tabla .f3{background: #ebdd49; height: 15px; color: #414141; bottom: 0px; left: 160px;}
.compTransf .tabla .f4{background: #d44548; height: 180px; bottom: 0px; left: 240px;}
.compTransf .tabla .f5{background: #ec9a41; height: 116px; bottom: 0px; left: 300px;}
.compTransf .tabla .f6{background: #ebdd49; height: 15px; color: #414141; bottom: 0px; left: 360px;}
.compTransf .tabla .f7{background: #d44548; height: 180px; bottom: 0px; left: 450px;}
.compTransf .tabla .f8{background: #ec9a41; height: 116px; bottom: 0px; left: 510px;}
.compTransf .tabla .f9{background: #ebdd49; height: 15px; color: #414141; bottom: 0px; left: 570px;}

.astm{width: 980px; margin: 0 auto; padding: 70px 10px; background: url(../images/astm.jpg) left center no-repeat;}
.astm p{padding-left: 200px; font-size: 20px; font-family: 'amblebold'; line-height: 140%;}

.megabanner2{background: url(../images/back-que-es.jpg) center top no-repeat; background-size: cover;}
.megabanner2 p{font-size: 48px; font-family: 'amblebold'; color: #414141; width: 980px; margin: 0 auto; padding: 50px 0; text-align: center; line-height: 120%;}
.megabanner2 p span{color: #ed4747;}



/* -- ventajas -- */

.ventajas{background-image: linear-gradient(#e2e5e7, #fdfdfd); padding: 70px 0;}
.ventajas .cont{width: 540px; margin: 0 auto; position: relative;}

.ventajas .cont .fig1{float: left;}
.ventajas .cont .fig1 figcaption{text-align: center; font-size: 18px; font-family: 'amblebold'; padding-top: 10px;}
.ventajas .cont .fig2{float: right;}
.ventajas .cont .fig2 figcaption{text-align: center; font-size: 18px; font-family: 'amblebold'; padding-top: 10px;}

.ventajas ul{padding-top: 20px;}
.ventajas ul li{border-bottom: 1px solid #747575; padding: 10px 160px; text-align: center; position: relative;}
.ventajas ul li .yes{display: block; width: 28px; height: 22px; background: url(../images/i-checkmark.png); position: absolute; top: 5px; left: 60px;}
.ventajas ul li .no{display: block; width: 22px; height: 22px; background: url(../images/i-cross.png); position: absolute; top: 5px; right: 60px;}



/* -- productos-- */

.prodList{width: 980px; margin: 0 auto; padding: 70px 10px;}
.prodList .clear{margin-bottom: 50px;}
.prodList li{width: 300px; min-height: 400px; float: left; margin-right: 40px; overflow: hidden; background: #e2e5e7; position: relative; box-shadow: 0 1px 1px rgba(0,0,0,0.3); -webkit-transform: translateY(0) scale(1, 1); -moz-transform: translateY(0) scale(1, 1); -o-transform: translateY(0) scale(1, 1); transform: translateY(0) scale(1, 1); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodList li a{text-decoration: none;}
.prodList li.l3{float: right; margin: 0;}
.prodList li h2{background: #eb494c; padding: 10px; color: #fff; font-size: 18px; font-family: 'amblebold';}
.prodList li div{background: #d2dde3; min-height: 120px; position: relative;}
.prodList li div p{color: #414141; padding: 10px 150px 0 10px;}
.prodList li div span{display: inline-block; background: #eb494c; color: #fff; padding: 3px 20px; position: absolute; bottom: 0px; left: 10px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodList li img{position: absolute; top: 50px; left: 60px;}
.prodList li.cinta div p{color: #414141; padding: 10px 100px 0 10px;}
.prodList li.cinta img{position: absolute; top: 100px; left: 20px;}
.prodList li.p4 img, .prodList li.p5 img{position: absolute; top: 70px; left: 40px;}
.prodList li:hover{-webkit-transform: translateY(-20px) scale(1.03, 1.03); -moz-transform: translateY(-20px) scale(1.03, 1.03); -o-transform: translateY(-20px) scale(1.03, 1.03); transform: translateY(-20px) scale(1.03, 1.03); box-shadow: 0 11px 18px rgba(0,0,0,0.2);}
.prodList li:hover span{background: #3d50b4;}

.prodDescrip{background: #d2dde3;}
.prodDescrip .cont{width: 980px; margin: 0 auto; padding: 40px 10px; position: relative;}
.prodDescrip img{position: absolute; top: 20px; right: 30px;}
.prodDescrip h2{color: #eb494c; font-family: 'amblebold'; font-size: 36px; text-transform: uppercase; margin-bottom: 20px;}
.prodDescrip p{font-size: 30px; color: #5f5f5f;}

.prodDescripTxt{background: #e9e9e9;}
.prodDescripTxt .cont{width: 980px; margin: 0 auto; padding: 40px 10px 20px 10px; color: #5f5f5f;}
.prodDescripTxt p{margin-bottom: 20px; padding-right: 300px; line-height: 140%;}
.prodDescripTxt p span{font-size: 24px;}

.compPres{width: 980px; margin: 0 auto; padding: 40px 10px;}
.compPres .comp div, .compPres .pres div{display: block; font-size: 18px; font-family: 'amblebold'; color: #414141;}
.compPres .comp{width: 300px; float: left; position: relative;}
.compPres .comp img{position: absolute; top: 10px; right: 0px;}
.compPres .comp ul{padding-top: 40px;}
.compPres .comp ul li{margin-bottom: 15px; position: relative; padding-left: 20px; font-size: 12px; color: #eb494c;}
.compPres .comp ul li span{display: block; color: #fff; background: #eb494c; width: 16px; text-align: center; border-radius: 50%; position: absolute; top: -3px; left: 0px; padding: 2px 0;}
.compPres .pres{width: 400px; float: left; margin-left: 30px;}
.compPres .pres ul{padding-top: 40px;}
.compPres .pres ul li{width: 20%; float: left; text-align: center; font-size: 13px;}
.compPres .pres ul li span{display: block; color: #eb494c; margin-bottom: 10px;}
.compPres .pres ul li p{color: #5f5f5f;}
.compPres .pres ul li small{color: #8babb1; font-style: italic; font-size: 12px;}

.prodTablas{width: 980px; margin: 0 auto; padding: 40px 10px 10px 10px;}
.prodTablas table{margin-bottom: 30px; width: 100%;}
.prodTablas table tr th{font-size: 12px; text-align: left; padding: 20px 10px; font-style: italic; line-height: 120%;}
.prodTablas table tr th strong{font-family: 'amblebold'; font-style: normal;}
.prodTablas table tr th:nth-child(odd){background: #c9dce3;}
.prodTablas table tr th:nth-child(even){background: #bdd5de;}
.prodTablas table tr td{background: #e9e9e9; font-size: 13px; color: #5f5f5f; padding: 20px 10px; text-align: center;}
.prodTablas table tr td small{display: block; color: #8babb1; font-style: italic;}

.prodPics{width: 980px; margin: 0 auto; padding: 40px 10px;}
.prodPics li{width: 25%; float: left;}
.prodPics li a{display: block; margin: 0 auto; width: 145px; height: 145px; border-radius: 50%; border: 8px solid #f0f1f2; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.prodPics li a img{border-radius: 50%;}
.prodPics li a:hover{border: 8px solid #eb494c; -webkit-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03); transform:scale(1.03, 1.03);}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
}



/* -- aplicaciones -- */

.apliCont{min-width: 980px; height: 100%;}
.apliNav{width: 30%; /*height:100vh;*/ background: #e6e8ea; float: left; padding-bottom: 100px;}
.apliNav .cont{width: 240px; float: right; padding: 30px 0;}
.apliNav .cont li a{display: block; text-decoration: none; color: #515252; border-bottom: 1px solid #b2b3b4; text-align: right; padding: 18px 40px 18px 0; background-image: url(../images/i-big-flechita-roja.png); background-repeat: no-repeat; background-position: 240px center; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.apliNav .cont li a:hover{color: #eb494c;}
.apliNav .cont li a.sel{background-position: 210px center;}
.apliSec{width: 70%; float: right;}
.apliSec .cont{width: 740px; float: left;}

.inCont{padding: 30px;}
.inCont h2{color: #ee4747; margin-bottom: 30px; font-family: 'amblebold'; font-size: 36px; text-transform: uppercase;}
.inCont .sub{color: #ee4747; font-size: 30px; margin-bottom: 30px;}
.inCont .sub span{font-size: 22px;}
.inCont .sub2{font-size: 24px; margin-bottom: 20px;}
.inCont .reco{background: #e4e7e8; text-align: center; padding: 20px; margin-bottom: 30px;}
.inCont .reconave img{width: 100%;}
.inCont .antifuego{background: url(../images/i-antifuego.png) center right no-repeat; padding: 35px 220px 35px 0; line-height: 130%; margin-bottom: 30px;}
.inCont table{width: 100%; margin-bottom: 30px; color: #6a6a6a;}
.inCont table tr{border-bottom: 1px solid #fff;}
.inCont table tr th{padding: 10px 0; font-family: 'amblebold';}
.inCont table tr td{text-align: center; padding: 20px;}
.inCont table tr th:nth-child(odd), .inCont table tr td:nth-child(odd){background: #c9dce3;}
.inCont table tr th:nth-child(even), .inCont table tr td:nth-child(even){background: #bdd5de;}
.inCont table tr th:first-child, .inCont table tr td:first-child{background: #e1e1e1; text-align: left;}
.inCont small{color: #4b4b4b; text-transform: uppercase; font-size: 12px; font-family: 'amblebold';}
.inCont .center{text-align: center; margin-bottom: 30px;}
.inCont p{margin-bottom: 30px; line-height: 140%;}
.inCont p strong{font-family: 'amblebold'; margin-bottom: 30px;}
.inCont .sube{font-size: 22px;}
.inCont .sube strong{color: #eb494c; font-family: 'amblelight';}

.inCont .instala .tit{color: #eb494c; margin-bottom: 15px; font-family: 'amblebold'; font-size: 18px;}
.inCont .instala .btns{margin-bottom: 60px;}
.inCont .instala .btns a{display: block; width: 33.3%; float: left; text-align: center; color: #6a6a6a; text-decoration: none; position: relative; font-family: 'amblebold';}
.inCont .instala .btns a.sel:before{content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 25px 20px 0 20px; border-color: #c9dce3 transparent transparent transparent; position: absolute; bottom: -25px; left: 50%; margin-left: -20px;}
.inCont .instala .btns a span{display: block; padding: 15px; background: #c9dce3;}
.inCont .instala .btns a:nth-child(2) span{background: #bdd5de;}
.inCont .instala .btns a.sel:nth-child(2):before{border-color: #bdd5de transparent transparent transparent;}

.inCont ol li {position: relative;}
.inCont ol li img {margin-bottom: 40px;}
.inCont ol li span {position: absolute; top: 135px; left: -10px;}

.instalaSlide div{width: 100%;}
.instalaSlide div img{border-radius: 50%; margin: 0 0 20px 0;}
.instalaSlide div p{line-height: 140%; margin: 15px 0;}
.instalaSlide div p strong{color: #eb494c; }
.instalaSlide div p b {font-family: 'amblebold'; font-size: 17px;}
.instalaSlide div ul{list-style-type: disc; padding-left: 20px;}
.instalaSlide div li{line-height: 160%;}
.instalaSlide div li b {font-family: 'amblebold';}

.pared-bodegas, .ductos, .piso-duela, .piso-ceramico, .pared, .techo-casas, .garage, .boiler, .invernaderos, .tuberia, .empaque-termico, .atico, .teja{display: none;}

.ductos .inT{padding: 5px; background: #e1e1e1; text-transform: uppercase; font-family: 'amblebold'; font-size: 18px; color: #757575; margin-bottom: 20px;}
table.duc{}
table.duc tr{border:none;}
table.duc tr:nth-child(even){background: #e8f3f4;}
table.duc tr th{padding: 10px; font-family: 'amblebold'; color: #ee4747;}
table.duc tr td{padding: 10px; text-align: left;}
table.duc tr th:nth-child(odd), table.duc tr td:nth-child(odd){background: none;}
table.duc tr th:nth-child(even), table.duc tr td:nth-child(even){background: none; border-left: 1px solid #e2e2e2;}
table.duc tr th, table.duc tr td:first-child{background: none; text-align: left;}

.ductos .instala .tabla1{width: 47%; float: left;}
.ductos .instala .tabla2{width: 47%; float: right;}
.ductos .espesi{font-size: 12px;}
.ductos .espesi p{margin-bottom: 10px;}

.cuatroPasos{margin-bottom: 30px;}
.cuatroPasos li{width: 25%; float: left; position: relative;}
.cuatroPasos li p{padding-right: 20px; margin:0;}
.cuatroPasos li:after{content: ''; display: block; width: 1px; height: 100%; background: #d3d3d3; position: absolute; top: 0px; right: 10px;}
.cuatroPasos li:last-child:after{display: none;}

.inCont .lista{margin-bottom: 40px;}
.inCont .lista li{float: left; width: 30%; margin-right: 5%;}
.inCont .lista li:last-child{margin: 0; float: right;}
.inCont .lista li span{display: inline-block; width: 45px; background: #eb494c; color: #fff; font-family: 'amblebold'; margin-bottom: 30px; text-align: center; border-radius: 50%; padding:15px 0;}
.inCont .lista li div{background: #eb494c; padding: 8px; border-radius: 5px; color: #fff; margin-bottom: 30px; position: relative;}
.inCont .lista li div:after{content: ''; display: block; width: 0px; height: 0px; border-style: solid; border-width: 0 15px 15px 0; border-color: transparent #eb494c transparent transparent; position: absolute; bottom: -15px; left: 30px;}


.inCont .emp{background: #d2dde3; margin-bottom: 40px;}
.inCont .emp .nom{padding: 10px; color: #fff; background: #eb494c; font-size: 22px;}
.inCont .emp p{padding: 20px;}
.inCont .emp img{float: left; margin-right: 20px;}
.inCont .deremp img{float: right; margin: 0 0 0 20px;}
.inCont .emp a {text-decoration: none; color: #403D50;}

/* -- recursos -- */

.recursos{width: 980px; margin: 0 auto; padding: 70px 10px; position: relative;}
.recursos .mid{position: absolute; width: 1px; height: 100%; position: absolute; top: 0px; left: 50%; background: #eaeaea;}
.recursos .docs{ border-bottom: 1px solid #eaeaea;}
.recursos .videos{width: 460px; float: right; border-bottom: 1px solid #eaeaea;}
.recursos h2{display: block; color: #eb494c; text-align: center; padding: 120px 0 20px 0; font-size: 22px; margin-bottom: 30px;}
.recursos .docs h2{background: url(../images/i-inbox.png) center  no-repeat #d2dde3;}
.recursos .docs ul li{width: 50%; float: left;}
.recursos a{display: block; color: #414141; text-decoration: none; padding: 10px 10px 10px 40px; position: relative; font-size: 16px; color: #6d6d6d; margin-bottom: 30px;}
.recursos a:hover{color: #eb494c;}
.recursos .docs ul li a:before{content: ''; display: block; width: 20px; height: 30px; background: url(../images/i-doc.png) center no-repeat; position: absolute; top: 5px; left: 10px;}
.recursos .videos h2{background: url(../images/i-youtube.png) center 70px no-repeat #d2dde3;}
.recursos .videos ul li a:before{content: ''; display: block; width: 21px; height: 21px; background: url(../images/i-play.png); position: absolute; top: 7px; left: 10px;}


/* -- por que isofoil -- */

.pqIso{width: 100%; background: url(../images/back-porque.jpg) center top no-repeat; background-size: cover;}
/* .pqIso img{opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;} */
.pqIso .cont{width: 980px; margin: 0 auto; padding: 250px 0; text-align: center; position: relative;}
.pqIso .rollo{-webkit-transform: translateY(-100);}
.pq1{position: absolute; top: 120px; left: 50px;}
.pq2{position: absolute; top: 105px; left: 220px;}
.pq3{position: absolute; top: 115px; left: 400px;}
.pq4{position: absolute; top: 80px; left: 540px;}
.pq5{position: absolute; top: 165px; left: 680px;}
.pq6{position: absolute; top: 280px; left: 790px;}
.pq7{position: absolute; top: 420px; left: 710px;}
.pq8{position: absolute; top: 470px; left: 610px;}
.pq9{position: absolute; top: 470px; left: 510px;}
.pq10{position: absolute; top: 470px; left: 380px;}
.pq11{position: absolute; top: 470px; left: 190px;}
.pq12{position: absolute; top: 470px; left: 20px;}
.pq13{position: absolute; top: 280px; left: 20px;}


/* -- test de calor -- */

.testCFrase{background: #a5bbc3;}
.testCFrase p{width: 980px; margin: 0 auto; padding: 20px 10px; color: #fff; font-size: 22px; line-height: 150%;}
.testC{width: 980px; height: 625px; position: relative; margin: 0 auto; padding: 0 10px; background: url(../images/test-de-calor.jpg) center center no-repeat; color: #6d6d6d; line-height: 140%;}
.testC span{display: block; font-family: 'amblebold';}
.testC .txt1{position: absolute; top: 40px; left: 0px;}
.testC .txt1 img{position: absolute; top: 0px; left: 240px;}
.testC .txt2{position: absolute; top: 70px; left: 820px;}
.testC .txt2 img{position: absolute; top: 0px; left: -160px;}
.testC .txt3{position: absolute; top: 285px; left: 830px;}
.testC .txt3 img{position: absolute; top: -15px; left: -350px;}
.testC .txt4{position: absolute; top: 285px; left: 0px;}
.testC .txt4 img{position: absolute; top: -15px; left: 80px;}
.testC .txt5{position: absolute; top: 460px; left: 0px;}
.testC .txt5 img{position: absolute; top: -115px; left: 60px;}
.testC .txt6{position: absolute; top: 460px; left: 735px;}
.testC .txt6 img{position: absolute; top: -115px; left: -370px;}

.testTemp{width: 980px; margin: 0 auto; padding: 0 10px 50px 10px;}
.testTemp p{margin-bottom: 15px; color: #6d6d6d;}
.testTemp .termo{width: 460px; float: left; border-top: 2px solid #ebebeb; padding-top: 20px; position: relative;}
.testTemp .termo div{width: 2px; height: 100%; background: #fff; position: absolute; top: 0px; left: 50%;}
.testTemp .termo ul{background: #e9e9e9;}
.testTemp .termo ul li{width: 50%; float: left;}
.testTemp .termo ul li span{display: block; padding: 15px; color: #3b4db7; line-height: 130%;}
.testTemp .termo ul li span strong{display: block; font-family: 'amblebold';}
.testTemp .info{width: 460px; float: right; border-top: 2px solid #ebebeb; padding-top: 20px;}
.testTemp .info ul li{width: 50%; float: left;}
.testTemp .info ul li:first-child:before{content: ''; display: inline-block; width: 44px; height: 44px; background:url(../images/iso-protege.png); float: left; margin-right: 15px;}
.testTemp .info ul li p{padding-right: 30px; line-height: 150%;}
.testTemp .info ul li img{border: 10px solid #ebebeb;}



/* -- instalaciones -- */

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

.item { width: 24%; margin-bottom: 10px; position: relative; }
.item a{text-decoration: none;}
.item a:before{content: ''; display: block; width: 100%; height: 100%; background: #3d50b4; position: absolute; top: 0px; left: 0px; z-index: 2; opacity: 0;}
.item a span{display: inline-block; padding: 10px; color: #fff; background: rgba(0,0,0,.8); position: absolute; bottom: 2px; left: 0px; z-index: 1; font-size: 12px;}
.item a:after{content: ''; display: block; width: 60px; height: 60px; background: url(../images/i-plus-big.png); position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 10; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0;}
.item a:before, .item a:after{-webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.item a:hover:before{opacity: .8;}
.item a:hover:after{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}
.item.w2 { width: 49%; }
.item img{width: 100%; position: relative;}



#container{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.controls button{
  
}

.controls{
  padding: 2%;
  background: #333;
  color: #eee;
}

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

.controls label{
  font-weight: 300;
  margin: 0 .4em 0 0;
}

.controls button{
  display: inline-block;
  padding: .4em .8em;
  background: #666;
  border: 0;
  color: #ddd;
  font-size: 16px;
  font-weight: 300;
  border-radius: 4px;
  cursor: pointer;
}

.controls button.active{
  background: #eb494c;
}

.controls button:focus{
  outline: 0 none;
}

.controls button + label{
  margin-left: 1em;
}

.container{
  padding: 2% 2% 0;
  text-align: justify;
  font-size: 0.1px;
  -webkit-backface-visibility: hidden;
}

.container:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.container .mix,
.container .gap{
  display: inline-block;
  width: 49%;
}

.container .mix{
  text-align: left;
  background: #3d50b4;
  margin-bottom: 2%;
  display: none;
  position: relative;
}

.container .mix img{width: 100%; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .mix:hover img{opacity: .5;}

/*.container .mix.category-1{
  border-top: 2px solid limegreen;
}

.container .mix.category-2{
  border-top: 2px solid yellow;
}*/

.container .mix:after{content: ''; display: block; width: 60px; height: 60px; background: url(../images/i-plus-big.png); position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; z-index: 10; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; cursor: pointer;}

.container .mix:hover:after{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;}

.container .mix:before{
  content: '';
  display: inline-block;
  padding-top: 60%;
}

@media all and (min-width: 420px){
  .container .mix,
  .container .gap{
    width: 32%;
  }
}

@media all and (min-width: 640px){
  .container .mix,
  .container .gap{
    width: 23.5%;
  }
}





/* -- contacto -- */

.contactoInfo {background: #E2E5E7;}
.contactoInfo .cont {width: 980px; margin: 0 auto; padding: 50px 10px 100px 10px; position: relative;}
.contactoInfo h2 {color: #E83D4B; font-family: 'amblebold'; font-size: 18px; margin-bottom: 15px;}
.contactoInfo p {margin-bottom: 30px;}
.contactoInfo p a {text-decoration: none; color: #403D50;}
.contactoInfo .contacto {float: left; margin-right: 60px;}
.contactoInfo .forma {float: left; position: relative;} 

.contactoInfo .forma p{position:relative; margin: 0; }
.contactoInfo .forma label{position:absolute; top:9px; left:10px; font-size: 14px; color: #333333; }
.contactoInfo .forma input{outline: none; padding: 8px; margin-bottom: 3px;  font-size: 14px; color: #969696; width: 210px; border: none; font-family: 'amblelight';}
.contactoInfo .forma textarea{outline: none; padding: 8px; font-size: 14px; color: #969696; width: 210px; height: 80px; border: none; margin-top: 2px; font-family: 'amblelight';}

.contactoInfo .forma #submit{background: #556775; color: #fff; width: 140px; border-radius: 1px; border: none; font-size: 16px; cursor: pointer; font-family: 'amblelight';}
.contactoInfo .forma #submit:hover{background: #a8acbe;}
.contactoInfo .forma .error_box{margin-bottom: 10px; color: #FA3E3E;}
.contactoInfo .info {float: right; width: 460px; font-size: 22px; font-family: 'amblelight';}

.contactoInfo .mapa {height: 680px; width: 100%;}


.error_box{font-size: 14px; line-height: 100%; margin-bottom: 10px; border: 2px solid #ff6a3b; padding: 5px; display: none;}
.noenviado{background: #ff3d3d; text-align: center; padding: 20px 0; color: #fff; font-family: 'amblebold'; font-size: 18px; display: none;}
.gracias{background: #94e635; text-align: center; padding: 20px 0; color: #fff; font-family: 'amblebold'; font-size: 18px; display: none;}

#map_canvas{width: 100%; height: 600px;}
#firstHeading{font-size: 26px; margin: 0 0 10px 0; color: #00aaea; font-family: 'amblelight';}
#bodyContent{line-height: 120%; }
#bodyContent p{margin: 0 0 10px 0; font-size: 14px; font-family: 'amblelight';}
#bodyContent p img{width: 100%;}


.msggracias{text-align: center; padding: 15px 0; color: #fff; background: #87CF47; position: absolute; width: 100%; top: 0px; left: 0px; z-index: 100; font-family: 'amblelight'; 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: 'amblelight'; font-size: 18px; display: none; }



/* -- empaques termicos -- */
.empaque-desc{width: 100%; background: #f6f6f6; display:table;}
.empaque-desc .center{width: 980px; margin: 0 auto; padding: 70px 10px 100px 10px; background: #f6f6f6; display:table;}
.empaque-desc .cont{width: 470px; float: left;}
.empaque-desc .cont p{font-size: 22px; line-height: 120%; margin-bottom: 40px; display:block;}
.empaque-desc .cont p span{color: red;}
.empaque-desc .cont p.sub{font-size: 15px;}
.empaque-desc .empaque-imagen{width:506px; height: 336px; background: url(../images/empaque-termico-02.png) center center no-repeat; background-size: 100% 100%; float: right;}
.empaque-desc .empaque-imagen .red-circle{width: 217px; height: 217px; background:url(../images/empaque-termico-circulo.png) center center no-repeat; position: relative; left:145px; top:60px;}
.empaque-desc .empaque-imagen .red-circle p{width: 150px; color: White; position: relative; top:50px; left:45px;}


.empaques-termicos{width: 100%; background: #fff; display:table;}
.empaques-termicos .center{width: 980px; margin: 0 auto; padding: 70px 0 60px 0; background: #fff; display:table;}
.empaques-termicos .center h2{color: #414141; margin-bottom: 20px; font-family: 'amblebold'; font-size:18px;  display: block; }
.empaques-termicos .center article{width: 300px; margin:0 36px 0 0; background: #e2e5e7; float: left; overflow: hidden;}
.empaques-termicos .center article:last-child{float: right; margin: 0;}
.empaques-termicos .center article .fondo{width: 100%; height:300px; display:block;}
.empaques-termicos .center article .fondo img{position: relative; top:38px; left: 27px;}
.empaques-termicos .center article .fondo img.bolsas{position: relative; top:38px; left: 20px;}
.empaques-termicos .center article .et-titulo{width: 92%; display:block; font-size: 22px; color: White; text-align: center; background: #ee4747; padding:4%; box-shadow: 0px 0px 30px rgba(102,102,102,0.6); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.empaques-termicos .center article .et-desc{width: 92%; height: 140px; display:block; font-size: 15px; color: #414141; text-align: left; padding:4%; background:#d2dde4; }
.empaques-termicos article a {text-decoration: none;}

.empaques-termicos article:hover .et-titulo{background: #3d50b4;}

.empaques-ventajas{width: 100%; background: #f6f6f6; display:table;}
.empaques-ventajas .center{width: 980px; margin: 0 auto; padding: 50px 0; background: #f6f6f6; display:table;}
.empaques-ventajas .center .ventajas-izq{width: 640px; margin: 0; padding: 0; float: left;}
.empaques-ventajas .center .ventajas-izq h3{color: #414141; font-size:18px;letter-spacing:-0.5px; text-align: left; font-weight: bold; float: left; margin-bottom:30px; padding-left: 30px;}
.empaques-ventajas .center .ventajas-izq tr:first-child{background: none !important;}
.empaques-ventajas .center .ventajas-izq tr:nth-child(odd){background: #d2dde4;}
.empaques-ventajas .center .ventajas-izq tr:nth-child(even){background: #e6ecf0;}
.empaques-ventajas .center .ventajas-izq tr td{width:320px; font-size:14px; color:#414141; padding:10px 0; font-weight: 500; line-height: 110%;}
.empaques-ventajas .center .ventajas-izq tr td div{width: 19px; height: 19px; margin:0 5px; float: left; background:url(../images/empaques-fondonum.png) center center no-repeat;}
.empaques-ventajas .center .ventajas-izq tr td div span{font-size: 11px; font-weight: bold; color: White; position: relative; top:1px; left: 6px;}
.empaques-ventajas .center .ventajas-izq tr td div span.dos{left: 2px;}

.empaques-ventajas .ventajas-right{width:304px; float: right;}
.empaques-ventajas .ventajas-right h3{color: #414141; font-size: 18px; letter-spacing: -0.5px; text-align: left; font-weight: bold; float: left; margin-bottom: 12px;}
.empaques-ventajas .ventajas-right li{width: 100%; float: left; margin: 5px 0;}
.empaques-ventajas .ventajas-right li img{float: left;}
.empaques-ventajas .ventajas-right li p{width:220px; float: left; margin: 20px 0; padding-left: 10px; color: #ee4747; font-size: 14px;}
.empaques-ventajas .ventajas-right li p span{font-weight: bold; color: #ee4747; font-size: 18px;}

.empaques-estudio{width: 100%; background: #ededed; display:table;}
.empaques-estudio .center{width: 980px; margin: 0 auto; padding:70px 0 100px 0; display:table;}
.empaques-estudio .center .left{width: 300px; margin:0 20px 0 0; float: left;}
.empaques-estudio h3{width: 100%; font-size: 18px; font-weight: bold; letter-spacing:-0.5px; margin: 0 0 50px 0;}
.empaques-estudio .center .left p{display: block; color: #414141; font-size:24px;}
.empaques-estudio .center .left div{width: 368px; margin: 100px 0 0 0; padding:5px 0; background:  url(../images/empaques-flecha.png) center center no-repeat; display: block; color: #676767; font-size:15px;}
.empaques-estudio .center .left div span{padding: 5px 10px;}

.empaques-estudio .center .right{width: auto; margin:0 20px 0 0; float: left;}
.empaques-estudio .center .right .porcen{width: 55px; height:285px; margin: 10px 0 0 60px; background: url(../images/empaques-porcentajes.png) top left no-repeat; float: left; background-size: 100% 100%;}
.empaques-estudio .center .right .sin{ width: 130px; height: 280px; background: #4e63ef; float: left; position: relative; top: 14px; left:10px;}
.empaques-estudio .center .right .sin span{width: 120px; float: left; color: White; position: relative; top:220px; font-size: 18px; text-align: center; padding:0 5px;}
.empaques-estudio .center .right .eps{ width: 130px; height: 252px; background: #4f82db; float: left; position: relative; top: 42px; left:10px;}
.empaques-estudio .center .right .eps span{ width: 120px; float: left; color: White; position: relative; top:210px; font-size: 18px; text-align: center; padding:0 5px;}

.empaques-estudio .center .right .eps2{ width: 130px; height: 222px; background: #56a0ce; float: left; position: relative; top: 72px; left:10px;}
.empaques-estudio .center .right .eps2 span{ width: 120px; float: left; color: White; position: relative; top:180px; font-size: 18px; text-align: center; padding:0 5px;}

.empaques-estudio .center .right .isofoil{ width: 130px; height: 162px; background: #74cae1; float: left; position: relative; top: 132px; left:10px;}
.empaques-estudio .center .right .isofoil span{ width: 120px; float: left; color: White; position: relative; top:120px; font-size: 18px; text-align: center; padding:0 5px;}


/* -- bolsas termicas -- */

.bolsas-info {background: #F6F6F6; padding-bottom: 50px;}
.bolsas-info .cont {width: 980px; margin: 0 auto;}
.bolsas-info .text {float: left; width: 470px; padding-top: 80px;}
.bolsas-info ul li {position: relative; padding-bottom: 20px; font-size: 16px; font-family: 'amblelight';}
.bolsas-info ul li:before {content: ''; display: block; background:#DE102F; height: 5px; width: 5px; border-radius: 2px; position: absolute; left: -20px; top: 4px;}
.bolsas-info img {padding-top: 155px;}

.bolsas-medidas {margin-bottom: 100px;}
.bolsas-medidas .cont {width: 980px; margin: 0 auto; padding-top: 50px;}
.bolsas-medidas h1 {font-size: 18px; font-family: 'ambleBold';}
.bolsas-medidas .medidas .image {float: left; padding-top: 100px; margin-right: 120px;}
.bolsas-medidas .medidas .image p {text-align: center; color: #E83D4B; padding-top: 30px; font-size: 22px;}
.bolsas-medidas .medidas .tabla {margin-top: 20px;}
.bolsas-medidas .medidas .tabla .ancho {float: left; padding-left: 25px;}
.bolsas-medidas .medidas .tabla .alto {float: left; padding: 10px 220px 10px 220px;}
.bolsas-medidas .medidas .tabla .largo {float: left; padding-right: 25px; }
.bolsas-medidas .medidas .tabla ul li {padding-top: 10px; padding-bottom: 10px; text-align: center; min-width: 30px;}
.bolsas-medidas .medidas .tabla .rojo {background: #FCEDED; border-top: 1px solid #E83D4B; border-bottom: 1px solid #E83D4B;}
.bolsas-medidas .medidas .tabla .bno { border-top: none;}

.bolsas-medidas .info {width: 280px; font-size: 18px; float: right; padding-right: 50px; padding-top: 50px;}


/*-- cuabiertas termicas para pallets--*/

.cubiertas-info {background: #F6F6F6; padding-bottom: 50px;}
.cubiertas-info .cont {width: 980px; margin: 0 auto;}
.cubiertas-info .text {float: left; width: 450px; padding-top: 100px;}
.cubiertas-info ul li {position: relative; padding-bottom: 20px; font-size: 16px; font-family: 'amblelight';}
.cubiertas-info ul li:before {content: ''; display: block; background:#DE102F; height: 5px; width: 5px; border-radius: 2px; position: absolute; left: -20px; top: 4px;}
.cubiertas-info img {padding-top: 60px; padding-left: 60px;}

.cubiertas-medidas {margin-bottom: 100px;}
.cubiertas-medidas .cont {width: 980px; margin: 0 auto; padding-top: 50px;}
.cubiertas-medidas h1 {font-size: 18px; font-family: 'ambleBold';}
.cubiertas-medidas .medidas .image {float: left; padding-top: 100px; margin-right: 140px;}
.cubiertas-medidas .medidas .image p {text-align: center; color: #E83D4B; padding-top: 30px; font-size: 22px;}
.cubiertas-medidas .medidas .tabla {margin-top: 30px;}
.cubiertas-medidas .medidas .tabla .ancho {float: left; padding-left: 25px;}
.cubiertas-medidas .medidas .tabla .alto {float: left; padding: 10px 220px 10px 220px;}
.cubiertas-medidas .medidas .tabla .largo {float: left; padding-right: 25px; }
.cubiertas-medidas .medidas .tabla ul li {padding-top: 10px; padding-bottom: 10px; text-align: center; min-width: 30px;}
.cubiertas-medidas .medidas .tabla .rojo {background: #FCEDED; border-top: 1px solid #E83D4B; border-bottom: 1px solid #E83D4B;}
.cubiertas-medidas .medidas .tabla .bno { border-top: none;}

.cubiertas-medidas .info {width: 280px; font-size: 18px; float: right; padding-right: 20px; position: relative;}
.cubiertas-medidas .info p {position: absolute; top: -25px;}
.cubiertas-medidas .info ul {padding-top: 10px;}
.cubiertas-medidas .info ul li {position: relative; padding-bottom: 7px; font-size: 16px; font-family: 'amblelight';}
.cubiertas-medidas .info ul li:before {content: ''; display: block; background:#DE102F; height: 5px; width: 5px; border-radius: 2px; position: absolute; left: -10px; top: 4px;}

/*-- liners termicos -- */


.liners-info {background: #F6F6F6; padding-bottom: 50px;}
.liners-info .cont {width: 980px; margin: 0 auto;}
.liners-info .text {float: left; width: 450px; padding-top: 100px;}
.liners-info ul li {position: relative; padding-bottom: 20px; font-size: 16px; font-family: 'amblelight';}
.liners-info ul li:before {content: ''; display: block; background:#DE102F; height: 5px; width: 5px; border-radius: 2px; position: absolute; left: -20px; top: 4px;}
.liners-info img {padding-top: 30px; padding-left: 40px;}

.liners-medidas {margin-bottom: 100px;}
.liners-medidas .cont {width: 980px; margin: 0 auto; padding-top: 50px;}
.liners-medidas h1 {font-size: 18px; font-family: 'ambleBold';}
.liners-medidas .medidas .image {float: left; padding-top: 100px; margin-right: 120px;}
.liners-medidas .medidas .image p {text-align: center; color: #E83D4B; padding-top: 30px; font-size: 22px;}
.liners-medidas .medidas .tabla {margin-top: 20px;}
.liners-medidas .medidas .tabla .ancho {float: left; padding-left: 25px;}
.liners-medidas .medidas .tabla .alto {float: left; padding: 10px 220px 10px 220px;}
.liners-medidas .medidas .tabla .largo {float: left; padding-right: 25px; }
.liners-medidas .medidas .tabla ul li {padding-top: 10px; padding-bottom: 10px; text-align: center; min-width: 30px;}
.liners-medidas .medidas .tabla .rojo {background: #FCEDED; border-top: 1px solid #E83D4B; border-bottom: 1px solid #E83D4B;}
.liners-medidas .medidas .tabla .bno { border-top: none;}
.liners-medidas .medidas .tabla p {font-size: 15px; padding-top: 25px;}

.liners-medidas .info {width: 290px; font-size: 18px; float: right; padding-right: 50px; padding-top: 30px;}



/* -- Otras preguntas -- */

.otras-preguntas{width: 100%; background: #f6f6f6; display:table;}
.otras-preguntas .center{width: 980px; margin: 0 auto; padding: 50px 0 150px 0; display:table;}
.otras-preguntas .center ul{float:left;}
.otras-preguntas .center ul li{width: 324px; min-height: 245px;  overflow: hidden; display:block; border-right: 2px solid #eaeaea; position: relative; background: transparent url(../images/preguntas-linea.png) bottom center no-repeat;}
.otras-preguntas .center ul li h2{width: 300px;  min-height: 70px; display: block; padding:13px; color: #ee4747; font-size: 22px; text-align: center; line-height:24px;}
.otras-preguntas .center ul li p{width: 290px; height:auto; display: block; margin: 0; padding: 0 17px; color: #6d6d6d; font-size: 15px; text-align: center; line-height: 1.5;}
.otras-preguntas .center ul li a{text-decoration: none; padding:5px 12px; margin: 0; color: #666666; font-style: italic; font-size: 16px; background: #d2dde4;position: relative; top: 30px; left: 100px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}/**/
.otras-preguntas .center ul li a:hover{background: #4E63EF; color: White;}
.otras-preguntas .center ul li .contenido{width: 290px; height:auto; padding: 0 17px; display: block; float: left; margin: 0 0 30px 0; color: #6d6d6d; font-size: 15px; text-align: left; display: none; line-height:1.5;}
.otras-preguntas .center ul li .contenido span{font-weight: bold;}
.otras-preguntas .center ul li .activo{background: #4E63EF; color: #fff;}


/*Preguntas Frecuentes*/

.preguntas-frec{width: 100%; background: #f6f6f6; display:table;}
.preguntas-frec .center{width: 980px; margin: 0 auto; padding: 50px 0 150px 0; display:table;}
.preguntas-frec .center ul{float:left;}
.preguntas-frec .center ul li{width: 324px; min-height: 245px; overflow: hidden; display:block; border-right: 2px solid #eaeaea; position: relative; background: transparent url(../images/preguntas-linea.png) bottom center no-repeat;}
.preguntas-frec .center ul li h2{width: 300px;  min-height: 70px; display: block; padding:13px; color: #ee4747; font-size: 22px; text-align: center; line-height:24px;}
.preguntas-frec .center ul li p{width: 290px; height:auto; display: block; margin: 0; padding: 0 17px; color: #6d6d6d; font-size: 15px; text-align: center; line-height: 1.5;}
.preguntas-frec .center ul li a{text-decoration: none; padding:5px 12px; margin: 0; color: #666666; font-style: italic; font-size: 16px; background: #d2dde4;position: relative; top: 30px; left: 100px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}/**/
.preguntas-frec .center ul li a:hover{background: #4E63EF; color: White;}
.preguntas-frec .center ul li .contenido{width: 290px; height:auto; padding: 0 17px; display: block; margin: 0 0 30px 0; color: #6d6d6d; font-size: 15px; text-align: left; display: none; line-height: 1.5;}
.preguntas-frec .center ul li .contenido span{display: block; font-weight: bold;}

.preguntas-frec .center ul li .activo{background: #4E63EF; color: #fff;}