﻿/*DEFINICIONES*/

html{
	text-align:center;	
	margin:auto;
	padding:auto;
	height:100%;
	width:100%;
}
body{
	text-align:center;	
	margin:auto;
	padding:auto;
	width:991px;
	font-family:verdana;
}


a,p,table,img,form{
	margin:0px;
	padding:0px;
	border:0px;
	border-collapse:collapse;
}

a{
	text-decoration:none;
	color:#ffffff;	
}
a:hover{
	text-decoration:none;
	color:#66ff33;	
}

div{
	display:inline;
	display:block;	
}


/**************************************************  CABECERA  *********************************************/

											
.cabecera{
	text-align:left;
	width:100%;
	height:143px;
	position:relative;
	top:0px;
	left:0px;
	background-image:url(../img/img_fondo_cabecera.jpg);
	background-repeat:repeat-x;
	margin-bottom:3px;	
}
.citas{
	float:left;
	margin-top:0px;
	margin-left:200px;
	margin-top:0;
	width:300px;
}
.logo_instituto{
	float:left;
	height:102px;
	margin-left:0;
	margin-top:22px;
	position:relative;
	text-align:left;
	width:438px;
}
.razon_social{
	color:#FFFFFF;
	float:left;
	font-family:times New Roman;
	font-size:20px;
	font-weight:800;
	height:39px;
	margin-left:0;
	margin-top:85px;
	position:relative;
	text-align:left;
	width:307px;
}

.piezas_cita{
	background-image:url(../img/piezas.png);
	background-repeat:no-repeat;
	float:right;
	height:39px;
	margin-right:10px;
	margin-top:-2px;
	position:relative;
	width:225px;
}
.cita{
	color:#FFFFFF;
	float:right;
	font-family:Verdana;
	font-size:16px;
	margin-right:0;
	margin-top:30px;
	position:relative;
	text-align:left;
	width:234px;
	}
.firma{
	color:#FFFFFF;
	float:right;
	font-size:10px;
	font-style:oblique;
	font-weight:800;
	height:7px;
	margin-right:10px;
	margin-top:10px;
	position:relative;
	text-align:right;
	width:65px;
	z-index:1;
	}
.citas{
	float:left;
	margin-top:0px;
	margin-left:200px;
	margin-top:0;
	width:300px;
}		

/**************************************************  menu cabecera  *********************************************/
.menu{
	height:25px;
	text-align:center;
	width:991px;
	background-image:url(../img/menus/fondo_menu.png);
	}
.texto_menu{
	color:#ffffff;
	height:20px;
	font-family:MyriadPro Semibold;
	font-size:14pt;
	float:left;
	position:relative;
	top:5px;
	margin-left:40px;
	}
.inicio{
	margin-left:86px;
	}


/**************************************************  Cabecera inferior  *********************************************/

.banner1{
	margin-left:15px;
	float:left;	
	width:216px;
}
.banner2{
	margin-left:15px;	
	float:left;
	width:234px;	
}
.banner3{
	margin-left:15px;
	float:left;	
	width:252px;	
}
.banner4{
	margin-left:15px;
	float:left;	
	width:207px;	
}
.banner5{
	margin-left:15px;
	float:left;	
	width:209px;	
}
.separador{
	background-image:url(../img/img_separador_cabecera.png);
	float:left;
	height:6px;
	margin-left:-5px;
	position:relative;
	width:990px;
}


/**************************************************  Cuerpo  *********************************************/
.cuerpo{
	text-align:center;
	width:100%;
	position:relative;
	top:3px;
	left:0px;
	float:left;
	display:table;
}

.cabecera_inferior{
	height:140px;
	widht:992px;;
	float:left;
}
.contenido{
	width:100%;
	float:left;
	position:relative;
	margin-left:0px;
}	
.img_izq{
	background-image:url(../img/img_lateral_izq_total.png);
	background-repeat:no-repeat;
	float:left;
	height:556px;
	position:relative;
	width:26px;
	margin-top:5px;
}
.img_der{
	background-image:url(../img/img_lateral_der_total.png);
	background-repeat:no-repeat;
	float:left;
	height:556px;
	margin-left:22px;
	margin-top:5px;
	position:relative;
	width:20px;
}
.contenido_dinamico{
	float:left;
	margin-top:15px;
	position:relative;
	margin-left:25px;
	width:93%;
}


/**************************************************  PIE  *********************************************/
.pie{
	float:left;
	position:relative;
	margin-left:0px;
	width:100%;
}
.margen_superior{
	position:relative;
	float:left;
	height:100%;
	width:95%;
	margin-left:0px;
	margin-top:50px;
}

.barra_pie_separadora{
	background-image:url(../img/img_separador_cabecera.png);
	float:left;
	height:4px;
	margin-left:1px;
	position:relative;
	width:949px;
}

.barra_pie_contenido{
	background-image:url(../img/img_separador_cabecera.png);
	color:#FFFFFF;
	float:left;
	font-size:12px;
	height:50px;
	margin-bottom:3px;
	margin-left:1px;
	margin-top:3px;
	position:relative;
	width:949px;
}

.margen_inferior{
	background-image:url(../img/img_linea_inf.png);
	float:left;
	height:23px;
	margin-left:14px;
	position:relative;
	top:-21px;
	width:950px;
}

.texto_pie{
	color:#ffffff;
	font-size:12px;
	position:relative;
	top:1px;
	}

.pie_izq{
	background-image:url(../img/img_pie_izq.png);
	background-repeat:no-repeat;
	float:left;
	height:148px;
	position:relative;
	width:15px;
}

.pie_der{
	background-image:url(../img/img_pie_der.png);
	background-repeat:no-repeat;
	float:left;
	height:148px;
	margin-left:8px;
	position:relative;
	width:15px;
}

				/***********************************************         CONTENIDOS                    ************************************************/
				
/****************************inicio********************************/
.btn_ver{
	float:right;
	height:10px;
	margin-bottom:5px;
	margin-right:5px;
	position:relative;
	text-align:right;
	width:32px;		
	margin-top:5px;
}

.columna_izquierda{
	position:relative;
	float:left;
	width:34%;
}
.columna_centro{
	float:left;
	margin-left:22px;
	position:relative;
	width:41%;
}
.columna_derecha{
	float:left;
	margin-left:18px;
	position:relative;
	width:20%;
}
.enlace_programa{
	color:red;
}
.cursos_impartiendo{
	background-image:url(../img/fondo_cursos.png);
	background-repeat:no-repeat;
	color:#317023;
	float:left;
	font-weight:800;
	height:200px;
	margin-left:3px;
	position:relative;
	text-align:left;
	width:314px;
	font-size:14px;
}
.separa_cursos{
	background-image:url(../img/separa_cursos.gif);
	background-repeat:no-repeat;
	float:left;
	height:2px;
	margin-left:1px;
	margin-top:-1px;
	position:relative;
	width:100%;
}
.curso_portada{
	float:left;
	height:21%;
	margin-top:7px;
	position:relative;
	width:100%;
}				
				
.tu_eliges{
	float:left;
	height:19px;
	margin-top:15px;
	position:relative;
	width:100%;
	margin-left:4px;
}
.titulo_tu_eliges{
	background-image:url(../img/titulo_tu_eliges.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	height:19px;
	width:100%;
}
.contenido_tu_eliges{
	background-image:url(../img/fondo_portada.png);
	float:left;
	height:249px;
	margin-left:1px;
	width:310px;
	color:#cccccc;
	font-size:12px;
	position:relative;
	border:1px solid #CCCCCC;	
	margin-top:-2px;	
	text-align:left;
	overflow:hidden;	
}

.ayuda_formacion{
	float:left;
	height:19px;
	margin-top:22px;
	position:relative;
	width:100%;
	margin-left:0px;
	display:table;
}
.titulo_ayuda_formacion{
	background-image:url(../img/titulo_ayudas_formacion.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	height:19px;
	width:100%;
}
.contenido_ayuda_formacion{
	background-image:url(../img/fondo_ayudas_formacion.png);
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:left;
	font-size:12px;
	height:154px;
	margin-left:1px;
	margin-top:-2px;
	position:relative;
	width:374px;
	text-align:left;
}

.actualidad{
	float:left;
	height:19px;
	margin-top:4px;
	position:relative;
	width:100%;
	margin-left:0px;
	display:table;	
}
.titulo_actualidad{
	background-image:url(../img/titulo_actualidad.png);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	height:19px;
	width:100%;
}
.contenido_actualidad{
	background-image:url(../img/fondo_actualidad.png);
	border:1px solid #CCCCCC;
	color:#CCCCCC;
	float:left;
	font-size:12px;
	height:305px;
	margin-left:1px;
	margin-top:-2px;
	position:relative;
	width:374px;
}						
				
.especialistas{
	background-color:#beccbe;
	color:#FFFFFF;
	float:left;
	font-size:14px;
	height:523px;
	position:relative;
	text-align:center;
	width:211px;
}
.separa_especialistas{
	background-image:url(../img/separador_especialistas.png);
	background-repeat:no-repeat;
	float:left;
	height:2px;
	margin-left:1px;
	margin-top:30px;
	position:relative;
	width:100%;
}
.seccion_especialistas{
	float:left;
	height:15.3%;
	margin-top:0;
	position:relative;
	width:100%;
}				
.texto_especialistas{
	float:none;
	font-family:arial;
	font-size:14px;
	font-style:oblique;
	font-weight:800;
	margin-left:0;
	margin-top:25px;
	position:relative;
	text-align:center;
}

a.titulo_noticia{
	color:#009900;
	float:left;
	margin-left:5px;
	margin-top:10px;
	text-align:left;
}
a.titulo_noticia:hover{
	color:#66FF33;
	text-decoration:underline;
	float:left;
	margin-left:5px;
	margin-top:10px;
	text-align:left;
}
/****************************Cursos a medida & contacta********************************/
.columna_68_izquierda{
	float:left;
	overflow:hidden;
	position:relative;
	width:68%;
}
.columna_100_izquierda{
	float:left;
	overflow-y:auto;
	position:relative;
	width:100%;
}
.columna_32_derecha{
	float:left;
	width:32%;
	position:relative;
	text-align:right;
}
.posicion_texto{
	float:left;
	position:relative;
	text-align:left;
	width:100%;
}
a.btn_envio_formu{
  /*color:#339933;*/
  color:#fd0c00;
  font-size:10px;
}
a.btn_envio_formu:hover{
 color:#cccccc;
}
.label_formulario{
	color:#000000;
	font-style:oblique;
	font-size:10px;
}
.caja_formulario{
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
}


/**************************** Filosof�a  ********************************/

.img_filosofia{
	float:left;
	height:300px;
	margin-left:22%;
	margin-top:30%;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:185px;
}

/**************************** Responsabilidad Social  ********************************/

.img_rse{
	float:left;
	height:379px;
	margin-left:21%;
	margin-top:30%;
	position:relative;
	text-align:center;
	vertical-align:middle;
	width:190x;
}

/**************************** Ayudas Formaci�n- Beneficios fiscales  ********************************/


.texto_tablas{
	position:relative;
	float:left;
	width:90%;
	font-size:10pt;
	margin-top:20px;
	}
.texto_tablas_izq{
	float:left;
	line-height:19.5px;
	position:relative;
	width:57%;
}
.texto_tablas_centro{
	background-color:#99CC99;
	float:left;
	position:relative;
	width:19%;
	margin-let:20px;
	}
.texto_tablas_der{
	background-color:#99CC99;
	float:left;
	position:relative;
	width:19%;
	margin-left:20px;
	}
.capa_calcule{
	position:relative;
	width:100%;
	float:left;
	font-size:11pt;	
	}
.input_beneficios{
	background-color:#FFFFFF;
	border:3px solid #99CC99;
	color:#666666;
	height:10pt;
	margin-top:-1px;
	text-align:center;
	}
.input_beneficios_bw1{
	background-color:#FFFFFF;
	border:1px solid #99CC99;
	color:#666666;
	float:left;
	height:10pt;
	margin-left:20px;
	margin-top:0;
	text-align:center;
	width:70px;
	}
/**************************** Docentes  ********************************/

.formulario_formacion{
	background-color:#D9ECD9;
	height:180px;
	margin-left:5%;
	margin-top:10px;
	width:91%;
	color:#666666;	
	margin-bottom:40px;		
	}
.formu_izq{
	position:relative;
	float:left;
	width:49%
	}
.formu_der{
	position:relative;
	float:right;
	width:49%;
	margin-top:-5px;
	}
.btn_envio2{
	background-image:url(../img/btn_enviar2.jpg);
	background-repeat:no-repeat;	
	float:right;
	height:16px;
	position:relative;
	width:56px;
	margin-right:25px;
	margin-top:40px;	
	}
.btn_envio2:hover{
	background-image:url(../img/btn_enviar2_over.jpg);
	background-repeat:no-repeat;		
	float:right;
	height:16px;
	position:relative;
	width:56px;
	margin-right:25px;
	margin-top:40px;	
	}
/**************************** Inscripcion  ********************************/
.seleccion_sesion{
	color:#339933;
	float:left;
	font-weight:800;
	margin-bottom:7px;
	margin-left:50px;
	margin-top:2px;
	position:relative;
	text-align:left;
	width:100%;
	}
.separador_inscripcion{	
	background-image:url(../img/img_separador_cabecera.png);
	float:left;
	height:2px;
	margin-bottom:10px;
	margin-left:-5px;
	margin-top:5px;
	position:relative;
	width:940px;
}
.texto_izq{
	color:#339933;
	float:left;
	font-size:12px;
	font-weight:800;
	text-align:left;
	width:102px;
}
.texto_label{
	color:#414141;
	float:left;
	font-size:12px;
	line-height:19.5px;
	text-align:right;
	width:23%;
}
.btn_enviar3{
	background-image:url(../img/btn_enviar3.jpg);
	background-repeat:no-repeat;
	float:left;
	height:27px;
	margin-right:0;
	margin-top:-50px;
	position:relative;
	width:104px;	
	margin-left:75px;
	}
.btn_enviar3:hover{
	background-image:url(../img/btn_enviar3_over.jpg);
	background-repeat:no-repeat;
	float:left;
	height:27px;
	margin-right:0;
	margin-top:-50px;
	position:relative;
	width:104px;
	margin-left:75px;
	}
/**************************************   validar compra   ******************************************/	
.btn_continuar{
	background-image:url(../img/btn_continuar.jpg);
	background-repeat:no-repeat;	
	float:right;
	height:27px;
	position:relative;
	width:104px;
	margin-right:25px;
	margin-top:10px;	
	}
.btn_continuar:hover{
	background-image:url(../img/btn_continuar_over.jpg);
	background-repeat:no-repeat;	
	float:right;
	height:27px;
	position:relative;
	width:104px;
	margin-right:25px;
	margin-top:10px;	
	}
	
/****************************  HERRAMIENTAS   **********************************/
.descarga_herramientas{
	float:left;
	font-size:12px;
	margin-left:4px;
	margin-right:4px;
	margin-top:10px;
	position:relative;
	text-align:center;
}
.herramientas{
	float:left;
	height:380px;
	margin-right:0;
	position:relative;
	margin-top:20px;
	}
.contenido_herramientas{
	position:relative;
	background-image:url(../img/fondo_utilidades.png);
	background-repeat:no-repeat;	
	width:588px;
	height:413px;
	}		
.formulario_herramientas{
	background-color:#D9ECD9;
	height:180px;
	height:250px;
	margin-left:5%;
	margin-top:10px;
	width:91%;
	color:#666666;	
	margin-bottom:40px;		
	}	
/****************************  emocional   **********************************/
.emocional_izq{
	float:left;
	width:49%;
	position:relative;
	font-size:12px;
	text-align:left;
	margin-top:10px;
	color:#414141;
}
.emocional_der{
	float:left;
	width:49%;
	position:relative;
	font-size:12px;
	text-align:left;
	margin-top:10px;
}
.color_curso{
	color:#414141;
}
/****************************  tecnico   **********************************/
.select{
	border:thin solid #414141;
	color:#339933;
	font-size:12px;
	width:350px;	
}
/****************************GENERALES********************************/
.negrita{
font-weight:800
}
.separador_vertical{
	position:relative;
	background-image:url(../img/separador_vertical.png);
	background-repeat:no-repeat;
	float:left;
	width:4px;
	height:490px;
	margin-top:35px;
	margin-left:10px;
}
.titulo_seccion{
	color:#339933;
	float:left;
	font-size:10.5pt;
	font-weight:800;
	height:99%;
	margin-left:10px;
	position:relative;
	text-align:left;
	width:180px;
}
.imagen_seccion{
	position:relative;
	float:left;
	margin-left:1px;
	width:280px;
	height:99%;	
}

.fleft{
	float:left;
}
.fright{
	float:right;
}
.fs7{
	font-size:7pt;
}
.cverde{
	color:#339933;
}
.input{
	border:1px solid;
	color:#29a02d;
}
.marginleft3{
	margin-left:3px;
}
.h12{
	height:13px;
}
.enlace{
	color:#29a02d;
	text-decoration:underline;
}
.conetate{
	font-size: 11px;
	position: relative;
	margin-top: 10px;
	text-align: right;
	margin-bottom: 5px;
	text-decoration: underline;
	color: #000000;
}
