/* CSS Document */
/* 

ESTE CSS ES COMUN PARA TODOS LOS PORTALES POR LO QUE CUALQUIER MODIFICACION AFECTARIAN A TODOS ¡¡CUIDADO!!
		
		
		- Todas las clases que se vayan creando se situen en su respectiva sección y si no existiera crear una nueva.
		- Comentar las clases indicando a que elementos afectan.
		
		- Indentar los estilos para una mayor comprensión del codigo.
 */  







/* ----------------------------------------Estilos Generales------------------------------------- */
body{ margin-top:0px;}
.titulo_pagina  /* Para los titulos de cada sección dentro del portal ejp. Oferta Formativa, COntacta, etc...*/
	{
		font-weight:bold;
		font-size:12px;
	}	
.negrita  /* Pone el texto en negrita */
	{
		font-weight:bold;
	}
.txt_standar
	{
	font-Family: Verdana, Arial, Helvetica; 
	font-size: 11px; 
	}

	

/* ------  Estilo para los botones  -------- */
/* metodo para utilizarlo */
/* Este estilo convierte un enlace en boton con rollover 
      la sintaxis del html es la siguiente:
	  
	        <a class="botongris" href="pagina.htm"><span> Texto del boton </span> </a>
			
	   el CSS se encarga de todo lo demas.
*/

a.botongris:link, a.botongris:visited 
	{
				
		text-decoration:none;		
		padding-right:6px;
		margin:10px;
					
	}
	a.botongris:link b, a.botongris:visited b
	{
		display:block;
		float:left;
		height:18px;
		background-image:url(../../imagenes_comunes/btn_right.gif);
		background-position:center right;
		background-repeat:no-repeat;		
		text-decoration:none;		
		padding-right:6px;
		
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:bold;
		color:#000000;
		padding-top:6px;
					
	}
a.botongris:hover b
	{		
		cursor:hand;
		background-image:url(../../imagenes_comunes/btn_right_over.gif);	
		color:#000000;	
	}

a.botongris:link span, a.botongris:visited span
	{
		display:block;
		float:left;
		height:24px;
		background-image:url(../../imagenes_comunes/btn_left.gif);
		background-position:left;
		background-repeat:no-repeat;
		width:6px;	
				
	}
a.botongris:hover span
	{		
		
		background-image:url(../../imagenes_comunes/btn_left_over.gif);
	}
	
/*  ------------  fin   boton ---------------   */
/*-------------------Login------------------- */

.formulario-login-button
{	padding-top: -10px;
	width: 55px;
	height: 16px;
	background-color: transparent;
	background-image:url(../../imagenes_comunes/botones_css/boton_blanco_borde_gris.gif);
	font-size: 10px;
	border: none;
	background-position: center;
	background-repeat: no-repeat;
}
/*------------ fin login----------------*/

/* --------------- Buscador -----------------   */
.contenedorbuscador
{
	position:absolute;
	width:250px;
	clear:both;
	height:50px;
	float:right;
	padding-left:380px;
	text-align:right;
	padding-top:50px;
	*padding-top:32px;

}

/* ----------------------------------------Include_of_formativa------------------------------------- */
.txt_normal
{
font-size:11px;
}


.afiliate
{
color:#C60823;
font-size:20px;
	padding-top:3px;
	padding-bottom:3px;
}

a.afiliate:link
{
	color:#C60823;
	font-size:20px;
	font-weight:bold;
	margin-bottom:3px;

}

a.afiliate
{
	color:#C60823;
	font-size:20px;
	font-weight:bold;
}

a.afiliate:hover
{
	color:#C60823;
	font-size:20px;
	font-weight:bold;
}

a.afiliate:visited
{
   font-weight:bold;
	color:#C60823;
	font-size:20px;
}







.txt_normal_rojo
{
color:#C60823;
font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
}

a.txt_normal_rojo:link
{
	color:#C60823;
	font-size:10px;
	font-weight:bold;
	margin-bottom:3px;

}

a.txt_normal_rojo
{
	color:#C60823;
	font-size:10px;
	font-weight:bold;
}

a.txt_normal_rojo:hover
{
	color:#C60823;
	font-size:10px;
	font-weight:bold;
}

a.txt_normal_rojo:visited
{
   font-weight:bold;
	color:#C60823;
	font-size:10px;
}
 

.tit_ofe     /* Titulo detalle */
{
	font-weight:bold;
	margin-right:10px;
}
.cabe-list p   /* Texto cabecera del listado de cursos */ 
{
	margin-bottom:0px;
}
.cabe-list td  /* formato cabecera listado de cursos */
{
	border-bottom:1px solid #ccc;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	background-color:#bbbbbb;
}






.lineeven    /* Estilo linea IMPAR del listado de cursos */
{
	background-color:#ffffff;
}
.lineeven td    /* Estilo linea IMPAR del listado de cursos */
{
	text-align:center;
}
.lineodd    /* Estilo linea PAR del listado de cursos */
{
	background-color:#eeeeee;
}
.lineodd td     /* Estilo linea PAR del listado de cursos */
{
	text-align:center;
}
.detalleof table    /* Estilo general para la tabla contenedora del listado */
{
	border-collapse:collapse;
	width:100%;
}
.detalleof img		/* quitamos el borde de la imagen del botón */
{
	border:none;
}
.linOFpersonal
{
	/*background-image:url(../../imagenes_comunes/flecha_roja02.gif);*/
	background-position:3px;
	background-repeat:no-repeat;
	text-align:left;
	padding-left:15px;
}
/*---------------------------------------------------------------------------------------------*/
/*-------------------Boton volver de la Oferta Formativa-------------*/
.boton_volver
	{
	text-align:right;	
	}
/*----------------------------------------------------------------------------------------------*/
/* -----------------------------------Presentacion_global_es/_cat----------------------------- */

.presentacion_del_portal   /* Contenedor general de la presentacion del portal (DIV) */
	{
		margin-left:30px;
		margin-right:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}

.presentacion_del_portal p   /* Estilo de los parrafos dentro de la presentacion */
	{
		text-align:justify;
	}
.presentacion_del_portal li  /* Estilo para cada linea dentro de los listados que continen presentacion del portal */
	{
		list-style-image:url(../../imagenes_comunes/ovo.gif);
		text-align:justify;
		margin-bottom:10px;		
	}
	
/*---------------------------------------------------------------------------------------------*/
/*----------------------------Boton de busqueda avanzada---------------------------------------*/	

a.textoBavanzada:link, a.textoBavanzada:visited /* Formato enlace como si fuera un boton */
	{
		padding:4px;
		border:1px solid silver;
		color:#666666;
		font-weight:bold;
		text-decoration:none;
	}


a.textoBavanzada:hover   /* Seudoclase para el Rollover del enlace */
{ 
	background-color:#dddddd;
	color:#000000;
}
/*---------------------------------------------------------------------------------------------*/
/*--------------------------------include_cajas_main.asp---------------------------------------*/		

.ROJO 
	{
	font-family:verdana, arial, helvetica;
	color:#000000;
	background: url(../../imagenes_comunes/bginfo.jpg) repeat-x;
	height:20px;

	}
.CAJA_menu_sup {
	background-color: #E4E4E4;
	font-weight: bold;
	font-size: 12px;
	color:#666666;
	text-align:left;
	margin-top:0px;	
	
}
	
.caja_documento h4   /* Formato para la cabecera de la caja */
	{
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	padding-left:20px;
	background-image:url(../../imagenes_comunes/flecha_roja02.gif);
	background-position:4px center ;
	background-repeat:no-repeat;
	font-size:12px;
	padding-top:3px;
	}
.caja_documento p  /* Formato para el cuerpo de la caja */
	{
	margin-left:5px;
	margin-right:5px;
	text-align:justify;	
	}
.caja_documento   /* Formato para la caja contenedora en este caso solo bordes. */
	{
		border:1px solid #999999;
		margin-bottom:15px;
		min-height:90px;		
	}
/*---------------------------------------------------------------------------------------------*/
/*---------------------------------include_copyright.asp---------------------------------------*/
.cajacopyright
{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.cajacopyright p
{
	font-weight:bold;
	font-size:8px;
	text-align:center;
	width:80%;
	float:left;
	padding-left:10%;
}
.cajacopyright a
{
	
	font-size:10px;
	
}
.cajacopyright img
{
	border:none;
	margin-right:10px;
	margin-bottom:0px;
	float:right;
	
}
/*-------------------------------------texto buscador avanzado----------------------------------------*/
.textoBavanzada{
        font-size:9px;
	     font-family:verdana, arial, helvetica;
	     font-weight:bold;
        
       }
/*---------------------------------include_formulario_info.asp---------------------------------------*/

.forminfo
{
	height:140px;
	width:650px;
	background-image:url(../../../imagenes_comunes/images/bgform_right.gif);
	background-position:right top;
	background-repeat:no-repeat;	
	font-size:11px;
	margin:20px 0px 20px 0px ;
	font-family:"Trebuchet MS", Arial;
	
}



.forminfo div
{
	height:170px;
	background-image:url(../../../imagenes_comunes/images/bgform_left.gif);
	background-repeat:no-repeat;
	background-position:left top;	
}
.forminfo table
{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:630px;
}
.forminfo .campo
{
	height:15px;
	border:1px solid #8CA6DE;
	width:120px;
	font-size:10px;
}
.botonenviar
{
	border:1px solid #CC0000;
	color:#990000;
	background-color:#FFFFFF;
	margin-top:5px;
	float:right;
}
.forminfo form
{
	margin:0px;
	
}
.forminfo .campo2
{
	
	border:1px solid #8CA6DE;
	width:220px;
}

.forminfo span
{
	font-size:10px;
	color:#666666;
	
}
.forminfo select
{
	border:1px solid #8CA6DE;
	width:120px;
	font-size:10px;
}

.forminfo h3
{
	font-size:13px;
	color:#D64542;
	margin:5px 0px 5px 0px;
	padding:0px;
	text-align:center;
	padding-top:4px;
	font-weight:bold;
}
.forminfo h4
{
	font-size:11px;
	color:#CC0000;
	margin:0px 0px 0px 0px;
	padding:0px;
	padding-bottom:4px;
	text-align:center;
	font-weight:lighter;
}
.coluno 
{
	width:70px;
}
.ultimafila
{
	float:left;
	
}
/*---------------------------------------------------------------------------------------------*/
.linarea
{
	padding-top:20px;
}

/*------------------------------------modulo oferta formativa escuelas-----------------------------*/
.tabla_escuelas{
width:651px;
height:111px;
background-image:url(../../imagenes_comunes/images/fn_escuelas.gif);
background-position:center;
background-repeat:no-repeat;
font-size:10px;}
.escuela_esquina_izquierda{
width: 10px;
height: 32px;
right:auto;
background-position:right;
background-color:#FFFFFF;
background-image:url(../../imagenes_comunes/btn_escuelas_izquierda.gif);
background-repeat:no-repeat;
}
.escuela_esquina_derecha{
width: 10px;
height: 32px;
background-color:#FFFFFF;
background-image:url(../../imagenes_comunes/btn_escuelas_derecha.gif);
background-repeat:no-repeat;
}
.escuela_esquina_fondo{
width:185px;
background-color:#FFFFFF;
background-image:url(../../imagenes_comunes/btn_escuelas_fondo.gif);
background-repeat:repeat-x;
font-weight:bolder;
}

.escuela_esquina_fondo2{
width:185px;
background-color:#FFFFFF;
background-image:url(../../imagenes_comunes/btn_escuelas_fondo2.gif);
background-repeat:repeat-x;
font-weight:bolder;
}

.escuela_esquina_fondo a:link{color:#000000; font-size:11px; text-decoration:none;}
.escuela_esquina_fondo a:hover{color:#990000; font-size:11px; text-decoration:none;}
.titulo_escuelas{
font-size:18px;
font-weight:bolder;
color:#D64542;

}

.boton_escuelas{
width:115px;
height:35px;
padding-left:5px; 
padding-right:5px; 
text-decoration:none;
font-weight:bolder; 
font-size:11px; 
background-image:url(../../imagenes_comunes/images/btn_escuelas.gif); 
background-repeat:no-repeat; 
background-position:center; }
.boton_escuelas a:link{color:#000000; font-size:11px; text-decoration:none;}
.boton_escuelas a:hover{color:#990000; font-size:11px; text-decoration:none;}

.boton_escuelas_hover{
width:115px;
height:35px;
padding-left:5px; 
padding-right:5px; 
text-decoration:none;
font-weight:bolder; 
font-size:11px; 
background-image:url(../../imagenes_comunes/images/btn_escuelas_hover.gif); 
background-repeat:no-repeat; 
background-position:center; }
.boton_escuelas_hover a:link{color:#990000; font-size:11px; text-decoration:none;}
.boton_escuelas_hover a:hover{color:#000000; font-size:11px; text-decoration:none;}
/*------------------------------------------fin----------------------------------------------------*/


/*------------------modulo oferta formativa comunidades autonomas o provincias---------------------*/

.cursos_ccoo {
	text-transform: uppercase;
	font-size: 16px;
	color: #333333;
	margin: 0;
	padding: 4px 8px 4px 40px;

	text-align: left;
	font-weight: bolder;
}




.inscripcion1 {

 background-color:#eeeeee;
 }

.inscripcion2 {

 background-color:#dddddd;

}



/* ************************************************************************************************/
/* *****************************MENU SUPERIOR *****************************************************/
/* ************************************************************************************************/

.cabecera
{
	height:150px;
	background-image:url(../../images/head.jpg);
	background-repeat:no-repeat;
	padding:1px;
	text-align:left;
}



/*********** ZONA Menu Superior***************************/

.zonamenu
{
	width:900px;

}
.zonamenu2
{
	background-color:#fff; 
	font-size:10px;
	width:890px;
	height:48px;
	text-align:left;
}

#menu_left_barra {
     background-image:url(../img/menu_principal/nav-l.gif);
	 background-repeat:no-repeat;
	 width:10px;
	 background-position:top;
	 }
#menu_right_barra {
     background-image:url(../img/menu_principal/nav-r.gif);
	 background-position:top;
	 background-repeat:no-repeat;
	 width:10px;
	 
	
	 }
#fondodelmenu {
     background-image:url(../img/menu_principal/nav-bg.jpg);
	 background-repeat:repeat-x;
	 }



#menu {
background: url(../../img/menu_principal/nav-bg.jpg) repeat-x;
	
	float: left;
	width: 100%;
	/*margin-right: 25px;*/
	font-size: 11px;
}

#menu ul {
    
	margin:0;
    padding:0;
    list-style:none;
	float:left;
	width: 100%;
	background: url(../../img/menu_principal/nav-r.gif) top right no-repeat;
}

#menu li {
background: url(../../img/menu_principal/nav-bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
	float:left;
    margin:0;
    padding:0;
}

#menu li.first {
    background-color:#CCCCCC;
	margin-left: 0px;
}
#base_menu {
    border-bottom:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}
#menu li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;/*Letra Menu*/
	font-size:11px;
	font-weight: lighter;
	text-decoration: none;
	background: url(../../img/menu_principal/nav-separator.gif) top right no-repeat;
	padding-top:11px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	display:block;}

#menu li.first a {
	padding-left: 15px;
	/*background: url(../img/menu_principal/nav-l.gif) top left no-repeat;*/}
#menu li.last a {
	background: none;
	background-image:url(../../img/menu_principal/boto-ver.jpg);
}
#menu li a:hover {
    background-image:url(../../img/menu_principal/boto-ver.jpg);
	background-repeat:repeat-x;
	color:#333333;
}





#fondo2{
background:url(../../images/footer.jpg) no-repeat;
background-position:center;
width:900;
height:38px;

}

.pie1
{	
	width:900px;
	padding-top:15px;
	font-size:12px;
	color:#000000;
	background-image:url(../../images/footer.jpg);
	background-repeat:no-repeat;
	height:38px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#FFFFFF;
}

A.pie1:link{
color:#FFFFFF;}
A.pie1:visited{
color:#FFFFFF;}



.NARANJACLARO {background-color:#fff; font-size:10px;}
.NARANJACLARO {font-family: Arial, Verdana, Helvetica, sans-serif;}
.NARANJACLARO:hover {color: #B26040;}
.NARANJACLARO {text-decoration: none;}

#tablasup
{
	background: url(../../img/menu_principal/nav-bg.jpg) no-repeat;

}

/* *****************************FIN MENU SUPERIOR *****************************************************/
/* ************************************************************************************************/


/* *********MENU LATERAL O VERTICAL *********************************/
/* *********HEAD MENU LATERAL*********************************/
.cajamenu
{margin-left:30px; margin-top:10px; width:157px;}

#topbg{
background: url(../../images/head.jpg);
width:918px; 
height:174px;
}


#tablabg{
background: url(../../images/fondotabla.jpg) repeat-y;
}

/* *********MENU INFERIOR DEL  VERTICAL*********************************/


#abajobg{
background: url(../../images/footertabla.jpg);
width:918px; 
height:43px;
}

#abajo2bg{
background: url(../../images/footer1.jpg);
width:918px; 
height:28px;
}
#abajo3bg{
background: url(../../images/footer2.jpg);
width:918px; 
height:25px;
}




/************************Menu Vertical o lateral**************************************************/
/************************Clases del menú***********************************************/

.lien span{
 
padding-top:10px;

}	

.lien a {	/* definition of link that will take all of container's space */
display: block;
width: 157px;
height:33px;
position:absolute;
padding-top:10px;
background: white url(../../images/boton2.jpg) no-repeat;	/* place of first image in foreground */
margin-left:0px;
padding-left:0px;
float:left;
}


.lien a:hover {	/* first image being masked when hovered onto */
background: transparent none;
background: white url(../../images/boton1.jpg) no-repeat;
}

	
A.MENUTEXTO:link    {color:#000000; text-decoration:none; font-weight: bold; text-align:center;}
A.MENUTEXTO:visited {color:#000000; text-decoration:none; font-weight: bold; text-align:center;}
A.MENUTEXTO:active  {color:#000000; text-decoration:none; font-weight: bold; text-align:center;}
A.MENUTEXTO:hover   {color:#ffffff; text-decoration:none; font-weight: bold; text-align:center;}


.content {
	
	font-size:11px;
	font-family:verdana, arial, helvetica;
	color: #000000;
	border-bottom:1px #333333;
	padding-top:1px;
	padding-bottom:1px;
}


A.content:link    {color:#000000; text-decoration:none;}
A.content:visited {color:#000000; text-decoration:none;}
A.content:active  {color:#000000; text-decoration:none;}
A.content:hover   {color:#000000; text-decoration:none;}


.zp{
	color: #000099;
	font-weight: bold;
	font-size: 12px;
}


/* *****************************FIN MENU SUPERIOR *****************************************************/

#preload{
   width: 0px;
   height: 0px;
   display: inline;
   background-image: url(../../images/boton2.jpg);
   background-image: url(../../images/boton1.jpg);
              
  
}
/*--------------------------------------- fin------------------------------------------------------*/

/* *****************************AREA PREINSCRIPCION*****************************************************/
.preinscripcion {color: #FF0000}


/*--------------------------------------- fin------------------------------------------------------*/