@charset "utf-8";
/* CSS Document */
<style type="text/css">
img, div, p, span { behavior: url(js/iepngfix.htc) }
</style>
@font-face 
{
 font-family: Geometrix;
 src: local("Geometrix"), url("fonts/GEOMETR3.ttf") format("truetype");
}
@font-face {
	font-family: Geometr415 Blk BT;
	font-style:  normal;
	font-weight: normal;
	src: url(fonts/GEOMETR2.eot);
}
@font-face {
	font-family: Geometr415 Lt BT;
	font-style:  normal;
	font-weight: normal;
	src: url(fonts/GEOMETR1.eot);
}
@font-face {
	font-family: Geometr415 Md BT;
	font-style:  normal;
	font-weight: normal;
	src: url(fonts/GEOMETR0.eot);
}
@font-face {
    font-family: Geometrix;
    font-style:  normal;
    font-weight: normal;
    src: url(fonts/GEOMETR3.eot);
}

*{
	margin:0px;
	padding:0px;
}
img{
	border:0px;
}
body{
	background-color:#ffffff;
	text-align:center;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:-moz-center;
	padding-top:13px;
}
#master{
	width:997px;
	height:700px;
	margin:auto;
	background-color:#FFFFFF;
}

#top{
	background-image:url(images/sombra-top.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:3px;
	width:997px;
	height:120px;
	float:left;
	clear:none;
	text-align:center;
}
#top img{
	float:left;
	clear:none;
}
.logo{
	float:left;
	clear:none;
	left: 57px;
	top: 82px;
	padding-left:58px;
}

#content{
	width:997px;
	height:auto;
	float:left;
	clear:none;
}

/** SOMBRAS **/
.sombra-top{
	width:997px;
	height:80px;
	background-image:url(images/sombra-top.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sombra-bottom{
	width:997px;
	height:37px;
	background-image:url(images/sombra-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	float:right;
	clear:none;
}
.sombra-left{
	width:20px;
	height:526px;
	float:left;
	clear:none;
	background-image:url(images/sombra-left.jpg);
	background-repeat:repeat-y;
	background-position:left top;
}
.sombra-right{
	width:20px;
	height:526px;
	background-image:url(images/sombra-right.jpg);
	background-repeat:repeat-y;
	background-position:left top;
	float:right;
	clear:none;
}

/** HOME **/
.main{
	width:957px;
	height:526px;
	background-image:url(images/fondo-main.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left;
	clear:none;
	text-align:left;
}



.Contato{
	width:163px;
	height:74px;
	float:right;
	clear:none;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5E6E66;
	line-height:12px;
}
.botonera-top{
	width:auto;
	height:15px;
	padding-top:32px;
	padding-right:61px;
	padding-bottom:10px;
	float:right;
	clear:none;
	text-align:right;
}
.boton-top{
	font-family:Geometrix, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3f4269;
	letter-spacing:0.5px;
	text-decoration:none;
	text-transform:uppercase;
}
a.boton-top:hover{
	background-image:url(images/bot-top-selected-b.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;
	height:15px;
	padding-bottom:5px;
}
.selected-top{
	font-family:Geometrix, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#3f4269;
	letter-spacing:0.5px;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	height:15px;
	padding-bottom:5px;
	background-image:url(images/bot-top-selected.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

/** BOTONERA **/
.botonera{
	width:auto;
	height:42px;
	background-image:url(images/botonera-fondo.jpg);
	background-position:right top;
	background-repeat:repeat-x;
	text-align:center;
	padding-bottom:3px;
}

.botonera-left{
	width:28px;
	height:42px;
	float:left;
	clear:none;
	background-image:url(images/botonera-left.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
.botonera-right{
	width:43px;
	height:42px;
	float:right;
	clear:none;
	background-image:url(images/botonera-right.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
}
.boton{
	width:auto;
	font-family:Geometrix, Arial, Helvetica, sans-serif;
	padding-top:14px;
	padding-bottom:12px;
	color:#2d304f;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
}
a.boton:hover {
	padding-bottom:13px;
	background-image:url(images/botonera-selected.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}
.selected{
	width:auto;
	padding-bottom:13px;
	background-image:url(images/botonera-selected.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}
.separador{
	width:auto;
	height:42px;
	padding-top:13px;
	padding-bottom:12px;
	padding-left:14px;
	background-image:url(images/botonera-separa.jpg);
	background-position:center;
	background-repeat:no-repeat;
}

/** CONTENT **/
#contenido{
	width:auto;
	height:340px;
}

/** HOME **/
.libro{
	width:254px;
	height:320px;
	float:left;
	clear:none;
	padding-left:75px;
	padding-right:7px;
}
.intro{
	width:442px;
	height:320px;
	float:left;
	clear:none;
	padding-top:3px;
}
.intro img{
	padding-top:2px;
	padding-bottom:2px;
}
.intro ul{
	padding-top:5px;
}
.intro li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:26px;
	color:#000000;
	padding-left:20px;
	background-image:url(images/tick.png);
	background-position:left;
	background-repeat:no-repeat;
	list-style-type:none;
}
.video-present{
	width:164px;
	height:220px;
	float:right;
	clear:none;
	padding-top:85px;
}


/** publicidade **/
.video-present{
	width:164px;
	height:220px;
	float:right;
	clear:none;
	padding-top:85px;
}
.tit{
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	text-transform:uppercase;
}

h1{
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000000;
	text-transform:uppercase;
}
.tit2{
	font-family:Geometr415 Md BT, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#000000;
	text-transform:uppercase;
}


/** QUIENES SOMOS **/
#quienes{
	width:914px;
	height:310px;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
}
#quienes .txt1{
	width:600px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000000;
}
#quienes .txt2{
	width:830px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#000000;
}
.quienes-img{
	float:right;
	clear:none;
}

.sup-indice{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}


/** PLAN DE ESTUDIOS **/
#plan{
	width:914px;
	height:auto;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
}
#plan .txt1{
	width:490px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
}
#plan .txt2{
	width:830px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
}
#plan .player{
	width:410px;
	height:auto;
	float:right;
	clear:none;
	padding-left:13px;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	text-transform:uppercase;
	background-image:url(images/player-bkg.png);
	background-position:right;
	background-repeat:no-repeat;
}
#plan img{
	text-align:left;
}
#plan .txt{
	font-family:Geometrix, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
#plan a.txt{
	text-decoration:none;
	vertical-align:middle;
}
#plan a.txt:hover{
	text-decoration:underline;
}

/** COMO SEGUIR EL CURSO **/
.pasos{
	width:914px;
	height:310px;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
}
.arial-14{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
}
a.arial-14{
	color:#04b0d6;
}
a.arial-14:hover{
	color:#666666;
}

.col-1{
	width:390px;
	height:250px;
	padding-top:12px;
	padding-left:37px;
	padding-right:5px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/num-1-5.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.col-1 .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.col-2{
	width:390px;
	height:250px;
	padding-top:12px;
	padding-left:37px;
	padding-right:5px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/num-6-10.png);
	background-position:top left;
	background-repeat:no-repeat;
}
.col-2 .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.como{
	width:700px;
	height:270px;
	padding-top:12px;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	background-image:url(images/tabela.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}
.como .txt{
	padding-top:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}


/** DVD **/
.arial-12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.dvd-col{
	width:auto;
	height:auto;
	float:left;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
}
.dvd-col ul{
	padding-left:20px;
}
.dvd-col li{
	list-style-position:inside;
	list-style-image:url(images/tick.png);
	list-style-type:none;
	line-height:22px;
}
.dvd-txt{
	width:auto;
	height:auto;
	padding-top:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	color:#000000;
	display:block;
}
.dvd-num{
	width:20px;
	height:100%;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:15px;
	color:#04b0d6;
}


/** BUTTONS **/
#buttons{
	width:auto;
	height:82px;
	text-align:center;
	padding-left:6px;
}
#buttons-10pasos{
	width:auto;
	height:82px;
	text-align:center;
	padding-left:38px;

}
#button-c{
	width:830px;
	height:82px;
	text-align:left;
	padding-left:6px;
	float:left;
	clear:none;
}

.button-normal{
	width:314px;
	height:54px;
	float:left;
	clear:none;
}
.button-middle{
	width:310px;
	height:91px;
	padding-right:4px;
	padding-left:4px;
	float:left;
	clear:none;
}
a.but-suscripcion{
	width:312px;
	height:54px;
	float:left;
	clear:none;
	background-image:url(images/oferta-de-assinatura.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-suscripcion:hover{
	margin-top:2px;
	background-image:url(images/oferta-de-assinatura-on.png);
}

a.but-newsletter{
	width:312px;
	height:49px;
	float:left;
	clear:none;
	background-image:url(images/cadastre-se-na-news.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-newsletter:hover{
	margin-top:2px;
	background-image:url(images/cadastre-se-na-news-on.png);
}

a.but-conozca{
	width:312px;
	height:64px;
	float:left;
	clear:none;
	background-image:url(images/conheca-tudo.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-conozca:hover{
	margin-top:2px;
	background-image:url(images/conheca-tudo-on.png);
}
a.but-plan{
	width:312px;
	height:64px;
	float:left;
	clear:none;
	background-image:url(images/plano-de-estudos.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-plan:hover{
	margin-top:2px;
	background-image:url(images/plano-de-estudos-on.png);
}
a.but-volver-como{
	width:249px;
	height:54px;
	float:left;
	clear:none;
	padding-left:30px;
	background-image:url(images/voltar-a-como.png);
	background-repeat:no-repeat;
	background-position:right top;		
}
a.but-volver-como:hover{
	margin-top:2px;
	background-image:url(images/voltar-a-como-on.png);
}

a.but-volver-plan{
	width:249px;
	height:54px;
	float:left;
	clear:none;
	padding-left:30px;
	background-image:url(images/voltar-ao-plano.png);
	background-repeat:no-repeat;
	background-position:right top;		
}
a.but-volver-plan:hover{
	margin-top:2px;
	background-image:url(images/voltar-ao-plano-on.png);
}
a.but-dvd{
	width:249px;
	height:54px;
	float:left;
	clear:none;
	padding-left:30px;
	background-image:url(images/dvd-curso.png);
	background-repeat:no-repeat;
	background-position:right top;		
}
a.but-dvd:hover{
	margin-top:2px;
	background-image:url(images/dvd-curso-on.png);
}
a.but-10pasos{
	width:249px;
	height:54px;
	float:left;
	clear:none;
	padding-left:30px;
	background-image:url(images/10-passos.png);
	background-repeat:no-repeat;
	background-position:right top;		
}
a.but-10pasos:hover{
	margin-top:2px;
	background-image:url(images/10-passos-on.png);
}
a.but-aula{
	width:312px;
	height:54px;
	float:left;
	clear:none;
	background-image:url(images/aula-de-estudo.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-aula:hover{
	margin-top:2px;
	background-image:url(images/aula-de-estudo-on.png);
}

a.but-consultar{
	width:312px;
	height:54px;
	float:left;
	clear:none;
	background-image:url(images/consulta-a-maestros.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-consultar:hover{
	margin-top:2px;
	background-image:url(images/consulta-a-maestros-on.png);
}
a.but-faq{
	width:312px;
	height:54px;
	float:left;
	clear:none;
	background-image:url(images/duvidas-frequentes.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-faq:hover{
	margin-top:2px;
	background-image:url(images/duvidas-frequentes-on.png);
}
a.but-cont{
	width:312px;
	height:54px;
	float:left;
	clear:none;
	background-image:url(images/todos-os-conteudos.png);
	background-repeat:no-repeat;
	background-position:top left;		
}
a.but-cont:hover{
	margin-top:2px;
	background-image:url(images/todos-os-conteudos-on.png);
}


/** FAQ **/
#faq{
	width:914px;
	height:auto;
	float:left;
	clear:none;
	padding-top:24px;
	padding-left:43px;
	padding-bottom:20px;
}
.faq-content{
	width:997px;
	height:auto;
	float:left;
	clear:none;
	background-image:url(images/sombras-laterales.jpg);
	background-repeat:repeat;
	background-position:center;
}
.faq-main{
	width:957px;
	height:auto;
	background-image:url(images/fondo-main.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
	float:left;
	clear:none;
	text-align:left;
}
.faq-sombra-left{
	width:20px;
	height:50px;
	float:left;
	clear:none;
}

/** FORMULARIOS **/
.form-atrasados{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-fasc-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.form-suscripcion{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-susc-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.form-aula{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-aula-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}
.form-news{
	width:280px;
	height:auto;
	padding:25px 5px 10px 25px;
	float:right;
	clear:none;
	font-family:Geometr415 Blk BT, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000000;
	background-image:url(images/form-news-bkg.png);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}


/** Contato **/
.dato{
	width:67px;
	float:left;
	clear:none;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
	text-align:left;
	vertical-align:middle;
}
input{
	width:200px;
	height:20px;
	border:1px solid #3f4269;
	margin-bottom:14px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3f4269;
	text-align:left;
	vertical-align:middle;
}
input:focus {
	border: 1px solid #04b0d6;
}
textarea{
	width:200px;
	height:90px;
	border:1px solid #3f4269;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#3f4269;
}
textarea:focus {
	border: 1px solid #04b0d6;
}
.enviar{
	width:107px;
	height:54px;
	margin-left:160px;
	background-image:url(images/enviar.png);
	background-repeat:no-repeat;
	background-position:center;
	border:none;
}
.obligatorios{
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

/* message display page */
.list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 830px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000000;
}
.list li {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.gif) no-repeat;
}
.pregunta {
	cursor: pointer;
	position: relative;
	text-align:left;
	padding-top:7px;
	padding-bottom:3px;
	padding-left: 18px;
	background: url(images/pregunta.gif) no-repeat left center;
}
.pregunta cite {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight: bold;
	font-style:normal;
	text-align:left;
}
.respuesta {
	width: 830px;
	padding-bottom:10px;
	text-align:left;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 460px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-transform:uppercase;
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 14px;
	color:#04b0d6;
}
a.collpase_all_message:hover {
	background: url(images/collapse-all-on.gif) no-repeat right center;
	color:#666666;
}


/** PIE **/
.pie{
	width:auto;
	height:auto;
	float:right;
	clear:none;
	padding-right:40px;
}
.pie img{
	padding-left:32px;
}
