html, body, #winpage { margin: 0px; padding:0; width:100%; height:100%;  }
body{ 
	text-align: left;
	font:15px "Calibri";
	color: #333333;
	background: url(../images/bg.jpg) center top #fff;
}

#winpage {background: url(../images/bgtop.png) center top no-repeat;}
#winpage > div {background: url(../images/bgbottom.png) center bottom no-repeat;}
.main{
	width:950px;
	margin:0 auto;
	position: relative;
}


/****************************************
*				GLOBAL				    *
****************************************/
.fl				{ float: left; }
.fr				{ float: right; }
.fl-space		{ float: left; margin-right: 5px; }
.fr-space		{ float: right; margin-left: 5px; }
.fl-space2		{ float: left; margin-right: 10px; }
.fr-space2		{ float: right; margin-left: 10px; }
.clear:after 	{ content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; }
.clear			{ display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; margin:10px }
.clear2			{ display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; margin:5px }
.pl				{ padding-left: 5px}
.p0				{ padding:0px !important}
.p5				{ padding:5px}
.p10			{ padding:10px}
.p20			{ padding:20px}
.m0 			{ margin: 0pc !important}
.m5				{ margin:0px}
.m5				{ margin:5px}
.m10			{ margin:10px}
.m20			{ margin:20px}
hr { display:block; border: none; border-bottom:3px dashed #9B9B9B; margin-bottom:5px; width: 842px; margin-left: 0; text-align: left}

.centrado		{ margin:auto;display:table}
.middle			{ width: 48%; margin: auto}
.center		{ display: block; margin: auto; text-align: center}


.c1  			{ color:#a50707 !important;}
.c2 			{ color: #5F5F5F !important;}
.c3 			{ color: #656565 !important;}
h1				{ text-transform: uppercase; font-weight: normal; font-size:24px;}
h2				{ text-transform: uppercase; font-weight: normal; font-size:18px;}
h3				{ text-transform: uppercase; font-weight: normal; font-size:16px;}
h4				{ text-transform: uppercase; font-weight: normal; font-size:14px;}
h5				{ text-transform: none; font:18px "Calibri"; }
h6				{ text-transform: none; font:bold 18px "Calibri";  color: #6aadd9}



	

.sombra 		{-moz-box-shadow: inset 1px 1px 10px #cdcdcd; -webkit-box-shadow: inset 1px 1px 10px #cdcdcd; box-shadow: inset 1px 1px 10px #cdcdcd;}
.redondeado 	{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;-khtml-border-radius: 5px;-khtml-border-radius: 5px;}
.redondeado2 	{-moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px;-khtml-border-radius: 1px;-khtml-border-radius: 1px; }
.redondeado3 	{-moz-border-radius: 229.5px; -webkit-border-radius: 229.5px; border-radius: 229.5px;-khtml-border-radius: 229.5px;-khtml-border-radius: 229.5px;}
input, textarea {
	border: 5px solid #CCCCCC;
	outline: none;
	overflow: hidden;
	-moz-box-shadow: inset 1px 2px 10px #cdcdcd;
	-mz-box-shadow: inset 1px 2px 10px #cdcdcd;
	-webkit-box-shadow: inset 1px 2px 10px #cdcdcd;
	box-shadow: inset 1px 2px 10px #cdcdcd;
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
	padding: 9px 25px 9px 18px;
	font-size: 15px;
	color: #8e8e8e;
	width: auto;
}

textarea.input, .textarea  {border:1px solid #C0C0C0; overflow: auto; background: #EFEFEF; padding:9px 25px 9px 18px; font-size:14px; color:#8e8e8e; }
.button			{ border: none; background: transparent; }	
.justify		{ text-align: justify;}
.placeholderie 	{ display: block; position: relative; }
.placeholderie label { padding-left: 14px}



/****************************************
*				COLUMNS				    *
****************************************/
#contenedor 	{ width: 1015px;margin: 15px auto;}
#contenedor .main2 	{ width: 969px}
#contenedor .main,
#head .main 	{ width: 842px;}
#contenedor .main3 	{ width: 1000px; margin-left: 62px}
#contenedor .min_main 	{ width: 375px;}
#contenedor .min_main.fr 	{ width: 375px; float: right;}

#contenedor .cabecera { height: 108px; background: url(../images/bgbodyh.png) no-repeat}
#contenedor .cuerpo { background: url(../images/bgbodyc.png) repeat-y}
#contenedor .footer { height: 19px; background: url(../images/bgbodyf.png) left bottom no-repeat}


.columns		{ width: 100%; }
.lastcol		{ margin-right: 0px !important; }
.col1-2			{ width: 480px; float: left; margin-right: 22px; }
.col1-3			{ width: 330px; float: left; margin-right: 10px; }
.col2-3			{ width: 700px; float: left; margin-right: 22px; }
.col1-4			{ width: 250px; float: left; margin-right: 22px; }
.col2-4			{ width: 500px; float: left; margin-right: 22px; }
.col3-4			{ width: 750px; float: left; margin-right: 22px; }
.tableCell 		{ display: table-cell; padding: 5px; vertical-align: middle; }
.table{display:table; border:1px solid #CBCBCB; border-bottom-width: 5px; width: 100% }
.table-caption{display:table-row; background:#656565;}
.table-caption .table-col, .table-caption .table-contenido div { background:#656565; color: #fff}
.table-row{display:table-row;}
.table-col{display:table-cell; padding: 17px 24px; border: 1px solid #DEDEDE; text-align: center; vertical-align: middle; position: relative;}


/****************************************
*			   SPRITES				    *
****************************************/



/****************************************
*				HEAD				    *
****************************************/
#head { display: block; background-position:0 0; background-repeat: repeat-x; height: 59px}
#head .main, #head .main2 { height: 31px; padding: 14px 0px}



#slogan { float:right; text-align: right; margin-top: 15px}
#slogan h3 { font-size:18px; font-weight: bold; color: #ffffff; text-transform: none}
#slogan h4 { font-size: 15px; color: #ffffff; text-transform: none}

/****************************************
*				BODY				    *
****************************************/
section {padding-bottom: 20px}
#titulo {
	margin-left: -12px;
	display: inline-block;
	width: 355px;
	height: 129px;
	background: url(../images/titulo.png) no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 35px 40px;
}

#titulo h1 { font: 27px 'babelsansregular'; color: #a82527}
#titulo h2{ font-size: 18px; font-weight: normal; color: #666666; padding-right: 15px; background: url(../images/lista5.png) right center no-repeat; display: inline-block;}



#opcionesheader { width:530px; margin-right: 50px; display: table; margin-top: 15px}

#opcionesheader div.row { display: table-row; }
#opcionesheader div.opcion { width:290px; display: table-cell;padding-bottom: 15px}
#opcionesheader div.opcion1,
#opcionesheader div.opcion2 {display: table-cell;}
#opcionesheader div.opcion1 { min-width: 120px}



.form_input { width:375px; margin-right: 100px; float:left; height: 75px; position: relative;}
.form_input input[type="text"] { width: 372px;}

#periodo_suscripcion input[type="text"] {width: 170px;margin: 0; float:left}
#periodo_suscripcion .sbHolder { width: 200px;float: left;margin-right: 1px;}

#cursos .sbHolder { width: 845px}

#nacimiento input[type="text"] { width: 320px;}
#nacimiento img { margin-left:15px; margin-top: 5px; cursor: pointer}

#tp_comprobante label { width:150px; margin-top: 10px}
.tp_comprobante, .especificar { display:none}


.info{ text-align: right; font-style: italic; font-size: 14px}
.info img { margin-left: 15px }


.fancybox-inner .titulo {margin-top: -1px; background-position: 0 -620px; height: 44px; padding-top: 15px }
.fancybox-inner .titulo h2 { font-size: 32px; line-height: 25px}
.fancybox-inner .titulo span { width: 35px; height:32px; display: inline-block; margin-right: 5px; margin-left: 0px}
.fancybox-inner .sombraleft	{ background-position: -376px -280px; top: -1px}
.fancybox-inner .sombraright	{ background-position: -417px -280px;top: -1px}
.fancybox-inner {padding-bottom: 80px}


.globo  {background: url(../images/globo.png) left top no-repeat; height: 74px; width: 420px; margin-right: 0; margin-left: -50px; margin-top: -10px }
.globo div { margin-left: 35px; margin-top: 25px; width: 318px; color: #fff; font-style: italic;}




#gracias { text-align: center; min-height: 750px}
#gracias h2 { font-size: 48px; text-transform: none; }
#gracias h3{ font-size: 19px; color: #333333; text-transform: none;}
#gracias h4{ font-size: 16px; text-transform: none; font-style: italic;}
.bggracias{background: url(../images/bggracias.jpg) 13px bottom no-repeat;}

#terminos{display:none;width: 742px; background: #f8f8f8; border: 4px #D4D4D4 solid; padding:50px}
#terminos h1 { font-size: 27px; color:#a50707 }
#terminos h2 { font-size: 17px;}
#informacion p, #terminos p { margin: 5px 0}
#informacion h1, #informacion h2, #informacion h3, #informacion h4,
#terminos h1, #terminos h2, #terminos h3, #terminos h4 { text-transform: none}


.resumen .tit { width: 240px; display: inline-block;}
.resumen .dat { width: 400px; display: inline-block; font-style: italic; color: #666}


#divcapcha {
	position:relative; 
	margin-top:17px;
	margin-top:-57px\0/;

}
/****************************************
*			   FORMULARIO			    *
****************************************/
.link1			{ color: #333333; font-style: italic; line-height: 10px; vertical-align: bottom !important; height: 24px; display: inline-block;}
.link1:hover	{ color: #6F612D}

button			{ padding: 0px; z-index: 2; background: none; border: none}


.perjuridica {display:none}


.boton1,.boton2,.botonH {
	min-width: 200px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 60px;
	display: inline-block;
	text-align: center;
}
.boton1 div { display: inline-block; height: 65px; background: url(../images/boton1.png) repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;	box-sizing: border-box;}
.boton1 div { background-position: center -65px; min-width:160px; padding-top: 17px; font:18px 'babelsansregular'; color:#fff; text-transform: uppercase; }
.boton1 div img { margin-left: 10px;}
.boton1 div.lf { min-width:20px;max-width: 20px;width: 20px; background-position: left top;}
.boton1 div.rg { min-width:20px;max-width: 20px;width: 20px; background-position: right top;}

.boton1:hover div { background-position: 0 -210px }
.boton1:hover div.lf { background-position: left -145px }
.boton1:hover div.rg { background-position: right -145px }


.boton2 div { display: inline-block; height: 120px; min-height: 120px; background: url(../images/boton2.png) repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;	box-sizing: border-box;}
.boton2 div { background-position: center -140px; min-width:260px; padding-top: 10px;  color:#fff; text-transform: uppercase; }
.boton2 div h3 { font: 30px 'babelsansregular'}
.boton2 div h3 img { margin-left: 10px;}
.boton2 div h4 { font: 14px 'babelsansregular'}
.boton2 div.lf { min-width:20px;max-width: 20px;width: 20px; background-position: left top;}
.boton2 div.rg { min-width:20px;max-width: 20px;width: 20px; background-position: right top;}

.boton2:hover div { background-position: 0 -420px }
.boton2:hover div.lf { background-position: left -280px }
.boton2:hover div.rg { background-position: right -280px }


.botonH div { display: inline-block; height: 40px; min-height: 40px; background: url(../images/boton2.png) repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;	box-sizing: border-box;}
.botonH div { background-position: center -140px; min-width:160px; padding-top: 10px;  color:#fff; text-transform: uppercase; }
.botonH div h3 { font: 30px 'babelsansregular'}
.botonH div h3 img { margin-left: 10px;}
.botonH div h4 { font: 14px 'babelsansregular'}
.botonH div.lf { min-width:20px;max-width: 20px;width: 20px; background-position: left top;}
.botonH div.rg { min-width:20px;max-width: 20px;width: 20px; background-position: right top;}

.botonH:hover div { background-position: 0 -420px }
.botonH:hover div.lf { background-position: left -280px }
.botonH:hover div.rg { background-position: right -280px }





.boton3 div,
.boton4 div { display: inline-block; height: 85px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;	box-sizing: border-box;}

.boton3 div,
.boton4 div {background: url(../images/boton3.png) center top no-repeat;}

.boton4 div , .boton3 div { background-position: left -90px; min-width:160px; padding-top: 17px; font:18px 'babelsansregular'; color:#fff; text-transform: uppercase; }
.boton3 div { background-position: center top }
.boton4 div { background-position: center -210px;text-align: center; }
.boton4 div img , .boton3 div img { margin-left: 10px;}
.boton3 div.lf { min-width:20px;max-width: 20px;width: 20px; background-position: left top;}
.boton4 div.lf { min-width:20px;max-width: 20px;width: 20px; background-position: left -210px;}
.boton3 div.rg { min-width:20px;max-width: 20px;width: 20px; background-position: right top;}
.boton4 div.rg { min-width:20px;max-width: 20px;width: 20px; background-position: right -210px;}

.boton3:hover div { background-position: center -89px }
.boton4:hover div { background-position: center -299px }
.boton3:hover div.lf { background-position: left -89px }
.boton4:hover div.lf { background-position: left -299px }
.boton3:hover div.rg { background-position: right -89px }
.boton4:hover div.rg { background-position: right -299px }


input[type=radio] {position: absolute;left: -999em;}
input[type=radio] + label {display: inline-block; height: 17px; padding-left: 22px; font-size:15px; cursor: pointer; margin:1px 0;  background: url(../images/radiobutton.png) top left no-repeat; line-height: 16px; color: #5a5a5a; min-width: 50px;  }
label.checked,
input[type=radio]:checked + label {background: url(../images/radiobutton.png) 0px -30px no-repeat !important;}


input[type=checkbox] {
	position: absolute;
	left: -999em;;
}

input[type=checkbox] + label {
	width: auto;
	font-style: italic;
	display: inline-block;
	padding: 0px;
	padding-left: 40px;
	float: none;
	cursor: pointer;
	margin: 10px 0 0 0;
	background: url(../images/checkbox.png) top left no-repeat;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
input[type=checkbox]:checked + label{background: url(../images/checkbox.png) 0px -30px no-repeat !important;}
input[type=checkbox] + label.error2{position: relative; background: none; float: right;}
.delabel{ font-size: 13px; font-style: italic; margin:1px; padding-left: 40px}
.delabel a { color: #9f1818}




/****************************************
*				FOOTER				    *
****************************************/
#footer { display:block; text-align:left; height: 150px }



.manya { width: 500px; height: 30px; margin:0px; margin-left: 25px; float: left; font-size:13px; color: #999999;}
.manya p { display: table-cell; height: 24px; padding-right: 10px; vertical-align: middle;}
.manya #logomanya { background: url(../images/manya.png) no-repeat 0 0; width: 24px; height: 24px; display: block; padding-left: 0px}
.manya #logomanya:hover { background-position: -32px 0}
.manya a { color: #999999}
.manya a.cother { color: #ccc}
.manya a:hover{color: #fff}

.pie2 { width: 1000px; height: 30; margin:0px; margin-left: 10px; float: left; font-size:13px; color: #999999;}
.pie2 p { display: table-cell; height: 24px; padding-right: 10px; vertical-align: middle;}
.pie2 a { color: #999999}
.pie2 a.cother { color: #ccc}
.pie2 a:hover{color: #fff}


.main2 .manya { margin-top: 0px}

.mapa{ float:right; height:80px;margin:15px 0 0 0px;}
.mapa a { color: #999999; background: none;  padding: 5px 10px; margin: 5px 15px; font-size: 14px }
.mapa a:hover {color:#CBCBCB; background: #484848;}


input.error,  .spanerror, * input.error, * select.error, * textarea.error { border-color:#A72527!important; }
label.error {position: absolute; top: -35px; right: 0px; height: 60px; cursor: pointer;}
label.error div{ background: url(../images/error.png) 0 -69px repeat-x; height: 60px; display:inline-block; margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 12px;
	color: #dfdfdf;
	font: 15px 'Calibri';
}
label.error div.lf{ width: 50px; background-position: left top;}
label.error div.rg{ width: 10px; background-position: right top; float: right;}
label.error div.ct{ margin-left: -32px}


label.error2 {
    cursor: pointer;
    height: 60px;
    position: absolute;
    right: 10;
    top: 220px;
}
label.error2 div{ background: url(../images/error.png) 0 -69px repeat-x; height: 60px; display:inline-block; margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 12px;
	color: #dfdfdf;
	font: 15px 'Calibri';
}
label.error2 div.lf{ width: 50px; background-position: left top;}
label.error2 div.rg{ width: 10px; background-position: right top; float: right;}
label.error2 div.ct{ margin-left: -32px}



.divinputerror input {border: none !important}
.placeholder {color: #aaa !important;}
.Texto_Normal_BVL_Peq { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: Justify;
    color: #999999;
    
} 

/****************************************
*				BODY				    *
****************************************/
.enlace_acepto {padding-bottom: 10px}