.itembox {width:96%; padding:5px 5px 5px 27px; margin-top:22px;}
.info {width:100%; min-height:160px; border-bottom:solid 1px #ccc; margin:15px 0 0px; overflow:hidden; padding:15px 0; position:relative;}
.info img {float:left; display:block; width:auto; border:solid 1px #ccc; margin-right:15px;}
.carea .cpage .col1 .info .infocnt {float:right; display:block; width:83%;}
.click {display:block; background:url('/images/site/ver-beneficios-h.png') no-repeat; height:38px; width:476px; margin:10px 0; cursor:pointer;}
.click:hover {background:url('/images/site/ver-beneficios.png') no-repeat;}
.block {display:none;}
.carea .cpage .col1 .info span {font-size:16px; color:#383838; font-weight:700; display:block; margin:0px 0px; text-transform:uppercase;}
.cpage {min-height:1259px; margin:0; padding:0 10px; width:auto;}
.carea .col2 {display:none;}
.carea .col1 {margin:10px 10px 30px 10px; padding:15px 0px 0 0px; float:none;}
.carea .cpage .col1 span.bluett {font-size:17px; color:#1c2f5e; font-weight:700;}
.itembox:hover .imgg {transform :rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.itembox .box {background:#e9f1ff; position:relative; padding:15px 12px 15px 40px;}
.blue .box {background:#e9f1ff; min-height:80px;}
.gray .box {background:#f2f2f2;}
.ttbox {font-weight:500; font-size:17px; text-transform:uppercase; text-align:left; letter-spacing:1px; line-height:19px; color:#1c305e;}
img.box1 {width:160px; float:right; height:180px; display:block; margin:-135px -180px 0px 0;}
img.box2 {width:160px; float:right; height:180px; display:block; margin:-135px -180px 0px 0;}
img.box3 {width:160px; float:right; height:180px; display:block; margin:-115px -180px 0px 0;}
.carea .cpage .col1 .box span.number {display:block; position:absolute; top:26px; left:23px;}
.carea .cpage .col1 .box span.number1 {top:21px; display:block; position:absolute; left:21px;}
.carea .cpage .col1 .box span.number2 {top:25px; display:block; position:absolute; left:20px;}
.carea .cpage .col1 .box span.number3 {top:25px; display:block; position:absolute; left:21px;}
.carea .cpage .col1 .box span.number4 {top:21px; display:block; position:absolute; left:21px;}
.carea .cpage .col1 .box span.number5 {top:21px; display:block; position:absolute; left:20px;}
.carea .cpage .col1 .box span.number6 {top:21px; display:block; position:absolute; left:20px;}
.carea .cpage .col1 .box span.number7 {top:23px; display:block; position:absolute; left:23px;}
.carea .cpage .col1 .box span.number8 {top:25px; display:block; position:absolute; left:18px;}
.carea .cpage .col1 .box span.number9 {top:23px; display:block; position:absolute; left:19px;}
.carea .cpage .col1 .box span.number10 {top:21px; display:block; position:absolute; lef; left:18px;}
.carea .cpage .col1 .box span.number11 {top:19px; display:block; position:absolute; left:18px;}
.carea .cpage .col1 .box span.number12 {top:22px; display:block; position:absolute; left:22px;}
.carea .cpage .col1 .box span img {border:none; width:auto;}
.item {position:absolute; top:-20px; left:-34px;}
.item .imgg {transition:5s ease; -moz-transition:5s ease; -webkit-transition:5s ease; -o-transition:5s ease;}
.carea .cpage .col1 .box span.imgg {display:block; background:url('/images/site/engranaje.png') no-repeat; width:67px; height:67px; position:static;}
.carea .cpage .col1 span.vi {background:url(/images/site/vi.png) center no-repeat; display:block; position:absolute; left:65px; width:3px; height:2px; padding-top:18px;}
.carea .col1 .itembox .box ul li {list-style:none; margin:0 10px 12px 36px;}
.BannerH1 img {margin-bottom:20px; max-width:1130px;}
.FraseBanner {position:relative; color:#1b305d;}
.FraseBanner a {color:#1b305d;}
.FraseBanner img {display:block; width:100%; margin:0 auto;}
.FraseBanner .frase {position:absolute; top:26px; left:50%; margin-left:-331px; width:605px; text-align:right; font-family:'Open Sans Cond'; font-weight:500; font-size:23px; letter-spacing:1px; line-height:15px;}
.carea .cpage .col1 .FraseBanner .bluebold {display:inline; color:#1b305d; font-weight:500; font-size:24px; letter-spacing:1.3px;}
.carea .cpage .col1 .FraseBanner .orange {font-size:22px; text-align:center; color:#ff5301; line-height:34px; letter-spacing:0.7px;}
.cntvideo {background:url(/images/site/pi-video.jpg) right; height:315px; margin-bottom:20px; position:relative; width:800px; float:right; cursor:pointer;}
.cntvideo:hover {background:url(/images/site/pi-video-h.jpg) right;}
.cntpdf {background:url(/images/site/pi-pdf.png) left no-repeat; height:315px; margin:0 0px 0 130px; cursor:pointer;}
.cntpdf:hover {background:url(/images/site/pi-pdf-h.png) left no-repeat;}
.cnt-video {background:url(/images/site/popuptemp.jpg) no-repeat;}
.cnt-video-1 {background:none; border:none;}

.lnk-close-video {position:absolute; top:-2px; left:640px; display:none; width:24px; height:24px; background:url(/images/template/close-video.png); z-index:10001;}

/* 940 */
.res940 .video-pdf {width:920px; height:315px; float:none; margin:0 auto;}
.res940 .cntvideo {background:url(/images/site/pi-video-940.jpg) right no-repeat; height:315px; margin:0 20px 20px 0px; position:relative; width:540px; float:right; cursor:pointer;}
.res940 .cntvideo:hover {background:url(/images/site/pi-video-h-940.jpg) right no-repeat;}
.res940 .cntpdf {background:url(/images/site/pi-ver-pdf-940.png) left no-repeat; height:315px; margin:0 0px 0 75px; cursor:pointer;}
.res940 .cntpdf:hover {background:url(/images/site/pi-ver-pdf-h-940.png) left no-repeat;}
.res940 .carea .cpage .col1 .info .infocnt {width:80%;}
.res940 .cnt-video {background:url(/images/site/popuptemp-res940.jpg) no-repeat;}
.res940 .BannerH1 {margin:0 auto; width:900px;}
.res940 .BannerH1 img {margin-bottom:20px; max-width:900px;}
.res940 img.box1 {margin-top:-150px;}
.res940 img.box2 {margin-top:-160px;}
.res940 img.box3 {margin-top:-145px;}
.res940 .FraseBanner {width:610px; margin:0 auto;}
.res940 .FraseBanner .frase {top:17px; margin-left:-238px; font-size:18px; width:438px; letter-spacing:1px; line-height:18px;}
.res940 .carea .cpage .col1 .FraseBanner .bluebold {font-size:17px; letter-spacing:1px;}
.res940 .carea .cpage .col1 .FraseBanner .orange {font-size:18px; line-height:22px;}

/* 720 */
.res720 .video-pdf {width:700px; height:230px; float:none; margin:0 auto;}
.res720 .carea .col1 p {margin:0px 0 20px;}
.res720 .cnt-video {width:389px; height:324px; margin:0 auto;}
.res720 .cntvideo {background:url(/images/site/pi-video-720.jpg) right no-repeat; height:230px; margin:0 20px 20px 0px; position:relative; width:540px; float:right; cursor:pointer;}
.res720 .cntvideo:hover {background:url(/images/site/pi-video-h-720.jpg) right no-repeat;}
.res720 .cntpdf {background:url(/images/site/pi-ver-pdf-720.png) left no-repeat; height:230px; margin:0 0px 0 0px; cursor:pointer;}
.res720 .cntpdf:hover {background:url(/images/site/pi-ver-pdf-h-720.png) left no-repeat;}
.res720 .lnk-close-video {left:515px;}
.res720 .carea .cpage .col1 .info .infocnt {width:73%;}
.res720 .cnt-video {background:url(/images/site/popuptemp-res720.jpg) no-repeat;}
.res720 .BannerH1 {margin:0 auto; width:680px;}
.res720 .BannerH1 img {margin-bottom:20px; max-width:680px;}
.res720 img.box1 {margin-top:-203px;}
.res720 img.box2 {margin-top:-193px;}
.res720 img.box3 {margin-top:-193px;}
.res720 .itembox {width:93%;}
.res720 .FraseBanner img {width:390px;}
.res720 .FraseBanner .frase {top:98px; margin-left:-128px; width:258px; text-align:center;}
.res720 .container {margin-top:0px; overflow:inherit;}
.res720 .carea {padding:0px 0px 0 0px;}
.res720 .carea .cpage .col1 .FraseBanner .bluebold {font-size:25px; line-height:22px;}
.res720 .carea .cpage .col1 .FraseBanner .orange {font-size:27px; line-height:24px; width:261px;}

/* 480 */
.res480 .carea .col1 {width:97%;}
.res480 .video-pdf {width:440px; height:351px; float:none; margin:0 auto;}
.res480 .cntvideo {background:url(/images/site/pi-video-720.jpg) center no-repeat; height:210px; margin:0 auto; position:relative; width:440px; float:none; cursor:pointer;}
.res480 .cntvideo:hover {background:url(/images/site/pi-video-h-720.jpg) center no-repeat;}
.res480 .cntpdf {background:url(/images/site/pi-ver-pdf-480.png) center no-repeat; height:144px; margin:0 auto; cursor:pointer;}
.res480 .cntpdf:hover {background:url(/images/site/pi-ver-pdf-h-480.png) center no-repeat;}
.res480 .info img {float:none; width:163px; margin:50px auto 15px;}
.res480 .carea .cpage .col1 .box span img {margin:0;}
.res480 .carea .cpage .col1 .info span.infott {position:absolute; top:5px;}
.res480 .carea .cpage .col1 .info .infocnt {width:420px; float:none; margin:0 auto;}

.res480 .click {background:url('/images/site/ver-beneficios-320-h.png') center no-repeat; height:68px; width:380px;}
.res480 .click:hover {background:url('/images/site/ver-beneficios-320.png') center no-repeat;}
.res480 .carea .cpage .col1 span.vi {left:40px;}
.res480 .carea .col1 .itembox .box ul li {margin:0px 10px;}
.res480 .cnt-video {background:url(/images/site/popuptemp-res480.jpg) no-repeat; width:389px; height:324px; margin:0 auto;}
.res480 .lnk-close-video {left:413px;}
.res480 .BannerH1 {margin:0 auto; width:420px;}
.res480 img.box1 {float:none; margin:0 auto;}
.res480 img.box2 {float:none; margin:0 auto;}
.res480 img.box3 {float:none; margin:0 auto;}
.res480 .container {margin-top:4px; overflow:inherit;}
.res480 .BannerH1 img {display:block; max-width:440px; margin:0 auto 20px auto;}
.res480 .FraseBanner img {width:433px;}
.res480 .FraseBanner .frase {top:107px; margin-left:-128px; width:258px; font-size:28px; line-height:29px; text-align:center;}
.res480 .carea .cpage .col1 .FraseBanner .bluebold {font-size:27px;}
.res480 .carea .cpage .col1 .FraseBanner .orange {font-size:29px; line-height:27px; width:261px;}

/* 320 */
.res320 .carea {width:100%;}
.res320 .carea .col1 {padding:5px 10px;}
.res320 .video-pdf {width:300px; height:287px; float:none; margin:0 auto;}
.res320 .cntvideo {background:url(/images/site/pi-video-320.jpg) right no-repeat; height:170px; margin:0 auto; position:relative; width:280px; float:none; cursor:pointer;}
.res320 .cntvideo:hover {background:url(/images/site/pi-video-h-320.jpg) right no-repeat;}
.res320 .cntpdf {background:url(/images/site/pi-ver-pdf-320.png) left no-repeat; height:120px; margin:0 auto; width:135px; cursor:pointer;}
.res320 .cntpdf:hover {background:url(/images/site/pi-ver-pdf-h-320.png) left no-repeat;}
.res320 .cnt-video {background:url(/images/site/popuptemp-res320.jpg) no-repeat; width:260px; height:217px; margin:0 auto;}
.res320 .lnk-close-video {left:268px;}
.res320 .carea .cpage .col1 .info span.infott {position:absolute; top:5px;}
.res320 .carea .cpage .col1 span.vi {left:40px;}
.res320 .carea .col1 .itembox .box ul li {margin:0px 10px; text-align:justify;}
.res320 img.box1 {float:none; margin:0 auto;}
.res320 img.box2 {float:none; margin:0 auto;}
.res320 img.box3 {float:none; margin:0 auto;}
.res320 .info img {float:none; width:163px; height:auto; margin:60px auto 15px;}
.res320 .item img {margin:0;}
.res320 .carea .cpage .col1 .info .infocnt {float:none; width:280px; margin:0 auto;}
.res320 .BannerH1 {margin:0 auto; width:290px;}
.res320 .itembox {width:92%; text-align:left;}
.res320 .BannerH1 img {max-width:290px; margin:0 auto 20px auto;}
.res320 .FraseBanner img {width:294px;}
.res320 .FraseBanner .frase {top:66px; margin-left:-121px; width:165px; font-size:18px; line-height:21px; letter-spacing:0; text-align:center;}
.res320 .FraseBanner .frase.two {width:165px; margin-left:-80px;}
.res320 .carea .cpage .col1 .FraseBanner .bluebold {font-size:19px;}
.res320 .carea .cpage .col1 .FraseBanner .orange {font-size:19px; line-height:20px; width:172px;}
.res320 .click {background:url('/images/site/ver-beneficios-320.png') center no-repeat; height:68px; width:280px;}
.res320 .click:hover {background:url('/images/site/ver-beneficios-320-h.png') center no-repeat;}