@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0; font-size:1em;font-style:normal;}
ol, ul, dl {list-style:none;}
caption, th {text-align:left;}
input, select, textarea {font-family: inherit;}
img {border:none;}
p, ul, ol, dl, table {font-size:11px;line-height:1.25em;}
table * {font-size:1em;}
/*
 * Declaraciones para la unidad relativa EM. Conseguimos la equivalencia 10px=1em.
*/
body, html{font-size: 62.5%; }
body {font-size: 101%;}
html>body {font-size: 100%;}
*:first-child+html body {font-size: 101%;}


a:focus{outline:0px;}

div.clear{clear:both;}

html{overflow-y:scroll} 


body{
	background:#a30506 url(../img/bgbody.jpg) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;	
	}

/*---fondo-----------*/
div#wrapper{
	width:986px;
	margin:64px auto;	
	background-color:#fff;

	}
	
div#wrapper.bghome{background:#fff url(../img/bg_jovenes.jpg) no-repeat left bottom; height:685px;}

div#wrapper.seccion{height:auto;}

/*---cabecera-----*/
div#cabecera{	
	height:141px;
	position:relative;}
	
div.logo{
	width:247px;
	height:75px;
	float:left;
	margin:28px 0 0 28px;}
	
div#cabecera h1{	
	position:absolute;
	top:54px;
	right:14px;
	width:227px;
	height:54px;
	background:#fff url(../img/tit_jovenes.jpg) no-repeat left bottom;
	text-indent:-9999px;
	}

/*-menu superior-*/
ul.menu_sup{
	float:right;
	margin:16px 0 0;
	width:434px;
	text-transform:lowercase;
	}

ul.menu_sup li{
	float:left; 
	border-right:1px solid #959ca2;
	padding-right:10px;
	margin-right:10px;
	line-height:10px;}

ul.menu_sup li a{color:#959ca2; text-decoration:none;}

ul.menu_sup li a:hover{text-decoration:underline;}

ul.menu_sup li.sinborde,
ul.menu_sup li.parabut{border:0; margin:0;}

ul.menu_sup li.parabut{position:relative; top:-2px;}



ul.menu_sup li a.buscador_link{
	background:transparent url(../img/buscador_off.jpg) no-repeat;
	width:155px;
	height:24px;
	display:block;
	position:relative;
	top:-7px;
	text-indent:-9999px;
	display:block;}
	
ul.menu_sup li a.buscador_link:hover{
	background:transparent url(../img/buscador_on.jpg) no-repeat;}
	
	
/*---menu principal--------*/
ul.menu_prin{margin-left:9px; height:70px;}

ul.menu_prin li{
	float:left;
	height:30px;
	background-color:#4b5861;
	border-right:1px solid #fff;}
	
ul.menu_prin li.link_ccoonectate{width:407px;}

ul.menu_prin li.link_como{width:225px;}

ul.menu_prin li.link_que{width:112px;}

ul.menu_prin li.link_porque{width:220px;}
	
	
ul.menu_prin li a{
	width:100%;
	height:100%;
	display:block;
	text-indent:-9999px;}
	
ul.menu_prin li.link_ccoonectate a {
		background:transparent url(../img/link_ccoonectate.jpg) no-repeat center;}
		
ul.menu_prin li.link_como a {
		background:transparent url(../img/link_como.jpg) no-repeat center;}
		
ul.menu_prin li.link_que a {
		background:transparent url(../img/link_que.jpg) no-repeat center;}
		
ul.menu_prin li.link_porque a {
		background:transparent url(../img/link_porque.jpg) no-repeat center;}
		
		

ul.submenu{}

ul.submenu li{background:transparent url(../img/li_submenu.gif) no-repeat right center; border:0;height:40px;}

ul.submenu li {background-color:#e41819;}

ul.menu_prin ul.submenu li a{}

ul.submenu li.sub01{width:248px;}
ul.submenu li.sub01 a{background:transparent url(../img/link_ccoonectate02.jpg) no-repeat center;}

ul.submenu li.sub02{width:159px; background-image:none;}
ul.submenu li.sub02 a{background:transparent url(../img/link_enredate.jpg) no-repeat center;}

ul.submenu li.sub03{width:108px;}
ul.submenu li.sub03 a{background:transparent url(../img/link_donde.jpg) no-repeat center;}

ul.submenu li.sub04{width:117px; background-image:none;}
ul.submenu li.sub04 a{background:transparent url(../img/link_requisitos.jpg) no-repeat center;}

ul.submenu li.sub05{width:100%; background-image:none;}
ul.submenu li.sub05 a{background:transparent url(../img/link_formacion.jpg) no-repeat center;}

ul.submenu li.sub06{width:111px;}
ul.submenu li.sub06 a{background:transparent url(../img/link_ventajas.jpg) no-repeat center;}

ul.submenu li.sub07{width:109px; background-image:none;}
ul.submenu li.sub07 a{background:transparent url(../img/link_habla.jpg) no-repeat center;}
		
		
		
	
/*--------columna contenido home---------*/
div#contenido_home{
	width:540px;
	margin:52px 12px 0 0;
	float:right;}
	
div#contenido_home  h2{margin-bottom:36px; }
	
div#contenido_home p{
	color:#8d949a;
	margin-bottom:16px;
	width:500px;}
	
div.caja01,
div.caja02{
	width:261px;
	height:99px;
	float:left;
	margin-bottom:44px;}
	
div.caja01{cursor:pointer;}
	
div.caja01 p.enlace_ver{margin:68px 0 0 16px; }

div.caja01 p.enlace_ver a{
	color:#4a5760; 
	background:transparent url(../img/flecha.gif) no-repeat right 0.4em; 
	padding-right:9px;
	text-decoration:none;}
	
div.caja01 p.enlace_ver a:hover{color:#e41819; background:transparent url(../img/flecha_on.gif) no-repeat right 0.4em; }

div.caja01{background:transparent url(../img/caja01.jpg) no-repeat;}

div.caja02{background:transparent url(../img/caja02.jpg) no-repeat; margin-left:14px;}

div.caja02 a{display:block; width:100%; height:100%;}



/*--------columna contenido secciones---------*/
div#contenido_sec{
	width:652px;
	height:100%;
	float:left;
	padding:52px 0 0 30px;
	}

.bg01{background:transparent url(../img/bg01.jpg) no-repeat 30px bottom;}

.bg02{background:transparent url(../img/bg02.jpg) no-repeat 30px bottom;}

.bg03{background:transparent url(../img/bg03.jpg) no-repeat 30px bottom;}
	
div#contenido_sec h2{
	text-indent:-9999px;
	margin-bottom:28px;
	height:29px;
	}
	
h2.tit_ccoo_formacion{
	width:303px;
	background:transparent url(../img/tit_ccoo_formacion.gif) no-repeat;}
	
h2.tit_formacion{
	width:128px;	
	background:transparent url(../img/tit_formacion.gif) no-repeat;}
	
h2.tit_requisitos{
	width:121px;	
	background:transparent url(../img/tit_requisitos.gif) no-repeat;}
	
h2.tit_ventajas{
	width:108px;	
	background:transparent url(../img/tit_ventajas.gif) no-repeat;}
	
h2.tit_donde{
	width:114px;	
	background:transparent url(../img/tit_donde.gif) no-repeat;}
	
h2.tit_preguntas_frecuentes{
	width:219px;	
	background:transparent url(../img/tit_preguntas_frecuentes.gif) no-repeat;}
	
	
h2.tit_enlaces{
	width:95px;	
	background:transparent url(../img/tit_enlaces.gif) no-repeat;}
	
div#contenido_sec p{color:#8d949a; margin-bottom:12px;}

div#contenido_sec p span{color:#e31818; font-weight:bold;}

div#contenido_sec p.extra{font-size:13px;}

div#contenido_sec p.par_ini{font-size:13px; font-weight:bold;}

div#contenido_sec p.pregunta{	
	font-size:13px;
	font-weight:bold;
	margin-left:-30px;
	margin-top:20px;
	}
	
div#contenido_sec p.extra_preg{
	color:#e31818;
	font-size:12px;
	font-weight:bold;
	margin-top:30px;}
	
div#contenido_sec p.extra_preg a{margin-left:6px; color:#e31818; font-weight:normal;}
	
p.indexar{margin-left:20px;}
	
div#contenido_sec.habla a{color:#8d949a;}

div#contenido_sec.habla a:hover{text-decoration:none;}
	
div#contenido_sec p.pregunta span{
	background-color:#e31818;  
	color:#fff;	
	padding:3px 20px 4px 30px;
	display:inline-block;}
	
div.foto_form{
	float:right;
	width:255px;
	height:423px;
	background:transparent url(../img/foto_ccoo_formacion.jpg) no-repeat;
	margin-left:6px;}
	
div.foto_que{
	float:right;
	width:249px;
	height:292px;
	background:transparent url(../img/foto_que.jpg) no-repeat;
	margin:20px 0 0 6px;}
	
.foto_ventajas{
	float:right;
	width:219px;
	height:335px;
	background:transparent url(../img/foto_ventajas.jpg) no-repeat;
	margin:70px 0 0 6px;
	position:relative; 
	top:0;}
	
div.foto_requisitos{
	float:right;
	width:245px;
	height:332px;
	background:transparent url(../img/foto_requisitos.jpg) no-repeat;
	margin:0 0 0 6px;
	position:relative; 
	top:100px;}
	
ul.lista_sec,
ul.lista_sec02{
	color:#8d949a;
	margin:10px 0 0;
	}
	
ul.lista_sec li,
ul.lista_sec02 li{
	background:transparent url(../img/bullista.gif) no-repeat left 3px;
	padding-left:12px;
	margin-bottom:10px;
	}
	
ul.lista_sec02 li{
	background:none;
	list-style:square;
	list-style-position:inside;}
	
ul.lista_sec.enlaces span{
	display:block; 
	margin:6px 0 0 12px;}
	
ul.lista_sec.enlaces a{
	
	color:#8d949a;}
	
ul.lista_sec.enlaces a:hover{text-decoration:none;}
	
	
/*direcciones*/
div.col_direcciones01,
div.col_direcciones02{
	width:327px;
	float:left;
	margin-top:22px;}
	
div.col_direcciones01{
	background:transparent url(../img/linea_columnas.gif) no-repeat right 30%;
	}
	
div.col_direcciones01 span,
div.col_direcciones02 span{font-weight:bold; display:block;}

div.col_direcciones02{width:auto; float:right; margin-right:20px;}

div.col_direcciones01 a,
div.col_direcciones02 a{color:#8d949a;}
	
div.col_direcciones01 a:hover,
div.col_direcciones02 a:hover{text-decoration:none;}
	
	
	
/*--------columna derecha---------*/
div#col_dcha{
	width:262px;
	float:right;
	margin-top:52px;
	margin-right:32px;}
	
.bgright{
	background:transparent url(../img/bgright.jpg) no-repeat left bottom;
	padding-bottom:259px;
	}
	
.bgright02{
	background:transparent url(../img/bgright02.jpg) no-repeat left bottom;
	padding-bottom:138px;
	}
	
div.bloc01,
div.bloc02{
	width:261px;
	height:99px;
	position:relative;
	}
	
div.bloc01{cursor:pointer;}
	
div.bloc01{height:31px; padding-top:68px;}
	
div.bloc01 p.enlace_ver{margin:0 0 0 16px; }

div.bloc01 p.enlace_ver a{
	color:#4a5760; 
	background:transparent url(../img/flecha.gif) no-repeat right 0.4em; 
	padding-right:9px;
	text-decoration:none;}
	
div.bloc01 p.enlace_ver a:hover{color:#e41819; background:transparent url(../img/flecha_on.gif) no-repeat right 0.4em;}

div.bloc01{background:transparent url(../img/caja01.jpg) no-repeat; margin-bottom:14px;}

div.bloc02{background:transparent url(../img/caja02.jpg) no-repeat; margin-bottom:14px;}

div.bloc02 a{display:block; width:100%; height:100%;}

div.banner01{margin-bottom:24px;}

div.espacio{height:200px; clear:both}

div.espacio02{height:100px; clear:both}

div.espacio03{height:36px; clear:both}

p.aviso_prox{	
	height:350px;
	padding:60px 0 0 120px;
	text-align:center;
	}
	
p.aviso_prox span{
	background:transparent url(../img/tit_proximamente.jpg) no-repeat; 
	margin-bottom:14px; 
	text-indent:-9999px;
	width:443px;
	height:130px;
	display:block;}
	

/*---POP UP contacto------*/

body#pop_contacto{
	background:#fff url(../img/bg_contacto.jpg) no-repeat center top;
	padding:20px 30px;}
	
body#pop_sugerencias{
	background:#fff url(../img/bg_sugerencias.jpg) no-repeat center top;
	padding:20px 30px;}

div.logopop{
	height:75px;
	background: transparent url(../img/logo.jpg) no-repeat right top;
	}
	
div.formulario{margin:150px 0 0 ;}	

form.formcont {
	color:#4B5760;
	font-size:9px;
	padding-left:150px;
	}

.tabla_form td {vertical-align:top;}

.tabla_form td.texto {
	padding:3px 6px 3px 0;
	text-align:right;
	}

form p.formp {
	font-size:9px;
	padding:0 0 0 86px;
	}
	
p.nota_form{color:#999; margin-left:20px;}

input.campo_form, textarea.campo_area {
	background-color:#FCFCFC;
	border:1px solid #E4E4E4;
	color:#999999;
	font-size:11px;
	height:18px;
	padding-left:4px;
	width:160px;
	}
	
textarea.campo_area {height:50px;}

form input.c {
	margin:12px 0 0 190px;
	
	}

input.botenviar{
	background:url(../img/but_envio.gif) no-repeat;
	width:61px;
	height:13px;
	border:0;
	}
	
a.bannerfacebook{
	float:right;
	margin:20px 18px 0px 0px;
	}
	
a.bannerfacebook1{
	float:right;
	margin:0px 34px 0px 0px;
	}
a.bannerfacebook2{
	float:right;	
	margin:-10px 34px 0 0;
}