/* CSS Document */
html,body{
	margin:0px;
	padding:0px; 
	background-color:#000000;
}
body{
	font: 75% arial,sans-serif;
	text-align:center;
}
p{
	margin:0 10px 10px}
	
/* ------------------------------------------------------------

	banner superior
	
------------------------------------------------------------ */
#container{
	height: 600px;
	width: 800px;
	margin:0 auto;	
}
#banner{
	width: 800px;
}
#botones{
	width: 800px;
}
	
/* ------------------------------------------------------------

	MAIN    MAIN    MAIN   MAIN    MAIN    MAIN   MAIN    MAIN    MAIN   MAIN    MAIN    MAIN
	
------------------------------------------------------------ */
#content{
	height: 375px;
	width: 800px;
	background-image:url(images/main/main_background2.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#content_formulario{
	height: 375px;
	width: 100px;
	background-image:url(images/main/main_background_formulario.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#formulario_margen{
	height: 330px;
	width: 150px;
	margin-top:330px;
	margin-left:100px;
	float: left;	
}
#formulario_main{
	height: 30px;
	width: 150px;
	margin-top:325px;
	margin-left:100px;
	float: left;	
}
#margen_novedades{
	width: 110px;
	height:70px;
	float:left;	
}
#margen_novedades_alcala{
	width: 110px;
	height:60px;
	float:left;	
}
#cuadro_novedades{
	width: 110px;
	float:left;	
}
#image_novedades{
	height: 82px;
	width: 108px;
	float:left;
	margin-left:1px;
	background-image: url(images/main/novedades_foto.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color:#FFFF00;
}
image_novedades_alcala{
	height: 82px;
	width: 115px;
	float:left;
	margin-left:1px;
	background-position: left;
	background-color:#FFFF00;
}

#marco_txt_novedades{
	width: 115px;
	margin-top:15px;
	margin-left: 9px;
	float:left;	
}
.titular_arial12{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.txt_arial10{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}
#marco_redes_sociales{
	height: 24px;
	width: 117px;
	margin-top:8px;
	margin-right:8px;
	
	float: right;
	text-align:right;
	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	font-color: #000000;
	vertical-align:botton;
	
	}
#image_redes_sociales{
	height: 24px;
	width: 24px;
	float:right;
	margin-left:1px;
	
	background-position: right;
}

	
/* ------------------------------------------------------------

	CURSOS    CURSOS    CURSOS   CURSOS    CURSOS    CURSOS   CURSOS    CURSOS    CURSOS
	
------------------------------------------------------------ */
#content_cursos_main{
	width: 800px;
	height:370px;
	background-image:url(images/cusos/main_cursos.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_certificado_oficial{
	width: 530px;
	margin-top: 0px;
	margin-right: 0px;
	float:right;
}
#txt_certificado_oficial{
	width: 505px;
	margin-top: 45px;	
	float:right;
}
#marco_txt_curso_main1{
	width: 170px;
	margin-top: 180px;
	margin-right: 30px;
	float:right;	
	
}
#marco_txt_curso_main2{
	width: 170px;
	margin-top:120px;
	margin-right: 95px;
	float:right;	
	
}
#marco_txt_curso_main3{
	width: 170px;
	margin-top:120px;
	margin-right: 15px;
	float:right;		
	
}
.titular_arial12_black{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.titular_arial12_black_underline{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
}
.txt_arial10_black{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.txt_arial10_black_granate{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bolder;
	color:#990000;
}
/* ------------------------------------------------------------

	CURSOS Presenciales   CURSOS Presenciales   CURSOS Presenciales   CURSOS Presenciales   CURSOS Presenciales   CURSOS Presenciales   
	
------------------------------------------------------------ */
#content_cursos_presenciales{
	height: 365px;
	width: 800px;
	background-image:url(images/cusos/cursos_presenciales.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
.lista_arial10_black{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 14px;
}
#marco_txt_curso_presencial{
	width: 170px;
	margin-top: 100px;
	margin-right: 70px;
	float:right;
}
#marco_cursos_lista_presencial1{
	width: 230px;
	margin-top: 100px;
	margin-right: 15px;
	float:right;
}
#marco_cursos_lista_presencial1big{
	width: 280px;
	margin-top: 100px;
	margin-right: -35px;
	float:right;
}
#marco_cursos_lista_presencial2{
	width: 230px;
	margin-top: 100px;
	margin-right: 15px;
	float:right;
}
.titular_arial12_lista{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#990000;
	margin-top:5px;
}
.txt_arial10_lista{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	margin-top:5px;
}
/* ------------------------------------------------------------

	CURSOS Gratis   CURSOS Gratis   CURSOS Gratis   CURSOS Gratis   CURSOS Gratis   CURSOS Gratis   
	
------------------------------------------------------------ */
#content_cursos_gratis{
	height: 375px;
	width: 800px;
	background-image:url(images/cusos/cursos_gratuitos.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_curso_gratis{
	width: 180px;
	margin-top: 113px;
	margin-right: 60px;
	float:right;	
}
.titular_arial12_red{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#990000;
}

#marco_cursos_lista_gratis{
	width: 450px;
	margin-top: 113px;
	margin-right: 20px;
	float:right;	
}
#curso_gratis2{
	width: 450px;
	margin-top: 10px;
	float:right;	
}

/* ------------------------------------------------------------

	CURSOS Distancia   CURSOS Distancia   CURSOS Distancia   CURSOS Distancia   CURSOS Distancia   
	
------------------------------------------------------------ */

#content_cursos_distancia{
	width:800px;
	height:375px;	
	background-image:url(images/cusos/cursos_distancia.jpg);
	background-repeat: no-repeat;
	background-position: left;	
	float:left;
}
#marco_blanco_distancia{
	width:70px;
	margin-top:85px;
	float:left;	
	
}

#marco_txt_distancia2{
	width: 185px;
	margin-top:85px;
	margin-left:45px;
	float:left;	
}
#marco_txt_distancia3{
	width: 185px;
	margin-top:100px;
	margin-left:0px;
	float:left;	
}
#marco_txt_distancia4{
	width:160px;
	margin-top:100px;
	margin-left:35px;
	float:left;	
}
#marco_foto_distancia{
	width: 220px;
	margin-top: 100px;
	margin-right:20px;
	float:right;	
}
#marco_txt_distancia_detalle{
	width: 200px;
	margin-top: 110px;
	margin-right:45px;
	float:right;	
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
#marco_txt_curso_distancia{
	width: 200px;
	margin-top: 100px;
	margin-right:35px;
	float:left;	
	text-align:left;
	
}
/* ------------------------------------------------------------

	CURSOS Distancia Master   CURSOS Distancia Master   CURSOS Distancia Master   CURSOS Distancia Master   CURSOS Distancia Master   
	
------------------------------------------------------------ */

#content_cursos_distancia_master{
	width:800px;
	height:375px;	
	background-image:url(images/cusos/cursos_distancia_master.jpg);
	background-repeat: no-repeat;
	background-position: left;	
	float:left;
}
#marco_margen_master{
	width: 70px;
	margin-top:90px;
	float:left;	
	
}
#marco_txt_master{
	width: 185px;
	margin-top:90px;
	margin-left:0px;
	float:left;	
	
}
#marco_lista_master{
	width:290px;
	margin-top:90px;
	margin-left:35px;
	float:left;	
}
#marco_lista_master2{
	width:240px;
	margin-top:120px;
	margin-left:35px;
	float:left;	
}
#marco_foto_master{
	width: 220px;
	margin-top: 100px;
	margin-right:10px;
	float:right;	
}
.txt_curso{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	color: #000000;
}

#boton_volver_distancia{
	width: 70px;
	float:right;
	background-color:#CC0000;
	background-image: url(images/comun/volver_off.jpg);
	background-repeat: no-repeat;
	float:left;
}
/* ------------------------------------------------------------

	CERTIFICACION OFICIAL      CERTIFICACION OFICIAL      CERTIFICACION OFICIAL      CERTIFICACION OFICIAL      CERTIFICACION OFICIAL      CERTIFICACION OFICIAL        
	
------------------------------------------------------------ */
#content_certificado_oficial{
	height: 375px;
	width: 800px;
	background-image:url(images/certificado_oficial/certificado_oficial_main.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#content_certificado_oficial_adobe{
	height: 375px;
	width: 800px;
	background-image:url(images/certificado_oficial/certificado_oficial.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_certificados{
	width: 180px;
	margin-top: 50px;
	margin-right: 50px;
	float:right;	
}

#marco_certificados_main{
	width: 230px;
	margin-right:25px;
	margin-top: 50px;
	float:right;	
}
#marco_certificados{
	width: 500px;
	margin-top: 50px;
	float:right;	
}
#curso_gratis2{
	width: 450px;
	margin-top: 10px;
	float:right;	
}
/* ------------------------------------------------------------

	CONTACTO   CONTACTO   CONTACTO   CONTACTO   CONTACTO   CONTACTO   CONTACTO   CONTACTO   CONTACTO   
	
------------------------------------------------------------ */

#content_contacto{
	height: 375px;
	width: 800px;
	background-image:url(images/contacto/contacto_formulario.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_contacto{
	width: 300px;
	margin-top: 0px;
	margin-left: 55px;
	float:left;
}
#marco_txt_formulario_margen{
	width: 80px;
	height:200px;
	float:left;
}
#marco_txt_formulario_contacto{
	width: 300px;
	height:200px;
	margin-top: 40px;
	margin-left: 0px;
	float:left;
}
#marco_formulario_contacto{
	width: 50px;
	margin-top: 15px;
	float:left;
}
#marco_formulario_campos_contacto{
	width: 250px;
	height:150px;
	margin-top: 15px;
	text-align:left;
	float:left;
}
#marco_formulario_respuesta{
	width: 250px;
	margin-top: 50px;
	margin-left:70px;
	text-align:left;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#marco_plano_link{
	width: 86px;
	height:40px;
	margin-top: 300px;
	float:left;
	margin-left:-80px;
	
}
.titular_arial18_black{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.txt_arial10_black{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.txt_formulario{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	align:left;
	color: #000000;
	line-height: 23px;	
}
.txt_arial10_red{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
#marco_plano{
	width: 300px;
	
	margin-top: 16px;
	margin-left: 0px;
	float:left;
	
}
.titular_arial14_red{
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#990000;
}
#marco_redes_sociales_contacto{
	height: 24px;
	width: 117px;
	margin-top:-30px;
	margin-left:0px;
	float: right;
	text-align:right;
	background-color:#000000;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	vertical-align:botton;
	
	}
/* ------------------------------------------------------------

	SERVICIOS    SERVICIOS   SERVICIOS   SERVICIOS   SERVICIOS   SERVICIOS   SERVICIOS   SERVICIOS   
	
------------------------------------------------------------ */
#content_servicios{
	height: 375px;
	width: 800px;
	background-image:url(images/servicios/servicios_fondo.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#margen_servicios{
	width: 85px;
	height: 200px;
	float:left;
}
#marco_txt_servicios{
	width: 300px;
	margin-top: 100px;
	float:left;
}
#marco_txt_servicios_vinculodiseno{
	margin-top: 27px;
	margin-left: 25px;
	float:left;
}
/* ------------------------------------------------------------

	REFUERZO      REFUERZO       REFUERZO      REFUERZO       REFUERZO      REFUERZO       REFUERZO      REFUERZO         
	
------------------------------------------------------------ */
#content_refuerzo{
	height: 375px;
	width: 800px;
	background-image:url(images/refuerzo/main_refuerzo.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_refuerzo{
	width:280px;
	margin-top:140px;
	margin-right: 20px;
	float:right;
	text-align:left;	
}
/* ------------------------------------------------------------

	VINCULOS    VINCULOS    VINCULOS    VINCULOS    VINCULOS    VINCULOS    VINCULOS    VINCULOS    
	
------------------------------------------------------------ */
#content_vinculos{
	height: 375px;
	width: 800px;
	background-image:url(images/vinculos/vinculos_fondo.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_vinculos{
	width:340px;
	margin-top:100px;
	margin-right: 20px;
	float:right;
	text-align:left;	
}
/* ------------------------------------------------------------

	DISE?O        DISE?O           DISE?O        DISE?O           DISE?O        DISE?O           DISE?O        DISE?O             
	
------------------------------------------------------------ */

#content_diseno{
	height: 375px;
	width: 800px;
	background-image:url(images/diseno/diseno_fondo.jpg);
	background-repeat: no-repeat;
	background-position: left;	
}
#marco_txt_diseno_vinculo_web{
	width:320px;
	margin-top:40px;
	margin-right: 20px;
	float:right;
	text-align:left;	
	}
#marco_txt_diseno{
	width:300px;
	margin-top:130px;
	margin-right: -290px;
	float:right;
	text-align:left;	
	}

