/* ******************************** COLOR DEL FONDO ******************************** */

/* color blanco zona del iframe y banner */
body, #contenido ,#contenido_responsable, #banners
{
	background: #FFFFFF;
}

/* color azul clarito para opciones menu*/
#cuerpo, .menu li , * html .menu a, * html .menu a:visited 
{
	background:#e5f0f5;
	
	
}

/* color gris para el cuerpo*/
#cuerpo
{
	background: #dededd;
}

/* color azul para el borde de las opciones del menu*/
.menu a, .menu a:visited 
{
	border:1px solid #00669e;
}

/* color azul ceniza: links y opciones del menu hover */
* html .menu a:hover 
{
	background: #66829a;
}

.menu :hover > a 
{
	background:#66829a;
}
/* ******************************** COLOR LETRA ******************************** */

/* color azul para el cuerpo, el menu y titulos */
#cuerpo, .menu , .menu a, .menu a:visited ,.tit1, .tit2, .tit3
{
	color: #00669e;
}

/* El contenido de todas las páginas es de color gris */
#contenido, #contenido_responsable
{
	color: #575453;
}

/* El color del link es igual al color de fondo del menu hover y active (color azul ceniza) */
a 
{
	color: #66829a;
}
/* ******************************** ******************************** */

body 
{
	/*margin: 0 auto;
	padding: 0;*/
}

/* parte en la que se trabaja: cabecera,menu,banner, pie */
/* para que los tamaños de las fuentes sean consistente en distintos navegadores y resoluciones 
	de pantalla se fija el tamaño de fuentes para el cuerpo del documento entre  76% y 100%
	y el tamaño para resto de elementos en em */
#cuerpo
{
	font: 78%  Arial, Helvetica;	
	margin:0px auto 0px auto;
	width: 750px;
    border: 1px solid #666666;
}
/* Va a contener la imagen corporativa */
#cabecera 
{
	clear: both;
	margin: 0px 0em 0px 0em;
	padding: 0;
}
/* zona reservada para los banners */
#banners
{
	/*float: right;*/	
	/*width:735px;*/ /*modificacion ancho resolucion.... 980px;*/ /* 1000-(paddingleft10+paddingright10) asi no aparece barra desplazamiento horizontal */
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 0.9em;
	text-align: center;
}
.banners_img 
{
	border:0px;
	height: 60px; /* alto de las imágenes del banner */
}

/* zona que contiene el iframe, cambia dependiendo de la opción del menú escogida */
#divprincipal
{
	margin:0px 0px 0px 120px;
	padding: 0px 0px 0px 0px;
}
/* tamaño del iframe */
iframe
{
	overflow:auto;
	width:625px;
	display:block;
	border:none;
}
.enlaces
{
	font-size:1.0em;
	font-weight:bold;
	z-index:1000;
	clear:left;
	float:left;
	border: none;
	padding:15px 15px 15px 11px; 
}
/* separador zona banner */
#separador
{
	clear: both;
	margin: 0 auto;
	padding: 0px 0em 0px 0em;
	height: 20px;
	border: none;
}
/* Pie de la página */
#pie
{
	clear: both;
	width:730;
	overflow:hidden;
	margin: 0 auto;
	padding:5px 0em 0px 0em;
	height: 20px;
	text-align: center;
	font-size: 0.9em;
	border: none;
	
	}
	
/* Para que todas las páginas muestren el contenido igual */
#contenido
{
	font-family: Arial, Helvetica;
	font-size:0.7em;
	padding:1px 0px 5px 0px;
	margin:0px;
	text-align: justify;
	width:611px;/* menor que iframe: para que en el mozilla no salga la barra de desplazamiento horizontal */
	min-height:550px;
	height:auto!important;
	height:550px;
}
/* ******** RESPONSABLEWEB.HTML ******** */
#contenido_responsable
{
	font-family: Arial, Helvetica;
	font-size: 0.90em;
	padding: 5px 10px 5px 10px;
	text-align: justify;
	width:580px; /* responsable web se abre en una ventana que no ocupa toda la pantalla */
}
/* Para poder centrar texto, imágenses */
#centrar
{	
	text-align:center;
}
/* para los links */
a 
{
	text-decoration: none;
	font-weight:bold;
}

a:hover 
{
	text-decoration: underline;
}

/* para los titulos */

.tit1
{
	font-size: 1.2em;
	font-weight: bold;	
	letter-spacing: 2px;
	border-bottom:1px solid #00669e; 
	padding-left:4px;
	text-align:left;	
}

.tit2
{
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 2px;
	border-bottom:1px solid #e77844;
	padding-left:4px;
	text-align:left;
}

.tit3
{
	/*font-size: 0.8em;*/
	font-size:10px;
	font-weight: bold;
	letter-spacing: 2px;
	/*border-bottom:1px solid #f8c300;*/
	padding-left:4px;
	text-align:left;
}

/* Para las listas */
.lista
{
	list-style-image: url(../imagenes/lista.gif);
}

/* Alternar color de filas gris/azul clarito: cursos,asp, empleo.asp*/
.color1
{
	background-color:#dededd;
	height:35px;	
}
.color2
{
	background-color:#e5f0f5;
	height:35px;
}
/* Para la nota en formacion, fondo verde clarito*/
.color3
{
	background-color:#b8db7c;
}
/* Alternar color de borde gris/azul clarito:noticias.asp*/
.colorborde1
{
	border:2px solid #dededd;/
	margin:3px;
}
 td p{
	margin:3px;
	padding:3px;
}
.colorborde2
{
	border:3px solid #e5f0f5;
}
/* Para poner un borde de color azul y el interior gris o azul clarito: cursos.asp*/
.borde_col1
{
	border:1px solid #00669e;
	padding: 7px 7px 7px 7px;
	background-color:#dededd;
}
.borde_col2
{
	border:1px solid #00669e;
	padding: 7px 7px 7px 7px;
	background-color:#e5f0f5;
}

/* Para obligar a que la foto pequeña de noticias, portada de alacarta tenga un ancho de 150px */
.foto150
{
	width: 150px;	
	border: 0px;
	margin: 3px;
}
/* Para obligar a que la foto de los enlaces (index.asp) tenga un ancho de 130px  */
/* y no le salga el borde del color usado para señalar enlaces*/
.foto130
{
	width: 97px;
	border: 0px;
}

/* para que a una foto usada como vinculo no le salga el borde del color usado para señalar enlaces */
/* para que el texto no se pegue a la foto se le pone margen: emprego.html */
.foto
{
	border: 0px;
	margin: 3px;
}
/* para que a una foto usada como vinculo no le salga el borde del color usado para señalar enlaces */
/* convenios.html, index.asp */
.fotosin
{
	width:130;
	height:60;
	border: 0px;	
}

/* se usa en detallenoticia para destacar los ficheros adjuntos: borde azul y el título rectangulo izquierda y gris */
fieldset
{
	border: 1px solid #00669e;
	padding: 3px 7px 7px 7px;
}

legend
{
	text-align: left;
	color: #575453;
}
/* actividades.asp,para obligar a que las fotos de las actividades tengan alto= 150px; ancho=200 y sin borde */
.fotoactivi
{
	width: 150px;
	height: 150px;
	border:0px ;
}
.tablaactivi
{
	border: 1px solid #012e58;
}

/* para que el texto de una tabla se alinee a la izquierda cursos.asp*/
.tabizq
{
	text-align: left;
}
/* ******************************** MENU ******************************** */

.menu 
{
	font-size:0.8em;
	font-weight:normal;
	z-index:1000;
	clear:left;
	float:left;
	margin:0 0 10px 2px; /* this page only */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding:0;
	margin:0;
	list-style-type:none;
	width:112px;
}

/* hack for IE5.5 */
* html .menu ul 
{
	margin-left:-16px; 
	ma\rgin-left:0;
}

/* position relative so that you can position the sub levels */
.menu li 
{
	position:relative;
	height:26px;
}

/* get rid of the table */
.menu table 
{
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
	font-size:1em;
}
/* style the links */
.menu a, .menu a:visited 
{
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:112px;
	text-indent:5px;
	_border-width:0px 1px 1px 1px;/*hack ie6 */
	/*border-width:1px 1px 1px 1px !important;/* hack  */

}
.menu a.primero, .menu a.primero:visited 
{
	border-width:1px;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited 
{
	text-decoration:none;
	width:112px; 
	w\idth:112px;
}
/* style the link hover */
* html .menu a:hover 
{
	text-decoration:none;
}
.menu :hover > a 
{
	text-decoration: none;
}

/* style the link active */
* html .menu a:active 
{
	text-decoration:none;
}
.menu :active > a 
{
	text-decoration: none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
	visibility:hidden;
	position:absolute;
	top:0;
	left:112px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul 
{
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul
{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul 
{ 
	visibility:visible;
}
/*-----modi pedro ------------------------------------------------*/
img
{
  border:0;/*para quitar los bordes de las imagenes hipervinculos*/
}
#ima_emprego{
	padding:5px;	
}
.imagen_enlace{	
     margin: 10px 0 0 0px;
}

#sombra{
	/* div contenedor de la sombra en la pagina inicial*/
	margin: 0 auto;
	width:770px;/*es ingual al ancho total de la pagina mas 10 pixels de cada lado q son la sombra*/
	background-image:url(../imagenes/sombra_lateral.jpg);
	background-repeat:repeat-y;
}
#cabecera_iframe{
	/*cabecera para redondear el iframe*/
	width:625px;
	background-color:#FFFFFF;	
	height:5px;
	border:0px;
	/**margin:0px 0px 0px 3px; !important;  /* Sólo IE7 */
	/*margin:0px 0px 0px 0px;*/
	padding:0px;
}

#noticias{
	/* contenedor de las noticias,cursos,..en la pagina principal..*/	
	margin-left:5px;
	_margin-left:2px;/*hack ie */
	padding:0px 5px 0px 5px; 
	display: table; 
	background-color:#dededd;	
	font-family:Arial, Helvetica;
	letter-spacing:0.8 em;
	
}
.cabeceras{
   /*cabeceras de color azul en las noticias,...*/
	width:172px;
	float:left;	
	display:table-cell;
	background-color:#005892;
	color:#ffffff ;	
	margin:0px 5px 0px 5px;			
}
.cabeceras h3{
	font-size:100%;/*--truco para explorer--*/	
	margin:5px;
}
.box{
 	/* caja blanca de las noticias,...*/
	width:170px;
	float:left;		
	padding:0px; 
	background-color: #FFFFFF ;
	margin:0px 5px 0px 5px;	
	display: table-cell;
	color:#575453;	
	font-size:9px;	
	border-bottom:1px solid #005892;
	border-left:1px solid #005892;
	border-right:1px solid #005892;
	
}
.box p{		
	height:35px;/*--truco para explorer--*/
	min-height: 35px;
	margin:5px;	
	font-size:100%;/*--truco para explorer--*/
	border-bottom:2px dotted #CCCCCC;	
	}
.box  a{		
	height:35px;/*--truco para explorer--*/	
	min-height: 35px;	
	margin:5px;				
}
/* seccion de laboral convenio hostleria...*/
#izquierda_convenio_hosteleria{
	width:185px;
	float:left;
	margin:5px;
	height:500px;
	overflow:hidden;
	text-align:center;	
	color:#00669e;		
}
#superior_convenio_hosteleria{
	width:185px;
}
#centro_convenio_hosteleria{
	width:580px;	
	margin:5px;
	height:300px;
	overflow:auto;
	background-color:#e5f0f5;	
	font-size:9px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:7px;
	padding-top:5px;	
}
#centro_convenio_hosteleria table tr td
{
	text-align:center;
	border:1px solid  #666666;
	font-size:9px;	
}
#centro_convenio_hosteleria ul li {
	list-style:square;	
}
.titulo_articulo{
	background-color:#dededd;
	padding:5px;	
}
.articulo{
	background-color:#dededd;
	padding:5px;
	margin-top:10px;
}
#descarga_convenio{
	width:145px;
	 background-image:url(../laboral/imagenes/sombra_pdf.jpg);
     margin: 15px 0 0 15px;
}
#descarga_convenio a img {
   border:solid 1px  #666666; 
   background-color:#ffffff;
   padding:3px;
   position: relative;
   margin: -3px 6px 6px -7px;
}
/*----menu por pestañas de los cursos---------*/
.menu_cursos{
	width: 600px;
	height:24px;
	background:#FFFFFF;
}
ul.nav_cursos,ul#ul#nav,ul#nav li li{
	list-style-type:none;
	margin:0;
	padding:0;
}
.nav_cursos{	
	width:600px;
}
ul.nav_cursos li{
	float:left;
	margin-left: 10px;
	margin-right: 5px;
	text-align: center;
}
ul.nav_cursos .current a {
	float:left;
	width: 110px;
	padding: 5px 0;
	background:#00669e;
	text-decoration:none;
	color: #FFFFFF;	
	
}
ul.nav_cursos  a {
	float:left;
	width: 100px;
	padding: 5px 0;
	background: #E7F1F8;
	text-decoration:none;
	color:#00669e;
}
ul.nav_cursos a:hover{
	background:#00669e;
	color:#FFFFFF;
}
ul.nav_cursos li.activelink a,ul#nav_cursos li.activelink a:hover{
	background: #FFF;
	color: #003;
}
.nav_cursos_10{
 background: #66829a;
}
.barra_menu_cursos{
	width:100%;
	height:30px;
	background:#00669e;	
}
.nav_cursos_9{
	background-color:#66829a;
}
/*----------------------------------------------------*/

.titulo{
/*clase para los titulos de las paginas*/
	background-image:url(../imagenes/fondo_titulos2.jpg);
	background-repeat:no-repeat;
	margin:0px 30px 10px 0px;
	font-size:15px;
	color:#FFFFFF;
	height:50px;
	padding:15px 0px 0px 20px;	
}
.foto110
{
	width: 110px;
	border: 0px;
	margin: 3px;
}
.sombra_revista{
	 background-image:url(../imagenes/sombra_revista.jpg);
	 margin:30px 5px 10px 5px;
	
}

.sombra_revista a img {
   border:solid 1px  #666666; 
   background-color:#ffffff;
   padding:2px;
   position: relative;
   margin: -15px 3px 3px -2px;
}
/*--notas de prensa-----*/
.notaprensa1{
	background-image:url(../notasprensa/imagenes/periodicos.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:55px;	
	background-color:#e5f0f5;
	margin:10px 10px 10px 75px;
}
.notaprensa1 h4{ 
 font-size:13px;
 font-style:oblique;
 margin:5px 5px 5px 75px;
 border-bottom:1px solid #66829;
}
.notaprensa1 p{
	 margin:5px 5px 5px 80px;
}
.notaprensa2{
	background-image:url(../notasprensa/imagenes/periodicos.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:55px;
	background-color:#dededd;
	margin:10px 10px 10px 75px;
}
.notaprensa2 h4{
 font-size:13px;
 font-style:oblique;
 margin:5px 5px 5px 75px;
 border-bottom:1px solid #66829;
}
.notaprensa2 p{
	 margin:5px 5px 5px 80px;
}

/*--Servicios laboral---*/
.servicios_contenido{
	width:385px;
	float:left;	
	height:550px;
	background-color:#fff;
	margin:0px 10px 5px 5px;	
}
.servicios_enlaces{
	width:180px;
	margin-left:410px;		
	height:215px;
	background-color:#e5f0f5;	
	margin-bottom:20px;
	padding:2px;
}
.servicios_documentos{
	width:180px;	
	margin-left:410px;		
	height:430px;
	padding:2px;
	background-color:#e5f0f5;
}
.pagination2{
	width:180px;
	margin-top:10px;	
	margin-left:410px;
	padding:2px;
	height:25px;	
	background-color:#e5f0f5;
}
.titulo_peque{
/*clase para los titulos de las paginas*/
	background-image:url(../imagenes/fondo_titulos3.jpg);
	background-repeat:no-repeat;
	margin:5px 5px 0px 5px;
	font-size:12px;
	color:#FFFFFF;
	height:35px;
	padding:12px 0px 0px 20px;	
}
.lista2
{
	list-style-image: url(../imagenes/enlace.jpg);
}
.lista2 ul a
{
	margin-bottom:5px;
	
}
.lista3 ul {
	margin:0px;
	padding:0px;
}
.lista3
{
	text-align:left;
	list-style-image: url(../imagenes/descarga.jpg);
	margin-right:12px;	
}
.lista3 ul{
	margin-top:0px;
	margin-bottom:5px;
	margin-right:10px;
}
.rss{
	margin:25px 100px 5px 300px;
	height:40px;
	background-image:url(../imagenes/rss1.gif);	
	background-repeat:no-repeat;
}
.rss a{
	padding-top:8px;
	padding-left:30px;
}
.lista_limpia{
list-style:none;

}
.mapaweb0{
	padding-left:10px;
	margin-left:150px;
	margin-bottom:20px;
	list-style:square;
	font-style:normal;
	font-size:12px;
	background-color:#FFFFFF;
}
.mapaweb1{
	padding-left:15px;
	margin-left:5px;
	margin-bottom:3px;
	list-style:square;
	font-style:normal;
	font-size:12px;	
}
.lineaseparadora {
color: #f8c300;
background-color:#f8c300;
height: 1px;
border: 0;
margin: 0 auto;
text-align: center;
}
/*-----------------------------------------------------------------------*/
.enlace_interes1{
	height:55px;	
	background-color:#e5f0f5;
	margin:10px 10px 10px 75px;
}
.enlace_interes1 h4{ 
 font-size:13px;
 font-style:oblique;
 margin:5px 5px 5px 75px;
 border-bottom:1px solid #66829;
}
.enlace_interes1 p{
	 margin:7px 5px 7px 80px;
}
.enlace_interes2{
	height:55px;	
	background-color:#dededd;
	margin:10px 10px 10px 75px;
}
.enlace_interes2 h4{ 
 font-size:13px;
 font-style:oblique;
 margin:5px 5px 5px 75px;
 border-bottom:1px solid #66829;
}
.enlace_interes2 p{
	 margin:7px 5px 7px 80px;
}
/*----------------------------------------------------------*/
/*
.encuesta{
	margin-top:10px;
	width:97px;
	height:200px;
	background-color:#FFFFFF;
	border:1px #FFFFFF;
}
*/
.encuesta{
}
.tablaencuesta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
	border-width: 1px;
	border-style:solid;
	border-color:#66829a;
	border-collapse: separate;
	border-spacing: 2px;	
	background-color:#dededd;
	text-align:center;
	padding:2px;
	margin-top:5px;
	
	
}
.cabeceraencuesta{	
	background-color:#66829a;
	color:#ffffff;
	font-size:14px;
}
.preguntaencuesta{
	text-align:center;
	font-size:13px;
}
.respuestaencuesta{
	text-align:left;
	font-size:12px;
	
}
/*----------------------------------------------------------------------------------------------*/
.x{
	float:left;
	width:290px;
	height:300px;
	margin-right:10px;
}
.y{
	float:right;
	width:300px;
	height:300px;
	margin-left:10px;	
}
.gris{
	float:left;
	width:193px;
	height:157px;
	margin-right:10px;
	margin-bottom:10px;
	background-color:#dededd;
	
}
.azul{
	float:left;
	width:193px;
	height:157px;	
	margin-right:10px;
	margin-bottom:10px;
	background-color:#e5f0f5;		
}
.gris h4{
	font-size:13px;
	margin-left:5px;
	margin-right:5px;
	border-bottom:1px #FFFFFF solid;	
	
}
.azul h4{
	font-size:13px;
	margin-left:5px;
	margin-right:5px;
	border-bottom:1px #FFFFFF solid;

}
.gris p{
	margin-left:10px;
	margin-right:5px;
	border-bottom:1px dotted #FFFFFF;
}
.gris p a{
	font-style:normal;
	font-size:10px;
}
.azul p a{
	font-style:normal;
	font-size:10px;
}
.azul p{
	margin-left:10px;
	margin-right:5px;
	border-bottom:1px dotted #FFFFFF;
}
.azul a{
	margin-left:5px;
	margin-bottom:2px;
}
.gris a{
	padding-left:5px;
	margin-bottom:2px;
}
/*-----------------------------------------------------------*/
.menu_horizontal {
	
	list-style:none;
	margin-left:110px;
	padding:0;

}
.menu_horizontal li{

	margin:2px;
	padding:4px;
	border-left:1px solid #FFFFFF;		
	color:#FFFFFF;
	float:left; 	
}
.menu_horizontal_ultimo  {
	border-right:1px solid #FFFFFF;			
}
.menu_horizontal li a{
	font-size:10px;
}
/*-----------------------------------------------------------*/
.emprendedores_contenido{
	width:600px;
	float:left;	
	height:550px;
	background-color:#fff;
	margin:0px 10px 5px 5px;	
}
.servicios_enlaces{
	width:180px;
	margin-left:410px;		
	height:215px;
	background-color:#e5f0f5;	
	margin-bottom:20px;
	padding:2px;
}
.servicios_documentos{
	width:180px;	
	margin-left:410px;		
	height:430px;
	padding:2px;
	background-color:#e5f0f5;
}
/*-----------------------------------------------------------*/
.emprendedores_imglogopait{
	float:left; 
	margin-right:10px;
}
.emprendedores_logomix{
	margin-left:125px;	
}
.emprendedores_test{
   width:590px; 
   background-color:#dededd;
   margin:5px; 
   padding:5px;
}
.emprendedores_tramitaciontelematica{
	float:right;
	width:200px; 
	height:315px;
 	background-color:#e5f0f5; 
	margin-top:20px; 
	margin-bottom:25px; 
	margin-left:12px; 
	padding:5px;
}
.emprendedores_titulo_pait {
	font-size:15px; 
	color:#00669e; 
	text-align:center;
}
.emprendedores_texto_pait{
	font-size:15px;
 text-align:center;"
}