/*****************************************/
/* Start your style declarations here    */
/*****************************************/


#mask{position:absolute;left:0;top:0; z-index: 999; background-color:transparent !important;display:none}
#boxes { height: 0 !important; }
#boxes .window{    position: fixed !important;
    left: auto !important;
    top: auto !important;    bottom: 0  !important;
    right: 0  !important;width:440px;height:200px;display:none;z-index:9999;padding:20px;border-radius:15px;text-align:center}

#boxes #dialog, #boxes #dialog-1, #boxes #dialog-2, #boxes #dialog-3, #boxes #dialog-4, #boxes #dialog-5 {border-radius: 12px !important;width:400px;height:auto;padding:10px;background-color:transparent !important;font-family:'Segoe UI Light',sans-serif;font-size:15pt}

.maintext{text-align:center;font-family:"Segoe UI",sans-serif;text-decoration:none}


#lorem{font-family:"Segoe UI",sans-serif;font-size:12pt;text-align:left}#popupfoot{font-family:"Segoe UI",sans-serif;font-size:16pt;padding:10px 20px}#popupfoot a{text-decoration:none}.agree:hover{background-color:#d1d1d1}.popupoption:hover{background-color:#d1d1d1;color:green}

.caja-pop-azul{background:#313236;color:white}
div#boxes .cerrar{position:absolute;background:#1f9bde;padding:0 10px;right:0;top:0;font-size:16px;font-weight:bolder}.img-pop{float:left;display:block;width:282px;text-align:center;padding-top:65px;padding-bottom:65px}.txt-pop{float:right;max-width:380px;border-left-style:solid;padding-left:30px;border-width:1px;margin-bottom:30px}.txt-pop h2{font-size:18px !important;text-align:left;font-weight:600}a.btn-pop{display:block;clear:both;text-align:center;background:#1f9bde;color:white;width:200px;margin:0 auto;padding:5px}div#lorem{padding-top:20px;padding-bottom:20px;font-family:'Lato',sans-serif}

div#lorem {
    padding-top: 0px;
    padding-bottom: 0px;
}

div#lorem .pleca-tit {
    background: #f4f8fa;
    text-align: center;
    padding: 30px 0;
    font-size: 24px;
    font-family: 'Titillium Web',sans-serif;
    line-height: 38px;
    color: #08a5e0;
}


.img-pop {
    display: inline-block;
    margin: 0;
    padding: 0;
	text-align: left;	
}

div#lorem .texto {
    width: 90%;
    text-align: center;
    margin: 30px auto;
    color: #02324c;
    font-family: "Open Sans",sans-serif;
}

div#lorem .texto h2 {
    font-family: "Titillium Web", sans-serif;
    font-weight: 600;
    color: #D10022;
    margin: 0;
    line-height: 27px;
    margin-top: 20px;
    font-size: 25px;        
    margin-bottom: 0;
	}
	
div#boxes .cerrar {
    position: absolute;
    background: transparent;
    padding: 3px 9px;
    right: 0;
    top: 0;
    font-size: 21px;
    font-weight: bolder;
    top: -33px;
    right: -8px;
    border-radius: 12px;
    cursor: pointer;
    color: #a51916;

}	

div#lorem .texto p {
    font-size: 30px;
    margin: 25px 0 0;
    line-height: 30px;
}


div#lorem .texto p.azul {
        color: #012D50;
    font-weight: 600;
    font-size: 18px;
}
 
/*.caja-pop-azul {
    border-style: solid;
    border-width: 1px;
    border-color: #a51916;
    border-radius: 0 !important;
    background: #313236;
    color: white;
}*

.pop-cta {
    margin-top: 30px;
    margin-bottom: -7px;
}
/*
.back-gris {
    background: #eee;
    padding: 10px;
    color: #fff;
}
*/

.btn-rojo {
    background: #de4320;
    text-align: center;
    font-size: 50px;
    font-weight: 800;    max-width: 220px;
    display: inline-block;
    width: 100%;    margin: 30px;
}



.btn-rojo a {
    color: #fff;
    text-decoration: none;
}

/*
.btn-rojo a:hover, .btn-azul:hover {
    color: #000;
}
*/

@-moz-document url-prefix() { 
.btn-rojo, .btn-azul.cerrar-btn {
    padding: 12px 0 0;
}

}

.btn-azul.cerrar-btn {
    color: #02324c;
    background: #edf3f5;    
}
    
.btn-rojo p, .btn-azul p {
    font-size:15px;
    font-weight: normal;
    margin-top: -10px;
    margin-bottom: 11px;
}


.btn-rojo a p { color:#FFF; }

/*.btn-azul {
    background:#ccc;
    text-align: center;
    font-size: 50px;
    font-weight: 800;    max-width: 220px;
    display: inline-block;
    width: 100%;
}*/

.wrap-btns {
    max-width:535px;
    margin:auto;
}

span.triangulo {
    font-size: 40px;
    position: relative;
    top: -2px;
    left: 2px;
}

div#lorem .text-2 {
    font-size: 27px;
    margin-top: 15px;
    display: block;
}

@media (max-width: 763px) {


#boxes #dialog {
    width: 95%;border-radius: 12px !important;
 }
 

div#lorem .pleca-tit {
    padding: 30px 5px;
    font-size: 27px;
} 
 
 

div#lorem .texto p {
    font-size: 23px;
    margin: 25px 0 0;
    line-height: 25px;
} 


div#lorem .btn-azul.cerrar-btn {
    color: #495556;
    background: #f1f3f9;
    float: right;
    width: 50%;
}


.btn-rojo {
    margin: 0;
    width: 100%;
    display: block;
    margin: 50px auto 40px;
    font-size: 46px!important;
}


.btn-rojo a p {
    font-size: 20px;
    padding: 15px 0px;
}

.wrap-btns {
    max-width: 535px;
    margin: 25px auto;
}

}