html, body, div, applet, object, iframe, img, h1, h2, p, img,
h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,ins, kbd, q, s, samp, small, strike,
sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, 
center, i{font-family: 'Roboto Condensed', sans-serif;border:0;outline:0;color: black;text-decoration:none; font-size:18px; line-height: 22px; font-weight: 400; color: rgba(0,0,0,1);}
*{margin:0;padding:0}
:focus{outline:0}
ol, ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;}
blockquote, q{quotes:"" ""}
em {font-weight: bold; font-style: normal;}
hr{border:0;color:#FFFFFF;}
.opacidad60{opacity: 0.4;}
blockquote:before, blockquote:after, q:before, q:after{content:""}
a{-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
a:hover{opacity: 0.6; }
p{margin-bottom: 20px}
html,body{overflow-x: hidden}

.comoboton{cursor: pointer;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.comoboton:hover{opacity: 0.6; }
.oculto{display: none!important}
.canvasjs-chart-toolbar, .canvasjs-chart-credit{display: none!important}
.cargando{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0;z-index: 100; background-color: rgba(255,255,255,0.95);}
body.sinscroll{overflow: hidden;}
.ajax-loader {position: absolute;left: 50%;top: 50%;margin-left: -16px;margin-top: -16px;}
.ajax-loader-text { color: rgba(80,80,80,1); font-weight: bold; position: absolute;left: 50%;top: 50%;margin-left: -72px;margin-top: 20px; -webkit-animation: flicker 1s infinite;}
@-webkit-keyframes flicker { 0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;} }

.uno{width: 100%; height: 600px;}
.logo{width: 500px; top: 100px; left: 50%; margin-left: -250px; position: absolute; z-index: 2}
.logo1 img{width: 100%; height: auto}

.contenido{width: 600px; margin: 0 auto; box-sizing: border-box; margin-top: 120px; position: relative}


.cabecera{position: fixed; top: 0; left: 0; width: 100%; background-color: #981c47; padding: 15px 20px 15px 20px; box-sizing: border-box; z-index: 10; display: inline-flex; justify-content: space-between; align-items: flex-start;-webkit-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.72); box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.72);}
.cabecera a{color: #284b95; font-size: 15px; background-color: white; border: 1px solid white; padding: 5px 20px 5px 20px; border-radius: 20px;}
.cabecera a:hover{color: white; background-color: #284b95; opacity: 1}

.solomovil{display: none}
.cabecera div{width: 50%;}
.cabecera div:nth-child(2){width: 40%; text-align: right}

.whatsapp{position: fixed; bottom: 20px; right: 20px; z-index: 1000;}

.flexat{width: 100%; display: inline-flex; justify-content: space-between; align-content: flex-start; margin-bottom: 40px}
.flexat > div:nth-child(1){width: 100%;}
.flexat .resumen{width: 100%; margin-top: 20px}
.flexat .resumen{padding: 20px; box-sizing: border-box;background-color: rgba(196,0,122,1); text-align: left;}

.contenido h2 {
    border-bottom: 1px solid #981c47;
    color: #981c47;
    font-weight: bold;
    margin-bottom: 20px;
}
.legal p {
    font-size: 12px;
    line-height: 14px;
}

.amount{color: white;}
.flexat h3{font-weight: bold; display: block; color: white; margin-bottom: 20px; padding-bottom: 5px; font-size: 26px}

#frm{margin-top: 60px}
#frm .col100{width: 100%; margin-top: 20px}
#frm .col50{width: 45%; display: inline-block; margin-right: 4.2%;margin-top: 20px}
#frm .col50.ultimo{width: 50%; display: inline-block; margin-right: 0%;margin-top: 20px}
#frm .col20{width: 20%; display: inline-block; margin-right: 4.2%;margin-top: 20px}
#frm .col70{width: 75%; display: inline-block; margin-top: 20px}
.Zebra_DatePicker_Icon_Wrapper{width: 100%;}
#frm input, #frm textarea, #frm select{width: 100%; padding: 8px; box-sizing: border-box; color: rgba(196,0,122,1); font-size: 18px;font-family: 'Roboto Condensed', sans-serif; border: 1px solid rgba(196,0,122,1)}
#frm input[type='checkbox']{width: 30px; padding: 8px; margin-right: 10px; box-sizing: border-box; color: rgba(196,0,122,1); font-size: 18px;font-family: 'Roboto Condensed', sans-serif; border: 1px solid rgba(196,0,122,1); display: inline-block;}
#frm label{font-size: 14px; color: rgba(196,0,122,1); display: block}


.resumen{width: 220px; padding: 20px;text-align: center; border-radius: 20px; box-sizing: border-box;background-color: #981c47; text-align: left; position: absolute; top: 150px; right: -250px }
.resumen h3{color: white; font-weight: bold;text-align: center;}
.resumen .guardarpedido, .resumen .guardarpedido2{background-color: white; padding: 5px; text-align: center; box-sizing: border-box; width: 100%; cursor: pointer; text-transform: uppercase; font-size: 14px; font-weight: bold; border-radius: 5px}
.resumen .guardarpedido{margin-bottom: 20px}
.resumen.fijo{position: fixed;top: 105px;left: 50%;margin-left: 330px;}
.guardarpedido2{display: none}
.resumen .amount{font-weight: bold; display: block; color: white; margin-top: 20px; margin-bottom: 20px; padding-bottom: 5px; font-size: 32px; text-align: center}
.amount{color: white;}
.contactcontent h2{border-bottom: 1px solid #981c47; color: #981c47; font-weight: bold; margin-bottom: 20px;}
.contactcontent h3{font-weight: bold; display: block; color: white; margin-bottom: 20px; padding-bottom: 5px; font-size: 26px}
.legal p{font-size: 12px; line-height: 14px}
#frm{margin-top: 60px}
#frm .col100{width: 100%; margin-top: 20px}
#frm .col30{width: 30%; display: inline-block; margin-right: 4.2%;margin-top: 20px}
#frm .col50{width: 45%; display: inline-block; margin-right: 4.2%;margin-top: 20px}
#frm .col50:nth-child(2n+1){margin-right: 0}
#frm .col30.ultim{margin-right: 0}
.ultimo{margin-right: 0!important}
.primero{margin-right: 4.2%!important;}
#frm .col20{width: 20%; display: inline-block; margin-right: 4.2%;margin-top: 20px}
#frm .col70{width: 75%; display: inline-block; margin-top: 20px}
.Zebra_DatePicker_Icon_Wrapper{width: 100%;}
#frm input, #frm textarea, #frm select{width: 100%; padding: 8px; box-sizing: border-box; color: #981c47; font-size: 18px;font-family: 'Roboto Condensed', sans-serif; border: 1px solid #981c47; border-radius: 5px}
#frm textarea{min-height: 120px}
#frm input[type='checkbox']{width: 30px; padding: 8px; margin-right: 10px; box-sizing: border-box; color: #981c47; font-size: 18px;font-family: 'Roboto Condensed', sans-serif; border: 1px solid #981c47; display: inline-block;}
#frm label{font-size: 14px; color: #981c47; display: block}

.pagoform{ background-color: #981c47; width: 300px; margin: 0 auto; padding: 40px 20px 20px 20px; margin-bottom: 80px; margin-top: 120px!important; text-align: center; color: white;}

@media screen 
and (max-width : 1367px) 
and (min-width : 1024px) 
{
.contenido{width: 910px;}
.dos .flexat, .dosnew .flexat, .seis{padding: 60px;}
.padding80 {padding: 40px 60px 0px 60px;}
.conbola2 > div{padding: 0}
.opciones > div {width: 22%; margin-bottom: 70px}
.banblanco{padding: 40px;bottom: 10%;}
.opciones2 div > span {font-size: 80px;}
.margensuperio60 {margin-top: 20px;}
.siete p {line-height: 1.2em;}
.contenido90{width: 100%;}
.contenido90 .flexat > div {width: 31%;}
p{font-size: 20px;}
}


@media screen 
and (max-width : 1023px) 
and (min-width : 768px) 
{
.uno .logo1 {width: 60%;}
.contenido{width: 690px;}
.dos .flexat, .dosnew .flexat, .seis{padding: 40px;}
.padding80 {padding: 40px 60px 0px 60px;}
.conbola2 > div{padding: 0}
.opciones > div {width: 22%;}
.banblanco{padding: 40px;bottom: auto;}
.opciones2 div > span {font-size: 80px;}
.margensuperio60 {margin-top: 20px;}
.dos .flexat > div:nth-child(1) {width: 25%;}
.opciones2 div{margin-bottom: 50px;}
.opciones > div {width: 47%;}
.opciones3 > div, .opciones2 > div {width: 26%;}
.tres{height: auto}
.banblanco {position: relative;}
.opciones3 div{margin-left: 0; margin-right: 0;}
.seis h2{font-size: 50px}
.preusflexat div:nth-child(1) {width: 45%;}
.preusflexat div:nth-child(2) {width: 45%;}
.preusflexat div:nth-child(3) {width: 100%; margin-top: 40px; text-align: center}
.inscripcion {margin-top: 60px;}
.contenido90 {width: 100%;}
.contenido90 .flexat > div {width: 100%;}
.siete p {line-height: 1.2em;}
.inscr {padding: 40px;}
.flexat > div:nth-child(1) {width: 100%;}
}

@media screen 
and (max-width : 767px)
{
.uno {height: 400px;}
.logo {width: 300px;top: 100px;left: 50%;margin-left: -150px;}
p{text-align: left}
.uno .logo2 {height: 60%;}
.uno .logo1 {top: 100px;}
.col20, .col70, .col50{width: 100%!important; margin-right: 0!important}
.contenido90 {width: 100%;}
.uno .logo1 {width: 80%;}
.seis{padding: 0; margin-top: 40px}
.contenido{width: 90%;}
.opciones > div{margin-bottom: 60px;}
.dos .flexat, .dosnew .flexat{padding: 20px;}
.padding80 {padding: 20px;}
.conbola2 > div{padding: 0}
.opciones3{margin-top: 40px}
.opciones3 > div{margin-bottom: 30px;}
.opciones > div {width: 100%;}
.margeninferior60 {margin-bottom: 40px;}
.banblanco{padding: 20px;bottom: auto;}
.opciones2 div > span {font-size: 50px;}
.margensuperio60 {margin-top: 60px;}
.dos .flexat > div:nth-child(1) {width: 25%;}
.tres{height: auto}
.tres h2{font-size: 25px}
.opciones3 div{text-align: left;font-size: 20px;}
.conbola:before {display: inline-block;content: '';background: url(img/bola2.svg) center center no-repeat;background-size: contain;width: 35px;height: 27px;margin: 0 auto;margin-bottom: 0px;margin-right: 15px;vertical-align: middle;}
.textocentro {text-align: left;}
.opciones3 div{margin-top: 0}
.banblanco {position: relative;}
.opciones3 div{margin-left: 0; margin-right: 0;}
.seis h2{font-size: 50px}
.preusflexat div:nth-child(1) {width: 100%; margin-bottom: 20px; text-align: center}
.preusflexat div:nth-child(2) {width: 100%; margin-bottom: 20px; text-align: center}
.preusflexat div:nth-child(3) {width: 100%; text-align: center}
.inscripcion {margin-top: 60px;}
.dos .flexat > div:nth-child(1) {width: 100%;text-align: center; margin-bottom: 20px; margin-top: 40px}
.dos .flexat > div:nth-child(2) {width: 100%;text-align: center;}
.dosnew .flexat > div:nth-child(1) {width: 100%;text-align: center; margin-bottom: 20px}
.dosnew .flexat > div:nth-child(2) {width: 100%;text-align: center;}
.cuatro h2 {font-size: 30px;color: rgba(196,0,122,1);margin-bottom: 40px; padding-left: 20px; padding-top: 20px; text-align: left}
.cuatro h3{color: rgba(196,0,122,1); padding-left: 20px;font-size: 20px; text-align: left}
.cuatro h4{color: rgba(196,0,122,1); padding-left: 20px;font-size: 20px; text-align: left}
.cuatro div {top: auto;left: auto; position: relative;}
.ocho{height: 200px}
.dosnew .flexat > div:nth-child(1) img{max-width: 100px}
.preusflexat div h5 strong{display: block;}
.solomovil{display: block;}
.solomovil.fotofondo{width: 100%; margin-bottom: 20px}
.solomovil.fotofondo img{width: 100%}
.tres, .cuatro, .seis, .siete, .siete.fotonueva{background: none;height: auto;}
.preusflexat{margin-top: 0}
.seis h2 {margin-bottom: 20px; font-size: 30px; font-weight: bold; padding-left: 20px}
.opciones2 > div{width: 47%; margin-left: 0px;margin-right: 0px;}
.seis h3{font-size: 26px;text-align: center;}
.inscr{padding: 20px}
.siete h2, .dosnew .flexat > div:nth-child(2) h2{font-size: 30px; text-align: left}
.inscripcion{margin-bottom: 30px;}
.preusflexat div h4, .preusflexat div h5{text-align: left}
.preusflexat{padding: 20px}
.dos .flexat > div:nth-child(1){text-align: left}
.contenido90{width: 100%}
.contenido90 .flexat > div{width: 100%;}
p{font-size: 18px}
.contenido90 .flexat.ados > div{width: 100%; text-align: left}
.flexat > div:nth-child(1) {width: 100%;}
.contenido{padding-bottom: 180px;}
.resumen{width: 100%;border-radius: 0;position: fixed; z-index: 1000; top: auto;right: auto;bottom: 0;left: 0;padding-top: 20px; padding-bottom: 20px;}
}