@charset "utf-8";
/* CSS Document */

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: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
  	   url('../fonts/Roboto-Regular/Roboto-Regular.woff') format('woff'),
  	   url('../fonts/Roboto-Regular/Roboto-Regular.ttf')  format('truetype'),
  	   url('../fonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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

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

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

.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(../imgs/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(../imgs/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(../imgs/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: 160px;
    height: auto;
    padding-top: 5px;}
.face {width:32px; height:32px; background:url(../imgs/face.png) no-repeat; margin-right:32px; float:left;}
.twitter {width:32px; height:32px; background:url(../imgs/twitter.png) no-repeat; margin-right:32px; float:left;}
.youTube {width:32px; height:32px; background:url(../imgs/youTube.png) no-repeat; float:left;}
.socialCont a.faceHov:hover > .face{background:url(../imgs/face2.png) no-repeat;}
.socialCont a.twitterHov:hover > .twitter{background:url(../imgs/twitter2.png) no-repeat;}
.socialCont a.youTubeHov:hover > .youTube{background:url(../imgs/youTube2.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(../imgs/buttonCircle.png) no-repeat; width:75px; height:75px;}

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


/*RESPONSIVE HEADER SECTION**********************************/
@media only screen and (max-width: 330px) {
.face {width:25px; height:25px; background:url(../imgs/face.png) no-repeat; background-size:cover; margin-right:20px;}
.twitter {width:25px; height:25px; background:url(../imgs/twitter.png) no-repeat; background-size:cover; margin-right:20px;}
.youTube {width:25px; height:25px; background:url(../imgs/youTube.png) no-repeat; background-size:cover;}
.socialCont a.faceHov:hover > .face{background:url(../imgs/face2.png) no-repeat; background-size:cover;}
.socialCont a.twitterHov:hover > .twitter{background:url(../imgs/twitter2.png) no-repeat; background-size:cover;}
.socialCont a.youTubeHov:hover > .youTube{background:url(../imgs/youTube2.png) no-repeat; background-size:cover;}

.socialCont {width: 115px;}
.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;}
.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:#D14380; transition: .5s;}
.bolderHigh {font-family: 'Roboto-Bold'; font-size:17px;}


.parrafoBoy {max-width:520px;}

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

.logoColors {max-width:444px; margin:auto;}
.logoColors img {width:100%; height:auto; max-width:444px;}
@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(../imgs/bg_third.jpg) no-repeat; background-size:cover;}
.bgHands {background:url(../imgs/bg_hands.jpg) no-repeat; background-size:cover;}


.bgDeg {
background: rgba(74,72,132,1);
background: -moz-linear-gradient(left, rgba(74,72,132,1) 0%, rgba(170,74,132,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74,72,132,1)), color-stop(100%, rgba(170,74,132,1)));
background: -webkit-linear-gradient(left, rgba(74,72,132,1) 0%, rgba(170,74,132,1) 100%);
background: -o-linear-gradient(left, rgba(74,72,132,1) 0%, rgba(170,74,132,1) 100%);
background: -ms-linear-gradient(left, rgba(74,72,132,1) 0%, rgba(170,74,132,1) 100%);
background: linear-gradient(to right, rgba(74,72,132,1) 0%, rgba(170,74,132,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4884', endColorstr='#aa4a84', 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(../imgs/bg_second.jpg) no-repeat; background-size:cover; height:440px;}
.background_img.fourth {background:url(../imgs/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(../imgs/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(../imgs/faceFoot.png) no-repeat; width:66px; height:66px;}
.twitterFoot {background:url(../imgs/twitterFoot.png) no-repeat; width:66px; height:66px;}
.instaFoot {background:url(../imgs/instaFoot.png) no-repeat; width:66px; height:66px;}
.youtubeFoot {background:url(../imgs/youtubeFoot.png) no-repeat; width:66px; height:66px;}


a.faceFootHov:hover > .faceFoot{background:url(../imgs/faceFoot2.png) no-repeat;}
a.twitterFootHov:hover > .twitterFoot{background:url(../imgs/twitterFoot2.png) no-repeat;}
a.instaFootHov:hover > .instaFoot{background:url(../imgs/instaFoot2.png) no-repeat;}
a.youtubeFootHov:hover > .youtubeFoot{background:url(../imgs/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(../imgs/faceFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.twitterFoot {background:url(../imgs/twitterFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.instaFoot {background:url(../imgs/instaFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}
.youtubeFoot {background:url(../imgs/youtubeFoot.png) no-repeat; width:40px; height:40px; background-size:cover;}


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

}

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

.benA {background:url(../imgs/iconGYM.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benB {background:url(../imgs/iconBOOK.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benC {background:url(../imgs/iconDRY.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benD {background:url(../imgs/iconBEER.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
.benE {background:url(../imgs/iconCORN.png) no-repeat; width:72px; height: 61px; background-size:cover; float:left;}
a.benAhov:hover > .benA{background:url(../imgs/iconGYM2.png) no-repeat; background-size:cover; transition: .5s}
a.benBhov:hover > .benB{background:url(../imgs/iconBOOK2.png) no-repeat; background-size:cover; transition: .5s}
a.benChov:hover > .benC{background:url(../imgs/iconDRY2.png) no-repeat; background-size:cover; transition: .5s}
a.benDhov:hover > .benD{background:url(../imgs/iconBEER2.png) no-repeat; background-size:cover; transition: .5s}
a.benEhov:hover > .benE{background:url(../imgs/iconCORN2.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(../imgs/bg_fifth.jpg) no-repeat; background-size: cover;}


.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 {
    height: 43px;
}
.campo input, select {
 border-radius: 5px;
    border: none;
    height: 25px;
    width: 100%;
    margin-bottom: 2px;
	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: -75px;}
.enviador button {
background: none;
    border: none;
    color: white;
    float: right;
    font-size: 20px;
	font-family:'Roboto-Bold';
	cursor: pointer;
}
.enviador button:disabled {
    color: #807F7F;
    cursor: default;
}
.enviador button:not(:disabled):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: 60px;}
.sepBar {float:left; color:white; font-size:30px; padding: 0 5px;}
.year {float:left; width:70px;}
.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;}

div.error
{
    color: #807F7F;
    font-family: 'Roboto-Regular';
    font-size: 12px;
    text-align: right;
}

input.error, select.error
{
    outline: solid 1px #d10000;
}

.error-msg
{
    color: #d10000;
    text-align: center; 
    padding: 6px 20px 6px; 
    display: none; 
    margin-top: 4px; 
    font-family: 'Roboto-Regular';
}

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(201, 115, 80, 0.75) 1.5em 0 0 0, rgba(201, 115, 80, 0.75) 1.1em 1.1em 0 0, rgba(201, 115, 80, 0.75) 0 1.5em 0 0, rgba(201, 115, 80, 0.75) -1.1em 1.1em 0 0, rgba(201, 115, 80, 0.5) -1.5em 0 0 0, rgba(201, 115, 80, 0.5) -1.1em -1.1em 0 0, rgba(201, 115, 80, 0.75) 0 -1.5em 0 0, rgba(201, 115, 80, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(201, 115, 80, 0.75) 1.5em 0 0 0, rgba(201, 115, 80, 0.75) 1.1em 1.1em 0 0, rgba(201, 115, 80, 0.75) 0 1.5em 0 0, rgba(201, 115, 80, 0.75) -1.1em 1.1em 0 0, rgba(201, 115, 80, 0.75) -1.5em 0 0 0, rgba(201, 115, 80, 0.75) -1.1em -1.1em 0 0, rgba(201, 115, 80, 0.75) 0 -1.5em 0 0, rgba(201, 115, 80, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

small
{
    font-size: 11px;
    color: grey;
}

.smallConfirmar
{
    font-family:'HelveticaRounded-BoldCond';
    font-size: 15px;
    color: grey;
    padding: 10px 0;
}