.scorecard { position:fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:700px; height:85%; background-color:#f9f9f9; z-index:9999; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; overflow:hidden; }

.cardframe { width:100%; height:100%; border: 0px solid; -webkit-overflow-scrolling: touch; overflow-y: scroll; }

#tarjeta { opacity: 1; transition: opacity 1s; }
#tarjeta.hide { opacity: 0; } 

#cida { float:left; min-height:25px; width:100%; margin-top: 0px; }
#cvuelta { float:left; min-height:25px; width:100%; margin-top: 0px; } 

.cardholes { float:left; min-height:17px; width:100%; background-color:#a0a0a0; color:#f0f0f0; font-family: Roboto Condensed; font-size:16px; }
.cardpar { float:left; min-height:17px; width:100%; background-color:#ccc; font-family: Roboto Condensed; font-size:16px; }
.cardhcp { float:left; min-height:17px; width:100%; background-color:#f0f0f0; font-family: Roboto Condensed; font-size:16px; }
.carditemtit { float:left; min-height:17px; width:18%; text-align:center; padding-top:1px; }
.cardholetit { float:left; min-height:17px; width:8%; text-align:center; padding-top:1px; }
.cardtottit { float:left; min-height:17px; width:9%; text-align:center; padding-top:1px; }

.cardgross { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; }
.cardnet { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; }
.cardsfgross { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px;  }
.cardsfnet { float:left; min-height:21px; width:100%; overflow:hidden; font-family: Roboto Condensed; font-size:18px; }

.carditem { float:left; min-height:20px; width:18%; text-align:center; padding-top:2px; }
.cardhole { float:left; min-height:20px; width:8%; text-align:center; padding-top:2px; }
.cardtot { float:left; min-height:20px; width:9%; text-align:center; padding-top:2px; }

#vgross { float:left; width:100%; min-height:22px; border-top:#000 solid 4px; border-bottom:#000 solid 4px; margin: 2px 0px; padding-top:3px; }
#vnet { float:left; width:100%; min-height:22px; border-top:#780001 solid 4px; border-bottom:#780001 solid 4px; margin: 2px 0px; padding-top:3px; }
#vsfgross { float:left; width:100%; min-height:22px; border-top:#009 solid 4px; border-bottom:#009 solid 4px; margin: 2px 0px; padding-top:3px; }
#vsfnet { float:left; width:100%; min-height:22px; border-top:#090 solid 4px; border-bottom:#090 solid 4px; margin: 2px 0px; padding-top:3px; }
#igross { float:left; width:100%; min-height:22px; border-top:#000 solid 4px; border-bottom:#000 solid 4px; margin: 2px 0px; padding-top:3px; }
#inet { float:left; width:100%; min-height:22px; border-top:#780001 solid 4px; border-bottom:#780001 solid 4px; margin: 2px 0px; padding-top:3px; }
#isfgross { float:left; width:100%; min-height:22px; border-top:#009 solid 4px; border-bottom:#009 solid 4px; margin: 2px 0px; padding-top:3px; }
#isfnet { float:left; width:100%; min-height:22px; border-top:#090 solid 4px; border-bottom:#090 solid 4px; margin: 2px 0px; padding-top:3px; }


.statsrow1 { float:left; min-height:22px; width:19%; margin-right:4px; font-family: Roboto Condensed; font-size:18px; padding:3px; text-align:right; overflow:hidden; }
.statsrowgral { float:left; min-height:22px; width:12%; font-family: Roboto Condensed; font-size:18px; text-align:center; padding:3px; }

/* parrafos especiales calenadario */
#pcalh { margin:0px; padding: 15px 0px 0px 15px; line-height: 24px; font-size:16px; }
#pcalm { margin:0px; padding: 2px 0px 1px 15px; line-height: 20px; font-size:16px; }
#pcal { margin:0px; padding: 2px 0px 1px 15px; line-height: 12px; font-size: 14px; }
#pcalk { margin:0px; padding: 5px; font-size: 16px; }
#pspo { margin:0px; padding: 0px; line-height: 14px; font-size:14px; }

/* ESTILOS DE SCORING */
.GENERAL {   font-family: Roboto, sans-serif;  font-size: 13px;  color: #000000;}
.TITULO {   font-family: Roboto, sans-serif;  font-size: 17px;  color: #000000;}

.GENERALCH {   font-family: Roboto, sans-serif;  font-size: 15px;  color: #000000;}
.THECUT { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; }

.HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:9%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:24%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; }
.HEADSCORINGr { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
.HEADSCORINGt { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }

.PRACTICEHEADSCORINGpos { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; }
.PRACTICEHEADSCORINGply { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:50%; min-height: 28px; padding-top: 3px; text-align:center; }
.PRACTICEHEADSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:13%; min-height: 28px; padding-top: 3px; text-align:center; }

.PRACTICEBODYSCORINGpos { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; }
.PRACTICEBODYSCORINGply { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:50%; min-height: 28px; padding-top: 3px; text-align:left; font-weight:bold; }
.PRACTICEBODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 30px; color: #666666; width:13%; min-height: 28px; padding-top: 3px; text-align:center; }

.BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; }
.BODYSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; }
.BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; }
.BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; padding-top: 4px; }
.BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:9%; text-align:center; padding-top: 4px; }
.BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:10%; text-align:center; padding-top: 4px; }
.BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; }
.BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; padding-top: 4px; }
.BODYSCORINGt { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; text-align:center; padding-top: 4px; }
.BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 20px; padding-left: 5px; width:24%; text-align:left; padding-top: 10px; }

.HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px; text-align:center; }
.BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; }
.BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; }

#photoply { width: 140px; }

#flagy { width: 24px; height: 24px; padding-top: 4px; }
#flagcard { width: 32px; height: 32px; }

.hcp_baja { margin: 0px; padding: 2px 5px; font-size: 16px; }
.hcp_tit { margin: 0px; padding: 2px 5px; font-size: 24px; }
.hcp_score { margin: 0px; padding: 25px 5px 0px 5px; font-size: 48px; text-align: center; }
.celda_score_rev { width:100%;min-height: 60px; float:left; align-content:center; }
.profilehcp { width:200px; height:200px;}

/* RESULTADOS FINALES */
.thrnom { width:35%;}
.thr { text-align:center; }

/* ESTILOS DE REPORTES*/
.HEADS {   font-family: Roboto, sans-serif;  font-size: 15px;  color: #000000;}
.BODYSCORINGTT {   font-family: Roboto, sans-serif;  font-size: 11px;  color: #000000;}
.HML {color: #FFFFFF;  font-family: Roboto Condensed;  font-size: 12px; background-color:#940000; }
.BML {color: #OOOOOO;  font-family: Roboto Condensed;  font-size: 15px; }

p.BL13 {
margin: 0px;
padding: 5px;
color:#031C51;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
}


@media only screen and ( max-width: 978px ) {

	/* ESTILOS DE SCORING */
	.GENERALCH {   font-family: Roboto, sans-serif;  font-size: 15px;  color: #000000;}
	.THECUT { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; }
	
	.HEADSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:5%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:9%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:10%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #666666; width:24%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; }
	.HEADSCORINGr { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
	.HEADSCORINGt { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; min-height: 28px; padding-top: 3px; text-align:center; }
	
	.BODYSCORING7i { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; }
	.BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; }
	.BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; }
	.BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:5%; text-align:center; }
	.BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:9%; text-align:center; }
	.BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:10%; text-align:center; }
	.BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; }
	.BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 20px; color: #000000; width:7%; text-align:center; }
	.BODYSCORINGt { float:left; font-family: Roboto, sans-serif;	font-size: 20px; color: #666666; width:7%; text-align:center; }
	.BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 22px; padding-left: 5px; width:24%; text-align:left; padding-top:-2px; }
	
	.HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px; text-align:center; }
	.BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 15px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; }
	.BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 15px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; }
	
	#photoply { width: 120px; }

	#flagy { width: 24px; height: 24px; padding-top: 4px; }
	#flagcard { width: 28px; height: 28px; }

}


@media only screen and ( max-width: 767px ) {
	
	/* ESTILOS DE SCORING*/
	.GENERALCH { font-family: Roboto, sans-serif;  font-size: 13px;  color: #000000;}
	.THECUT { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; }
	
	/* ESTILOS DE SCORING */
	.HEADSCORING7i { float: left; visibility:hidden; width: 0px; }
	.HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center;  }
	.HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:5%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:5%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center;  }
	.HEADSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center;  }
	.HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #666666; width:24%; min-height: 25px; padding-top: 3px; text-align:center;  }
	.HEADSCORINGrdx { float: left; visibility:hidden; width: 0px; }
	.HEADSCORINGr { float:left; font-family: Roboto, sans-serif;	font-size: 16px; color: #666666; width:7%; min-height: 25px; padding-top: 3px; text-align:center;  }
	.HEADSCORINGt { float: left; visibility:hidden; width: 0px; }
	
	.BODYSCORING7i { float: left; visibility:hidden; width: 0px; }
	.BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center;  }
	.BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:5%; text-align:center; }
	.BODYSCORINGy { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:5%; text-align:center; }
	.BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center;  }
	.BODYSCORING10 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center;  }
	.BODYSCORINGrdx { float: left; visibility:hidden; width: 0px; }
	.BODYSCORINGr { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000;  width:7%; text-align:center;  }
	.BODYSCORINGt { float: left; visibility:hidden; width: 0px; }
	.BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 16px; width:23%; text-align:left; padding-top:-5px;  }
	
	.HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 12px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px;text-align:center; }
	.BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 12px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; }
	.BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 12px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; }
	
	#photoply { width: 95px; }

	#flagy { width: 18px; height: 18px; padding-top: 2px;}
	#flagcard { width: 24px; height: 24px; }

}

@media only screen and ( max-width: 600px ) {

	.scorecard { width:98%; height:98%; }

	/* ESTILOS DE SCORING*/
	.GENERALCH {   font-family: Roboto, sans-serif;  font-size: 13px;  color: #000000;}
	.THECUT { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:100%; min-height: 30px; text-align:center; background-color:#e1e1e1; }
	
	/* ESTILOS DE SCORING */
	.HEADSCORING7i { float: left; visibility:hidden; width: 0px; }
	.HEADSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:10%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORINGy { visibility:hidden; width:0px; height:0px; }
	.HEADSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORING10 { float: left; visibility:hidden; width: 0px; }
	.HEADSCORING24 { float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:52%; min-height: 25px; padding-top: 3px; text-align:center;}
	.HEADSCORINGrdx { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORINGr { float: left; visibility:hidden; width: 0px; }
	.HEADSCORINGt { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 15px; color: #666666; width:9%; min-height: 25px; padding-top: 3px; text-align:center; }
	.HEADSCORINGrd { float: left; visibility:hidden; width: 0px; }

	.PRACTICEHEADSCORINGpos { font-size: 16px; }
	.PRACTICEHEADSCORINGply { font-size: 16px; }
	.PRACTICEHEADSCORINGr { font-size: 16px; }
	
	.PRACTICEBODYSCORINGpos { font-size: 16px; }
	.PRACTICEBODYSCORINGply { font-size: 16px; }
	.PRACTICEBODYSCORINGr { font-size: 16px; }

	.BODYSCORING7i { float: left; visibility:hidden; width: 0px; }
	.BODYSCORING7 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:10%; text-align:center; }
	.BODYSCORINGi { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; }
	.BODYSCORINGy { visibility:hidden; width:0px; height:0px; }
	.BODYSCORING9 { float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; }
	.BODYSCORING10 { float: left; visibility:hidden; width: 0px; }
	.BODYSCORINGrdx { visibility:visible; float:left; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; width:9%; text-align:center; padding-top: 4px; }
	.BODYSCORINGr { float: left; visibility:hidden; width: 0px; }
	.BODYSCORINGt { float:left; visibility:visible; font-family: Roboto, sans-serif; font-size: 16px; color: #000000; text-align:center; width:9%; }
	.BODYSCORINGname { float: left; font-family: Roboto, sans-serif; font-size: 16px; text-align:left; width:52%; padding-top: 8px; }
	
	.HEADSCORINGSC { font-family: Roboto, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #000000;padding: 2px 0px 2px 0px;text-align:center; }
	.BODYSCORINGSC { font-family: Roboto, sans-serif; font-size: 11px; color: #FFFFFF; background-color:#69859d; padding: 0px 0px 0px 0px;text-align:center; }
	.BODYSCORINGCH { font-family: Roboto, sans-serif; font-size: 11px; color: #000000; padding: 2px 0px 2px 0px;text-align:center; }
	
	#photoply { width: 95px; }

	#flagy { width: 14px; height: 14px; padding-top: 3px;}
	#flagcard { width: 24px; height: 24px; }

	.hcp_baja { margin: 0px; padding: 2px 5px; font-size: 14px; }
	.hcp_tit { margin: 0px; padding: 2px 5px; font-size: 20px; }
	.hcp_score { margin: 0px; padding: 25px 5px 0px 5px; font-size: 30px; text-align: center; }
	.celda_score_rev { min-height: 45px; float:left; align-content:center; }
	.profilehcp { width:100px; height:100px; }
	
	
	/* RESULTADOS FINALES */
	.thr { display:none; }
	.thrnom { width:60%;}
	
	
}