@charset "utf-8";
/* CSS Document FINAL AND GENERAL VERSION*/

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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}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:none}table{border-collapse:collapse;border-spacing:0} a {text-decoration: none;} a{color: inherit;}

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

@font-face {
    font-family: 'Ubuntu Medium';
    src: url('../css/fonts/ubuntu/ubuntu-medium-webfont.eot');
    src: url('../css/fonts/ubuntu/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/ubuntu/ubuntu-medium-webfont.woff2') format('woff2'),
         url('../css/fonts/ubuntu/ubuntu-medium-webfont.woff') format('woff'),
         url('../css/fonts/ubuntu/ubuntu-medium-webfont.ttf') format('truetype'),
         url('../css/fonts/ubuntu/ubuntu-medium-webfont.svg#Ubuntu Medium') format('svg');
		 font-weight:normal;
}

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

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

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

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

body {overflow-x:hidden;}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/*************HEADER***************************************************************/

.insertEX {background:url(../css/layout/triangESP.png) no-repeat; width:73px; height:73px; position:absolute}

.insertESP {
    background:url(../css/layout/triangESP.png) no-repeat;
    width:73px;
    height:73px;
    margin-left:-15px;
    margin-top: -35px;
    float:left;
    position: absolute;
}

.header {width:100%; height:70px; background: rgb(0, 0, 0);
		 background: rgba(0, 0, 0, 0.6);
		 position: fixed; z-index: 100;}
		 
.header nav{
    display: block;
}	 

.logo {
    background: url(../css/layout/logo.png) no-repeat;
    width: 48px;
    height: 36px;
    float: left;
    margin-left: 30px;
    margin-top: 15px;
	display: block;
	}	 
	
#menu{float: right; padding-right:30px; color:white; padding-top: 25px;} 

#menu ul{
        list-style: none;
        font-size: 14px;	
}		 

#menu li{
display: block;
float: left;
font-family: 'Roboto-Bold';
font-size:16px;
text-align: center;
}

#menu li.separador {
	width: 2px;
    height: 17px;
    background: white;
    margin: 0 30px;}


#menu li a{
display: block;
color: #fff;
text-decoration: none;
}
#menu li a:hover{
color: #E9D200; transition: .5s;
}	 

#nav-mobile{
        display: none;
        background: url(../css/layout/nav.png) no-repeat center center;
        float: right;
        width: 60px;
        height: 60px;
        position: absolute;
        right: 0;
        top:0;
}

#nav-mobile.nav-active{opacity: 1;}
.seeIT {display:none !important;}
.mainH {text-transform: uppercase;
    background: #282b30 !important;
    border: none;
    padding: 10px 0;
    color: grey;
    letter-spacing: 3px;
    font-size: 12px !important;}

/*RESPONSIVE HEADER**********/
@media only screen and (max-width: 540px) {
	
.seeIT {display:block !important;}	

#nav-mobile{ display: block; }
#menu li.separador {display:none;}

#menu{
        width: 100%;
        float: none;
        padding-top: 60px;
    }
#menu ul{
margin-top: 10px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
box-shadow: 0 1px 2px rgba(0,0,0,.5);
max-height: 0;
overflow: hidden;}

#menu li{
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.8);
border-bottom: 1px solid #282b30;
float: none;
}
#menu li:last-child{ border-bottom: 0;}
#menu li a{
    padding: 10px 0;
    height: auto;
    line-height: normal;
    font-size: 14px;
    letter-spacing: 1px;
}

#menu li a:hover{
color:white;
background: #841C80;
background: rgba(132, 28, 128, 0.2);
}
#menu ul.open-menu{
            max-height: 600px;
            -webkit-transition: max-height .4s;
            -moz-transition: max-height .4s;
            -ms-transition: max-height .4s;
            -o-transition: max-height .4s;
            transition: max-height .4s;}
}
		 


/**********************SLIDE CONTENT************************************************/
.contentSlide {width:100%; background:url(../css/layout/bg_header.jpg) no-repeat; background-size: cover; height:auto; padding-top:70px; padding-bottom:50px;}
.demo_wrapper {width: 100%; margin: 0 auto;}
.demo_block {width: 100%;}


/*******************SOCIAL MEDIA BTS N BUTTON PEDIR**************************************************/

.socialMedia {width:100%; height:auto;}
.socialCont {margin: 0 auto; width: 225px; height: auto; padding-top: 5px;}
.face {width:32px; height:32px; background:url(../css/layout/face.png) no-repeat; margin-right:32px; float:left;}
.twitter {width:32px; height:32px; background:url(../css/layout/twitter.png) no-repeat; margin-right:32px; float:left;}
.youTube {width:32px; height:32px; background:url(../css/layout/youTube.png) no-repeat; margin-right:32px; float:left;}
.insta {width:32px; height:32px; background:url(../css/layout/insta.png) no-repeat; float:left;}
.socialCont a.faceHov:hover > .face{background:url(../css/layout/face2.png) no-repeat;}
.socialCont a.twitterHov:hover > .twitter{background:url(../css/layout/twitter2.png) no-repeat;}
.socialCont a.youTubeHov:hover > .youTube{background:url(../css/layout/youTube2.png) no-repeat;}
.socialCont a.instaHov:hover > .insta{background:url(../css/layout/insta2.png) no-repeat;}

.pedir {
margin: 0 auto;
color:white;
width:300px;
height:40px;
background: rgba(58,132,96,1);
background: -moz-linear-gradient(top, rgba(58,132,96,1) 0%, rgba(145,232,66,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(58,132,96,1)), color-stop(100%, rgba(145,232,66,1)));
background: -webkit-linear-gradient(top, rgba(58,132,96,1) 0%, rgba(145,232,66,1) 100%);
background: -o-linear-gradient(top, rgba(58,132,96,1) 0%, rgba(145,232,66,1) 100%);
background: -ms-linear-gradient(top, rgba(58,132,96,1) 0%, rgba(145,232,66,1) 100%);
background: linear-gradient(to bottom, rgba(58,132,96,1) 0%, rgba(145,232,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a8460', endColorstr='#91e842', GradientType=0 );
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 0px solid #000000;
text-align: center;
line-height: 40px;
margin-top: 5px;
}

.pedir a {font-family: 'HelveticaRounded-BoldCond'; font-size:25px;}
.pedir a:hover {color:black; transition: .5s;}
.buttonDown {width:100%; height:75px; margin:-40px 0 0 0;}
.btDownCenter {width:75px; margin:0 auto;}
.btDown {background:url(../css/layout/buttonCircle.png) no-repeat; width:75px; height:75px;}

.green {background:url(../css/layout/buttonCircleGreen.png) no-repeat;}
.blackOne {background:black;}
.buttonDown.marginG {margin:-40px 0 0 0; position:absolute;}

.btn_volver{
    width: 128px;
    height: 37px;
    background-color: #282B30;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Ubuntu Bold';
    padding-bottom: 2px;
	cursor: pointer;
	transition:.5s;
}

.btn_volver:hover {background-color:#333; transition:.5s;}

.btvolver{
    float:left;
}

.ajusteHeadPromo {margin: 10px auto !important;}
.ajusteHead2 {margin: 10px auto 50px auto !important;}
/*RESPONSIVE HEADER SECTION**********************************/
@media only screen and (max-width: 330px) {
.face {width:25px; height:25px; background:url(../css/layout/face.png) no-repeat; background-size:cover; margin-right:20px;}
.twitter {width:25px; height:25px; background:url(../css/layout/twitter.png) no-repeat; background-size:cover; margin-right:20px;}
.youTube {width:25px; height:25px; background:url(../css/layout/youTube.png) no-repeat; background-size:cover; margin-right:20px;}
.insta {width:25px; height:25px; background:url(../css/layout/insta.png) no-repeat; background-size:cover; float:left;}

.socialCont a.faceHov:hover > .face{background:url(../css/layout/face2.png) no-repeat; background-size:cover;}
.socialCont a.twitterHov:hover > .twitter{background:url(../css/layout/twitter2.png) no-repeat; background-size:cover;}
.socialCont a.youTubeHov:hover > .youTube {width:25px; height:25px; background:url(../css/layout/youTube2.png) no-repeat; background-size:cover; margin-right:20px;}
.socialCont a.instaHov:hover > .insta {width:25px; height:25px; background:url(../css/layout/insta2.png) no-repeat; background-size:cover;}

.socialCont {width: 160px;}
.pedir {width:220px; margin-top:10px;}
.pedir a {font-size:20px;}
.sy-pager li {display:none !important;}
.sy-controls li.sy-prev {display:none;}
.sy-controls li.sy-next {display:none;}
.onlyAdj {margin-bottom: 35px;}
}

/*ESTRUCTURA PRINCIPAL DE MODULOS******************************************************/
.empuje {width:100%; height:300px;}
.conTenedor {width:100%; height:auto; padding-bottom:100px; padding-top: 100px;}
.cuadroIzq {float:left; width:50%; height:auto;}
.cuadroDer {float:right; width:50%; height:auto;}
.rowField {width:100%; height:auto; padding-top:20px;}
.cuadroEsp {display:none;}
.specialJust {padding-bottom: 0 !important;}


@media only screen and (max-width: 750px) {
.empuje {height:170px;}
.cuadroIzq {float:none; width:100%;}
.cuadroDer {float:none; width:100%;}
.cuadroDer.borrar {display:none;}
.txtBase {
    font-family: 'Roboto-Regular';
    font-size: 15px !important;
    margin-top: 20px !important;
    line-height: 24px !important;
}

.cuadroEsp {display:block; float:none; width:100%}
}
@media only screen and (max-width: 450px) {.conTenedor {padding-bottom: 50px;}}

/*ESTRUCTURA DE TEXTOS*******************************************************/
.mainH1 {font-family: 'HelveticaRounded-BoldCond'; font-size:55px; color:#841C80; margin-left:10px; text-transform: uppercase; padding: 0 30px;}
.txtBase {font-family: 'Roboto-Regular'; font-size:23px; color:#424241; margin-top:40px; margin-left:10px; padding: 0 30px; line-height: 35px;}
.colorW {color:white;}
.colorB {color:#005886 !important;}
.colorY {color:#E9D200;}
.colorPnk {color:#D14380;}
.sizeTwt {font-size:20px;}
.marginTwt {margin-top:20px;}
.stripes {padding: 25px 0;
    border-top: 2px solid white;
    margin: 25px 0;
    border-bottom: 2px solid white;}
	
.mainH2 {font-family: 'HelveticaRounded-BoldCond'; text-transform:uppercase; font-size:95px; color:#9C468A; text-align:center; margin: 90px 0;}
.mainH2 a:hover {
    color: #0058E9;
    transition: .5s;
}
.bolderHigh {font-family: 'Roboto-Bold'; font-size:17px;}


.parrafoBoy {max-width:520px;}

/****************************************************************************/

.logoColors {max-width:410px; margin:auto;}
.logoColors img {width:100%; height:auto; max-width:410px;}

@media only screen and (max-width: 750px) {
	.logoColors {padding:10px;}
    .sizeTwt {font-size: 17px; line-height: 23px;}
}

#backgroundImg {width: 100%;z-index: -1;top: 0; left: 0;}
.bgThird {background:url(../css/layout/bg_third.jpg) no-repeat; background-size:cover;}
.bgHands {background:url(../css/layout/bg_hands.jpg) no-repeat; background-size:cover;}


.bgDeg {
background: rgba(38,150,161,1);
background: -moz-linear-gradient(45deg, rgba(38,150,161,1) 0%, rgba(229,232,187,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(38,150,161,1)), color-stop(100%, rgba(229,232,187,1)));
background: -webkit-linear-gradient(45deg, rgba(38,150,161,1) 0%, rgba(229,232,187,1) 100%);
background: -o-linear-gradient(45deg, rgba(38,150,161,1) 0%, rgba(229,232,187,1) 100%);
background: -ms-linear-gradient(45deg, rgba(38,150,161,1) 0%, rgba(229,232,187,1) 100%);
background: linear-gradient(45deg, rgba(38,150,161,1) 0%, rgba(229,232,187,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2696a1', endColorstr='#e5e8bb', GradientType=1 );
}

.divisor {
    max-width: 850px;
    margin: 40px auto;
    padding: 0 10px;
}
#divisorImg {width: 100%;z-index: -1;top: 0; left: 0;}

.specialPhone {padding: 0;
    margin: 0px;
    float: right;}

@media only screen and (max-width: 900px) {.onlyAdj {font-size: 20px;}}




/*GENERAL AJUST FOR RESPONSIVE 4U****************************/
@media only screen and (max-width: 800px) {
.mainH2 {font-size: 65px;}
}


@media only screen and (max-width: 450px) {
#fallChild img {
    width: 100% !important;
}
.empuje {height:0px;}
.btDown {display:none;}
.socialMedia {margin-top: 40px;}
.demo_block {margin: 35px 0 0 0;}
.txtBase {
    font-size: 15px !important;
    line-height: 26px !important;
    margin-top: 15px !important;
    padding: 0 10px !important;
    text-align: justify !important;
    line-height: 22px !important;
}
.mainH1 {padding: 0 10px;}
.background_img img {display:none;}
.background_img {background:url(../css/layout/bg_second.jpg) no-repeat; background-size:cover; height:440px;}
.background_img.fourth {background:url(../css/layout/bg_fourth.jpg) no-repeat; background-size:cover; height:440px;}
.divisor {
    margin: 20px auto;
}
.bgThird { padding-top:10px !IMPORTANT;}
.mainH1 {font-size: 45px;}

.mainH2 {
    font-family: 'HelveticaRounded-BoldCond';
    text-transform: uppercase;
    font-size: 55px;
    color: #9C468A;
    text-align: center;
    margin: 0px;
}
}

#fallChild img {
    width: 120%;
    max-width: 550px;
}

/*ANIMACION***********/
#colorlogo img {opacity:0;}
#blueCard img {opacity:0;}
#greenCard img {opacity:0;}
#phoneAni img {opacity:0;}
#finalTXT {opacity:0;}
#fallChild img {opacity:0;}
.socialicons a {opacity:0;} 
#ROT {opacity:0;}
/*************************FOOTER******************************************************/
.footer {width:100%; height:350px; background:#222323;}
.contFoot {width:90%; margin:0 auto; padding-top: 70px;}
.logoFoot{background:url(../css/layout/logoFooter.png) no-repeat; width:114px; height:91px; float:left; margin-right:10%;}
.menuFoot {font-family: 'Roboto-Regular'; color:white; font-size:15px; float:left; margin-right: 5%; line-height: 30px;}
.socialicons {float:right; width:auto;}
.socialicons a {float:left;}
.sepIcon {width:10px; float:left; height:10px;}
.faceFoot {background:url(../css/layout/faceFoot.png) no-repeat; width:66px; height:66px;}
.twitterFoot {background:url(../css/layout/twitterFoot.png) no-repeat; width:66px; height:66px;}
.instaFoot {background:url(../css/layout/instaFoot.png) no-repeat; width:66px; height:66px;}
.youtubeFoot {background:url(../css/layout/youtubeFoot.png) no-repeat; width:66px; height:66px;}


a.faceFootHov:hover > .faceFoot{background:url(../css/layout/faceFoot2.png) no-repeat;}
a.twitterFootHov:hover > .twitterFoot{background:url(../css/layout/twitterFoot2.png) no-repeat;}
a.instaFootHov:hover > .instaFoot{background:url(../css/layout/instaFoot2.png) no-repeat;}
a.youtubeFootHov:hover > .youtubeFoot{background:url(../css/layout/youtubeFoot2.png) no-repeat;}
.lower {display:none}
.noMove {margin-right:0px;}

@media only screen and (max-width: 1100px) {
.menuFoot {margin-right: 3%; font-size:14px;}
.logoFoot {margin-right:3%;}
.socialicons {display:none}
.socialicons a {opacity:100;} 
.lower {
	display: block;
    width: 300px;
    margin: 0 auto;
    float: none;
    padding-top: 30px;}
	
.contFoot {
    width: 550px;
    margin: 0 auto;
    padding-top: 70px;
}
}

@media only screen and (max-width: 600px) {.menuFoot {font-size:14px;} .contFoot {width: 520px;} .logoFoot{margin-right:3%;}}


@media only screen and (max-width: 540px) {
.menuFoot {display:none;}	
.logoFoot {margin-right: 0px;}
.contFoot {width: 114px;}
}

@media only screen and (max-width: 340px) {
.lower {width: 190px;}
.footer {height:260px;}
	
.faceFoot {background:url(../css/layout/faceFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.twitterFoot {background:url(../css/layout/twitterFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.instaFoot {background:url(../css/layout/instaFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.youtubeFoot {background:url(../css/layout/youtubeFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}


a.faceFootHov:hover > .faceFoot{background:url(../css/layout/faceFoot2.png) no-repeat; background-size:cover;}
a.twitterFootHov:hover > .twitterFoot{background:url(../css/layout/twitterFoot2.png) no-repeat; background-size:cover;}
a.instaFootHov:hover > .instaFoot{background:url(../css/layout/instaFoot2.png) no-repeat; background-size:cover;}
a.youtubeFootHov:hover > .youtubeFoot{background:url(../css/layout/youtubeFoot2.png) no-repeat; background-size:cover;}

}

/*BENEFICIOS ICONS********************************/
.benef_icons {padding: 25px 30px 0 30px;}
.vertSEP {height:70px; width:3px; margin: 0 9px; background:white; float:left; border-radius: 50px;}

.benA {background:url(../css/layout/iconGYM.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benB {background:url(../css/layout/iconBOOK.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benC {background:url(../css/layout/iconDRY.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benD {background:url(../css/layout/iconBEER.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benE {background:url(../css/layout/iconCORN.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benF {background:url(../css/layout/iconBUS.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}

a.benAhov:hover > .benA{background:url(../css/layout/iconGYM2.png) no-repeat; background-size:cover; transition: .5s}
a.benBhov:hover > .benB{background:url(../css/layout/iconBOOK2.png) no-repeat; background-size:cover; transition: .5s}
a.benChov:hover > .benC{background:url(../css/layout/iconDRY2.png) no-repeat; background-size:cover; transition: .5s}
a.benDhov:hover > .benD{background:url(../css/layout/iconBEER2.png) no-repeat; background-size:cover; transition: .5s}
a.benEhov:hover > .benE{background:url(../css/layout/iconCORN2.png) no-repeat; background-size:cover; transition: .5s}
a.benFhov:hover > .benF{background:url(../css/layout/iconBUS2.png) no-repeat; background-size:cover; transition: .5s}

@media only screen and (max-width: 650px) {
	.vertSEP {display:none;}
	.benA {margin-right:20px; margin-top:15px;} .benB {margin-right:20px; margin-top:15px;} .benC {margin-right:20px; margin-top:15px;}
	.benD {margin-right:20px; margin-top:15px;} .benE {margin-top:15px;} 
}

/****************************FORMULARIOS DE INSCRIPCIÓN***************************************************************/
.bgFIFTH{background:url(../css/layout/bg_fifth.jpg) no-repeat; background-size: cover; background-attachment: fixed;}


.centerROW {max-width:1000px; margin:50px auto; height:auto; padding: 0 10px;}
.formTITULAR {width:100%; text-align:center; font-family:'HelveticaRounded-BoldCond'; color:white; font-size:40px; letter-spacing:2px;     padding-top: 30px;}
.leftFORM {
	float:left;
	width:45%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	padding: 20px;
	border-radius: 10px;
	}

.rightFORM {
	float: right;
    width: 45%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    padding: 20px;
    }
	
.contFORMS {width:100%; padding-top:40px;}
#leftBox {opacity:0;}  #rightBox {opacity:0;}

.secondaryTIT {color:white; font-size:20px; font-family:'Roboto-Bold'; width:100%; padding-bottom:25px; }
.campoDesc {font-size:12px; color: white; font-family:'Roboto-Regular'; font-style:italic; padding-bottom:5px;}
.campo input {
 border-radius: 5px;
    border: none;
    height: 25px;
    width: 100%;
    margin-bottom: 15px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.2);
	color:grey;
	text-indent: 15px;
}

.campo input:focus{outline:0px;}
.enviador {width: 45%; float:right; margin-top: -85px;}
.enviador button {
background: none;
    border: none;
    color: white;
    float: right;
    font-size: 20px;
	font-family:'Roboto-Bold';
	cursor: pointer;
}
.enviador button:hover {background:black;}

@media only screen and (max-width: 860px) {
.leftFORM {float:none; width:70%; margin:0 auto; margin-bottom:25px;} 
.rightFORM {float:none; width:70%; margin: 0 auto;}
.enviador {width: 70%; float:none; margin: 0 auto; margin-top:0px;}
}

@media only screen and (max-width: 400px) {
.formTITULAR {font-size: 33px;}
.leftFORM { width:80%; }
.rightFORM { width:80%; }
}

/*FORM CONFIRMACION DE ALTA***************************************/
.mainCenter {margin:0 auto;}
.centerFORM {
	width:90%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.4);
	padding: 20px;
	border-radius: 10px;
	margin: 0 auto;
	}

.contenidosFORM {
	width: 32%;
    float: left;}

.contenidosFORMMED {
	width: 24%;
    float: left;}

.empujeFORMMED {margin-right:1.4%}
.empujeFORM {margin-right:20px}
.date {float:left; width: 40px;}
.sepBar {float:left; color:white; font-size:30px; padding: 0 5px;}
.year {float:left; width:60px;}
.goRIGHT {float:right;}
.menor {width:4%;}
.menor .campo input {text-indent:5px;}
.numero {width:6%;} .numero .campo input {text-indent:5px;}


.bigTITLE {font-size:35px; font-family:'HelveticaRounded-BoldCond'; color:white; text-align:left;}
.adjTIT {float:left; color:white; font-family:'HelveticaRounded-BoldCond'; font-size:20px; width: 45%;
    padding: 10px 0;}
.adjBT button {
background: rgba(56,56,56,1);
background: -moz-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(191,191,191,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(56,56,56,1)), color-stop(100%, rgba(191,191,191,1)));
background: -webkit-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(191,191,191,1) 100%);
background: -o-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(191,191,191,1) 100%);
background: -ms-linear-gradient(left, rgba(56,56,56,1) 0%, rgba(191,191,191,1) 100%);
background: linear-gradient(to right, rgba(56,56,56,1) 0%, rgba(191,191,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#bfbfbf', GradientType=1 );	
-webkit-box-shadow: 3px 3px 49px -7px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 49px -7px rgba(0,0,0,0.75);
box-shadow: 3px 3px 49px -7px rgba(0,0,0,0.75);
font-family:'HelveticaRounded-BoldCond'; font-size:15px; color:white;
    border: none;
    border-radius: 5px;
    height: 27px;
    width: 60px;  margin-top: 5px;
	cursor: pointer;
}
.adjBT button:hover {background:black;}

@media only screen and (max-width: 650px) {
.cancelFLOAT {float: none; width:90%;}
.expand {width:48%}
.localidad {width:100%; float:left;}
.numero {width:10%;} .menor {width:8%;}
.empujeAjuste {margin-right:10px;}
.goRIGHTresp {float:right; margin-right:0px;}
.adjTIT {width: 55%;}
}

@media only screen and (max-width: 430px) {
.contenidosFORM {float:none; width:95%} .centerFORM {width:80%;}
.numero {width:20%; float:left;} .menor {width:20%; float:left;} 
.abrev {width:27px; overflow:hidden;}
.contenidosFORMMED {float:none; width:95%}
.adjBT {float: right;}
.adjTIT {font-size:15px;}
.adjBT button {margin-top: 10px;}
}

/*SVG TEST*/

.svg {width:57px; hegith:72px; fill:yellow;}

/*PROMOS *****************************************************/
/*ORIGINAL
.categoria {
    max-width: 150px;
    overflow: hidden;
    min-height: 25px;
    border-bottom: 1px solid white;
    font-family: 'Roboto-Bold';
    font-size: 16px;
    color: white;
    padding: 17px 0;
}

.catNAME {line-height:20px;}
*/

.categoria {
    max-width: 160px;
    overflow: hidden;
    min-height: 25px;
    border-bottom: 1px solid white;
    font-family: 'Roboto-Regular';
    font-size: 13px;
    color: white;
    padding: 5px 0;
}

.catNAME {
    line-height: 17px;
}


.left_icons {float:left; width:150px;}
.catICON {float:left; margin-right:5px;}

.firstONE {border-top:1px solid white;}
.beneficio {float:left; margin-bottom:15px;}

.promos {float:right; width:80%;}
.promosRow {width:100%;}

.marcador {text-align:left; color:white;  font-family:'Roboto-Bold'; font-size:19px; margin-bottom:15px;}
.mainBox {border:2px solid white; width:150px; height:230px; color:white; font-family:'Roboto-Bold'; text-align:center;}
.catICONbig {margin:0 auto; padding: 25px 0;}
.catICONbig4U {margin: 0px 0px 0px 15px}
.mainBox .catNAME {font-size:19px; padding-bottom:10px;}
.benefDESC {font-family:'Roboto-Regular'; font-size:13px; padding-bottom:20px;
display:block;
			width: 100%;
    		height: auto;}


.moreInfo	{background:inherit; transition:.5s;}
.moreInfo p {font-family:'Roboto-Regular'; font-size:11px; float:left; margin-right: 5px; margin-left:45px;}
.fwd {background:url(../css/layout/fws.png) no-repeat; width:13px; height:13px; float:left}
.moveBEN {margin-right:5px;}


a.leftBar:hover > .categoria{ color:yellow; transition: .5s}
a.linkInfo:hover > .moreInfo {background:black; transition:.5s;}




.cont-desc .promociones { display: block; height:auto; width: 970px; margin: 0 auto; padding: 16px 0 0 0;}
.cont-desc {
    height: auto;
    width: 100%;
    margin: 0 auto;
    background-color: #3d444a;
}
.cont-desc .promociones .float-col .comboDesplegable{   width: 143px;  height: 37px;  color: #3d444a;  border: none;  border-radius: 4px;  font-family: 'Ubuntu', Sans-Serif;  font-size: 14px;  padding: 0 0 0 8px;  margin: 0 12px 0 0;   background-color: #f4f2f3;}
.cont-desc .promociones .btn_filtrar {
    width: 128px;
    height: 37px;
    background-color: #00aa59;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Ubuntu Bold';
    padding-bottom: 2px;
}

.cont-desc .chk { height:20px; color:#939496; float:left; font-family:'Ubuntu', Sans-Serif; font-size:11px; }
.cont-desc label { margin:0px 7px; position:relative; top:-2px; }

.cont-desc .float-col { padding:10px 0px; float:left; }
.cont-desc .float-col.c { padding:10px 0px; float:left; }
.cont-desc .float-col.r{float:right; position:relative; top:-57px}
#MainContent_txt_buscar {
    width: 186px;
    height: 35px;
    color: #3d444a;
    border: none;
    border-radius: 4px;
    font-family: 'Ubuntu', Sans-Serif;
    font-size: 14px;
    padding: 0 0 2px 12px;
    margin: 0 12px 0 0;
    background-color: #f4f2f3;
}


/*NEW CSS FOR EDWIN*/
.menuFoot ul li a:hover {color:#D14380;}
.fancybox-opened {top:80px !important;}
.fancybox-inner {width:auto !important;}
.mainBox {
    position: relative;
}
.moreInfo {
    margin: 0 auto;
    border-top: 2px solid white;
    padding: 12px 0;
    width: 100%;
    bottom: 0;
    position: absolute;
	}
	
.mainBox .catNAME {
    font-size: 19px;
    padding-bottom: 10px;
    line-height: 18px;
}

.txt_g_11 {  font-size: 13px;
  text-align: left;
  line-height: 16px;
  display: block;
  width: 424px;
  margin: 18px auto;}
  
  .btn_volver a {   width: 87px;
  padding: 9px 9px 10px 9px;
  color: #fff;
  font-size: 13px;
  margin: 0 auto 0 auto;
  display: block;
  font-family: 'Ubuntu Bold';
  background-color: #00aa59;}
  

.txtVariant {font-family: 'Roboto-Regular'; font-size: 18px; margin-top: 40px; margin-left: 10px; padding: 0 30px; line-height: 25px;}
.tienda {width:124px; height:41px; float:left;}
.android {background:url(../css/layout/APP1.png) no-repeat; margin-right:10px;}
.apple {background:url(../css/layout/APP2.png) no-repeat;}
.downBTs a.andHover:hover > .android {background:url(../css/layout/APP1B.png) no-repeat;}
.downBTs a.appHover:hover > .apple {background:url(../css/layout/APP2B.png) no-repeat;}
.downBTs { margin-top: 15px;}
.specialPhone {margin: 35px 0 0 0 !important;}

@media only screen and (max-width: 310px) {.apple {margin-top:15px;}}

.secondaryP {margin-top:25px; margin-left:30px;}
.promoListado {border:2px solid white; padding:15px;}
.encabezado {margin-top: 20px;}
.flowL {float:left;} .flowR {float:right;}
.whiteTXT {color: white; font-family: 'Roboto-Bold'; float:left; font-size:25px; line-height: 65px;}
.leftPro {float:left; width:auto;}
.rightPro {color:white; font-family:'Roboto-Bold'; width:auto;}
.desc {font-size: 45px;  line-height: 50px;}
.sepVert { 
	width: 4px;
    height: 40px;
    background: white;
    margin: 7px 10px 0 10px;}
.cuotas {line-height: 55px;}
.noPad {padding:0; margin-right:5px;}
.sepH {width:100%; background:white; margin:15px auto; height:2px;}
.benefDetails {color:white; font-family:'Roboto-Regular'; font-size:13px;}
.benefDetails p {margin-top:15px; margin-bottom:5px;}
.legal {margin-bottom: 15px;} .legalTXT {margin-bottom: 15px; }
.legal p {font-size: 82.5px !important; line-height: 80px; letter-spacing: -1px; font-weight:bold; font-family:'Roboto-Regular'; color:white;}
.legalTXT {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:white; text-align:justify; line-height: 15px;}
.goDown {margin-bottom:30px;}


@media only screen and (max-width: 1060px) {
    .promoListado {margin:10px;}
}

@media only screen and (max-width: 1000px) {.moveRESP2 {margin-right:5px;}}


@media only screen and (max-width: 982px) {
    .cont-desc .promociones{width:100%;}
    
    .cont-desc .float-col{width:100%;}
    .cont-desc .promociones .float-col .comboDesplegable{width:47%; margin-bottom:15px; float:left; margin-left:10px; }
    .cont-desc .float-col.c{ padding:0px 10px; float:left; box-sizing:border-box; }
    .cont-desc .float-col.r{top:0; padding: 10px 10px; }
    
    .cont-desc .float-col.r {
        width: 100%;
        margin: 0 auto;
        float: left !important;
        box-sizing:border-box;
    }
}
@media only screen and (max-width: 810px) {
.promos {width:70%;}}


@media only screen and (max-width: 768px) {
    .cont-desc .promociones .float-col .comboDesplegable{width:96%; margin-bottom:15px; float:left; margin-left:10px; }
}



@media only screen and (max-width: 720px) {.promos {width:65%;}}

@media only screen and (max-width: 700px) {
    .rightPro {float:none; margin-top:5px;}	
    .leftPro {float:none;}	
}

@media only screen and (max-width: 540px) {
    .legal p {font-size: 50px !important;
    line-height: 45px;
    width: auto;}
}

#wowslider-container2 .ws_images .ws_list img, #wowslider-container2 .ws_images > div > img {
    height: auto;
}

@media only screen and (max-width: 600px) {.ws_controls {display:none;}}

@media only screen and (max-width: 520px) {
    .categoria .catNAME {display:none;}
    .left_icons {width:auto}
    .promos { width: 70%; float: right; margin-left: 25px;}
    .promosRow {width: 110%;}
    a.leftBar:hover > .categoria{ background:black; transition: .5s}
    .catICON {padding: 0 5px; margin:0;}
    #wowslider-container2 .ws_images .ws_list img, #wowslider-container2 .ws_images > div > img {
	height: 200px;
    width: 195% !important;
    margin-left: -230px !important;
    }
}
@media only screen and (max-width: 340px) {
#wowslider-container2 .ws_images .ws_list img, #wowslider-container2 .ws_images > div > img {
	height: 200px;
    width: 310% !important;
    margin-left: -450px !important;
}}

@media only screen and (max-width: 275px) {
#wowslider-container2 .ws_images .ws_list img, #wowslider-container2 .ws_images > div > img {
	height: 200px;
    width: 310% !important;
    margin-left: -450px !important;
}}

@media only screen and (max-width: 370px) {
	
    #MainContent_txt_buscar{width:100%; box-sizing:border-box; margin-bottom:10px}
    .cont-desc .promociones .btn_filtrar{width:100%; box-sizing:border-box; }
    .chk label{font-size:12px}
    .cont-desc .promociones .float-col .comboDesplegable{width:95%;box-sizing:border-box;}
}

@media only screen and (max-width: 340px) {
    .legal p {
        font-size: 35px !important;
        line-height: 30px;
        width: auto;
}}


/*AVISO DE REDIRE***/
.warningPage {background-color:black; color:white; background:url(../css/layout/4Ublack.jpg) no-repeat;}
.warningIcon {margin-bottom: 10px;}
.avisoABANDONO {max-width:300px; padding:25px;}
.wTITULAR {font-family: 'Roboto-Bold'; font-size:42px;}
.wBajada {font-family:'Roboto-Regular'; font-size:15px; padding: 10px 0;}
.warningSep {width:100%; height:2px; background:white; margin-bottom: 10px;}
.warningTXT {font-family: 'Roboto-Regular'; font-size:11px; text-align:justify;  margin-bottom: 10px; line-height: 15px;}
.btn_warning a {
    width: 100px;
    padding: 5px 0;
    color: black !important;
    background: white;
    font-size: 18px;
    display: block;
    font-family: 'Roboto-Bold';
    text-align: center;
    border-radius: 5px;
}
@media only screen and (max-width: 370px){.wTITULAR {font-size:30px;} }

/*AVISOS LEGALES****************/

#lbl_titulo {
    font-size: 25px;
    font-weight: bold;
    line-height: 29px;	
	text-align:left;
	}

#lbl_bajada {
	font-size: 17px;
    line-height: 23px;}

#lbl_descripcion {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 19px;
    text-align: justify;
    padding: 25px;}