/*Estilos para el template*/
html,body{margin:0;padding:0}
body{font: 90% arial,sans-serif;text-align:center; background-color:#999999;}
p{line-height:1.4; font-size:16px;}
div#header{height:55px; margin:0; background-image:url(images/bg-head.gif); background-repeat:repeat-y; background-position: left; background-color:#FFFFFF;}
div#container{text-align:left}
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{ width:936px; background: #003399;color: #FFF; border-left:#FFFFFF solid 10px; border-right:#FFFFFF solid 10px; border-bottom:#FFFFFF solid 10px; margin-bottom:1px;}
div#footer p{margin:0;padding:5px 10px;}
div#footer a{color: #FFF; text-decoration:none;}
div#container{width:956px;margin:0 auto}
div#content{float:right;width:956px; background-color:#FFFFFF;}
div#marcocontenido{ width:905px; margin:0 auto; position:relative; top:-20px;}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
div#footer{clear:both;}
div#borde{ position:relative; width:956px; margin:auto;}
div#encabezado{ position:relative; height:280px; background-image:url(images/top1.jpg); background-repeat:no-repeat;}
#logocurso{ position:relative; top:20px; left:38px;}
#link_head{ width:380px; margin-top:20px; margin-left:35px; color:#FFFFFF; font-size:12px; float:left;}
#link_head a{ color:#FFFFFF; text-decoration:none;}
#link_head a:hover{ text-decoration:underline;}
#head_icon{ width:410px; margin-top:7px; margin-left:75px; float:left;}

h1{font-weight:bolder; letter-spacing:-2px; background-image:url(images/bullet-titulo.gif); background-repeat:no-repeat; background-position:1% 30% ; padding-left:70px; padding-bottom:20px; padding-top:10px; line-height:normal;}

h2{ margin:0; padding:0; line-height:normal;}

.texto-mediano{ font-size:16px; font-weight:bolder;}

#luz {
	position:absolute;
	left:-94px;
	top:57px;
	width:98px;
	height:260px;
	z-index:1;
}


/*Screen*/
.descripcion-screen{ color:#666666; font-size:14px; line-height:1.4; margin:0; padding:0;}
.titulos-screen {
color:#003399;
font-size:16px;
font-weight:bold;
line-height:normal; margin:0; padding:0;
}


#infojoomla{ width:770px; background-image:url(images/bg-infojoomla.gif); background-repeat:repeat-x; background-color:#CCFFCC; height:200px; margin:10px auto; padding:5px 30px;}

/*Estilos para el contenido*/
div#content p{}
#cuenta {  float:right; height:150px; margin-top:-50px; width:280px; text-align:right; margin-right:10px;}
#tituloprincipal h1{ font-family: impact, verdana, Helvetica, sans-serif; font-size:50px; margin-top:0; color:#d80000; letter-spacing:-1px; font-stretch:narrower; }
#tituloprincipal h3 { font-size:18px; }
.subrayado { background-color:#FFFF33; color:#990000; }
h2 { letter-spacing:-2px; font-size:26px; }
#monitor{ margin-right:20px; padding-top:9px;}
#requisitos{ background:#FFFFAC; padding:20px; border:#FFCC00 solid 2px;}
#garantia{ background: #FFFFFF; padding:20px; border: #FF0000 solid 2px;}
#formasdepago{ font-size:small;}

/*comentarios*/
#comentarios{ background-image:url(images/bg_comentarios.gif); background-repeat:repeat-x; padding:5px 20px 30px 20px; margin:20px 0;}
#comentarios a{ text-decoration:none;}
#prev_peq{ margin-bottom:10px; padding:0 0 0 30px;}
#prev_peq li{ float:left; margin-right:15px; list-style:none;}
.borde_verde{ border:#4ac500 solid 2px; }
.nombres_prev{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#003366; font-weight:bolder; font-style:italic; margin-bottom:-10px;}
.pais_prev{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; margin-top:-15px;}
span.pais_prev{ margin-top:-10px;}
#comentt{padding:10px 30px 10px 50px;}
.cuadro_rightcoment{
float:right; margin-right:10px; margin-top:10px; width:250px;}
.cuadro_leftcoment{
float:left; margin-left:30px; margin-top:10px; width:230px;}
.coment_div{ background-image:url(images/comentarios_cuadro.gif); background-repeat:no-repeat; width:715px; height:280px; }
.clear{ clear:both;}
.tituloscomentarios{letter-spacing:-2px; font-size:26px; font-weight:bolder;}
.mapa_com{ float:left; width:440px; margin-top:0px; margin-left:0px;}
.mapa_comder{ float:right; width:440px; margin-top:0px; margin-left:0px;}
.coment_div p{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-style:italic; line-height:1; margin:0; padding:0;}
.divtexto{width:230px; margin-top:6px;}
span.tituloscomentarios{
margin-bottom:10px;display:block;}


/*Estilos para temario*/

#modulo1{
width:830px; 
height:322px;
margin:30px auto;
background-image:url(images/bg_modulo1.jpg);
background-repeat:repeat-y;
background-position: left;
border-left:#268cd3 solid 30px;

}

#modulo2{
width:830px; 
height:322px;
margin:30px auto;
background-image:url(images/bg_modulo2.jpg);
background-repeat:repeat-y;
background-position: left;
border-left:#2CD324 solid 30px;
}

#modulo3{
width:830px; 
height:322px;
margin:30px auto;
background-image:url(images/bg_modulo3.jpg);
background-repeat:repeat-y;
background-position: left;
border-left:#D83939 solid 30px;
}

#modulo4{
width:830px; 
height:322px;
margin:30px auto;
background-image:url(images/bg_modulo4.jpg);
background-repeat:repeat-y;
background-position: left;
border-left:#986FDE solid 30px;
}

#modulo5{
width:830px; 
height:322px;
margin:30px auto;
background-image:url(images/bg_modulo5.jpg);
background-repeat:repeat-y;
background-position: left;
border-left:#C9A04A solid 30px;
}

.numeromodulo{
width:195px;
float:left;
margin-right:10px;
margin-left:30px;
padding-top:40px;}

.intro_modulo{
width:270px;
float:left;
margin-left:20px;
margin-top:10px;
}

.intro_modulo p{
color:#000000;
font-size:13px;
line-height:normal;
}

.titulomodulos{
font-size:52px;
font-weight:bolder;
margin:0;
padding:0;
line-height: normal;
margin-bottom:-10px;}

.divcontentmodulo{
width:200px;
float:left;
margin-left:20px;
margin-top:20px;
}


.clasescrollmetodologia {
	height: 278px;
	width: 224px;
	overflow: auto;
	color: #000000;
	margin-top:0px;
	padding-top:0px;
	font-size:small;
}

.clasescroll li{
margin-left:-20px;
list-style-image:url(images/arrowred.png);
}
.clasescroll ul{
margin-top:0px;
padding-right:20px;
}
.titulosclasescroll {
color:#003399;
font-size:14px;
font-weight:bold;

}

.titulosclasescroll a{
color:#003399;
text-decoration:none;
}

.titulosclasescroll a:hover{
text-decoration:underline;
}

.clasescroll {
	height: 278px;
	width: 227px;
	overflow: auto;
	color: #000000;
	margin-top:0px;
	padding-top:0px;
	font-size:small;
	float:left;
}
.Clases {
margin-top: 0px;
	color: #FFFFFF;
	font-style: normal;
	font-family: Impact;
	font-size: 32px;
	font-weight:lighter;
}
.feature {
	width: 220px;
	background-image:url(images/bg_cuadros.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFAC;
	border: 2px solid #0C527F;
	float: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding: 10px;
}
.metodologiacuadro {
	width: 220px;
	background-color: #FFFFAC;
	border: 2px solid #0C527F;
	float: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	padding: 10px;
}

/****Como Inscribirme*****/

.div_paso{
width:200px;
margin-right:20px;
float:left;
}

.paso_flecha{
width:90px;
margin-right:10px;
float:left;
margin-top:40px;
}

.titulopasos{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:46px;
color:#000000;
line-height:normal;
margin:0;
padding:0;
}

.subtitulos_inscribir{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:27px;
color:#a80000;
line-height: normal;
letter-spacing:-1px;
margin-top:-5px;}

#flecharoja {
	position: absolute;
	width:148px;
	height:78px;
	z-index:1;
	margin-top:415px;
	margin-left:-20px;
}

/**cuadro**/

#topborde{
width:805px;
float:left;
margin-top:30px;
margin-left:20px;
}

#top_inscribirme{
width:800px;
height:65px;
margin-left:50px;
margin-top:40px;
background-image: url(images/top_inscribirme.gif);
background-repeat:no-repeat;
background-color:#990000;
float: left;
}

#cuerpo_inscribirme{
width:800px;
margin-left:50px;
background-image: url(images/bg_inscribirme.gif);
background-repeat:repeat-y;
background-color:#fff;
float: left;
}

#contenido_inscribirme{
width:792px;
margin-left:3px;
background-image: url(images/bg_cuerpoinscri_amarillo.jpg);
background-position: left top;
background-repeat: no-repeat;
background-color:#fff;
}

#cont-inscri{
width:750px;
margin:0px 10px 10px 20px;
padding-top:30px;
}

.preciocurso{
font-size:90px;
font-family:Impact, "Arial Black";
color:#0c39a2;
line-height:normal;
padding:0;
margin:0;
}

#texto-pago{font-size:13px; width:300px; float: left; margin:0; padding:0; margin-left:10px;}
#texto-pago p{ line-height:normal; margin:0; padding:0;}

#foot_inscribirme{
width:800px;
height:25px;
margin-left:50px;
background-image: url(images/foot_inscribirme.gif);
background-repeat:no-repeat;
float: left;
}

.boton-inscrbirme{
border:#ff1e20 solid 4px;
}

.boton-inscrbirme:hover{
border: #009900 solid 4px;
}


#barners-contac{
width:810px;
float:left;
margin-left:55px;
margin-top:30px;
}

#foot-testimonios{
width:810px;
float:left;
margin-left:30px;
margin-top:-20px;
}

.texto-test{
width:230px;
font-size:12px;
margin-top:-10px;
}

.texto-test p{
line-height:normal;
margin:0;
padding:0;
}

/***Preguntas****/

#div-preguntas{
width:820px; 
margin-left:50px;
float:left;
margin-top:40px;
background-image:url(images/bg_preguntas.jpg);
background-position:top;
background-repeat:repeat-x;
position: relative;
}

#icon-pregunta{
width:260px;
float:right;
height:260px;
background-image:url(images/bg-preguntas-icon.jpg);
background-repeat:no-repeat;
background-position: right top ;
}


#cont-pregunta2{
	width:756px;
	margin:20px 0 0 40px;
	position: absolute;
	left: -1px;
	top: -8px;
	height: 146px;
}

.listado {
color:#003399;
font-size:14px;
font-weight:bold;

}

.listado a{
color:#003399;
text-decoration:none;
}

.listado a:hover{
text-decoration:underline;
}

li.listado{
margin-left:-20px;
list-style-image:url(images/arrowred.png);
margin-bottom:10px;
}

#pregunta-table{
margin:0;
padding:0;
white-space:normal;
}

#cuentadiv {
	position:absolute;
	left:616px;
	top:10px;
	width:269px;
	height:241px;
	z-index:1;
}

.lis-requisitos{ margin:0; padding:0;}

.lis-requisitos li{ background-image:url(images/checkmark.gif); background-repeat:no-repeat; padding-left:35px; margin-bottom:10px;   list-style-type:none; padding-bottom:10px; padding-top:5px;}

#videogratuito{ width:850px; margin:30px auto 20px auto; background-color:#dcffaf; border:#69cb00 solid 3px;}
#table-video{ margin:0; padding:0; margin:10px 0;}
#table-video p{ line-height:1.8; font-size:14px;}