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

body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: arial;
	font-size: 12px;
}

li {
	font-family: arial;
	font-size: 12px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form {
	margin: 0;
	padding: 0;
}

.boton2 {
	color: #FFF;
	background-color: #d7bf4c;
	font-weight: bold;
	border: 1px solid #000;
	padding: 5px;
}

.caja {
	color:#DF0000;
	display: block;
	border: 1px solid #3B8BBC;
	background-color: #F2F2F2;
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
	margin-right: 25px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.caja p {
	color:#000;
}
.caja a {
	color:#DF0000;
}

.recuadro {
	float: left;
	width: 50%;
}
.recuadro-login {
	background-color:#257DAD;
	border:solid 1px #FFF;
	float: left;
	width: 46%;
	margin: 2px;
	padding: 2px;
}
.limpiar {
	clear:both;
}

.destacado {
	color: #1B3D54;
	font-size: 12px;
}



table tr td {
	font-size: 12px;
}

#contenedor {
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
/* ESTILOS CABECERA */
#cabecera {
	background-image: url(images/web/fondo-cabecera.jpg);
	height: 163px;
	width: auto;
	background-repeat: no-repeat;
}


#logo {
	float: left;
	margin-top: 15px;
}

#desplegable {
	float: right;
	width: 161px;
}

/***********************/


/* ESTILOS CONTENIDO */
#contenido {
	width: 595px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;
}


/* ESTILOS MODULO CANDIDATO */

#modulo-candidatos, #buscador, #modulo-destacados, #formacion-prensa, #canales, #menu-inferior {
	margin-bottom: 10px;
	clear:both;
}



ul.tabs, ul.tabs2 {  
	margin: 0;  
	padding: 0;  
    float: left;  
    list-style: none;  
    height: 50px; /*--Define el ancho de las tabs--*/  
    border: none;  
    width: 100%;  
	background-image: url(images/web/fondo-pestanias.jpg);
	background-repeat: no-repeat;
}
ul.tabs li, ul.tabs2 li {  
   float: left;  
   margin: 0;  
   padding: 0;  
/*   width: 295;*/
   height: 50px; /*--Sustrae 1px de la altura de la lista desordenada--*/  
	line-height: 50px; /*--Alineamiento vertical del texto dentro de la tabla--*/  
	border: none;  
	margin-bottom: -1px; /*--Desplaza los item de la lista abajo 1px--*/  
	overflow: hidden;  
	position: relative;  
}  

ul.tabs li a, ul.tabs2 li a {  
	text-decoration: none;  
	color: #000;  
	display: block;  
	font-size: 1.2em;  
	padding: 0;  
	border: none;  
	outline: none;  
}  

/*ul.tabs li a:hover {  
	background: #ccc;  
} */ 

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/  
	background: #fff;  
	border-bottom: none; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/  
}  

html ul.tabs2 li.active, html ul.tabs2 li.active a:hover  { /*--Estate seguro de que a la tab activa no se le aplicarán estas propiedades hover--*/  
	background: #fff;  
	border-bottom: none; /*--Esto hace que la tab activa esté conectada con respecto a su contenido--*/  
}  


.tab_container {  
	border: none;  
	overflow: hidden;  
	clear: both;  
	float: left; width: 100%;  
	background: #fff;  
	margin-bottom: 10px;
}  
.tab_content, .tab_content2 {  
color:#FFF;
	padding: 0px;  
	font-size: 1.2em;  
} 

#tab1 {
	background-image: url(images/web/fondo-candidato-sup-login.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #41a1d6;
} 

#tab1-interior {
	background-image: url(images/web/fondo-candidato-sup.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #41a1d6;
} 

#tab2 {  
	background-image: url(images/web/fondo-empresa-sup-login.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ad3eeb;
} 
#tab2-interior {  
	background-image: url(images/web/fondo-empresa-sup.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #ad3eeb;
} 



#contenido-candidato-login {
	background-image: url(images/web/fondo-candidato.jpg);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 199px;
	height: auto !important;
	height: 199px;
	background-position: top;
}

#contenido-candidato {
	background-image: url(images/web/fondo-candidato-inf.jpg);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-position: bottom;
}

#contenido-candidato h1, #contenido-empresa h1, #contenido-ofertas h1, #contenido-ofertas-destacados h1 {
	font-size: 22px;
	color: #FFF;
	margin: 0px;
	padding: 10px;
}

#contenido-candidato h2, #contenido-empresa h2, #contenido-ofertas h2, #contenido-ofertas-destacados h2 {
	font-size:16px;
	margin: 0px;
	padding: 10px;
}


#contenido-candidato p, #contenido-empresa p, #contenido-ofertas p, #contenido-ofertas-destacados p {
	font-size: 12px;
	color: #FFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#contenido-candidato a, #contenido-empresa a {
	color: #FFF;
}



#contenido-empresa {
	background-image: url(images/web/fondo-empresa-inf.jpg);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-position: bottom;
}

#contenido-empresa-login {
	background-image: url(images/web/fondo-empresas.jpg);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 157px;
	height: auto !important;
	height: 157px;
	background-position: top;
}

#info-candidato, #info-empresa {
	float: left;
	width: 282px;
	padding-top: 18px;
	padding-left: 14px;
}

#registro-candidato, #registro-empresa {
	float: right;
	width:298px;
}

.login {
	color:#FFF;
}
.campo-login {
	font-size: 10px;
	color: #333;
	height: 13px;
	width: 109px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* ESTILOS BLOQUE BUSCADOR*/

#buscador select {
	font-family: arial;
	font-size: 11px;
	color: #000000;
	border: 1px solid #3f97c9;
	width: 132px;
}

#buscador {
	background-image: url(images/web/fondo-buscador.jpg);
	background-repeat: no-repeat;
	height:125px;
	width: 100%;
}

#texto-buscador {
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#texto-buscador li {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 10px;
	width: 146px;
	display: block;
	float: left;
}

#campos-busqueda {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	clear: both;
}

#campos-busqueda li {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 17px;
	display: inline;
	padding-right: 10px;
}

.campo-buscador {
	width:133px;
	border: 1px solid #3f97c9;
}

/* MODULO DE OFERTAS DESTACADAS */

.columna1 {
	width: 45%;
	vertical-align: top;
}
.columna2 {
	width: 20%;
	vertical-align: top;
}
.columna3 {
	width: 35%;
	vertical-align: top;
}
#ofertas-destacados a, #ofertas a, #ofertas-destacados-marmol a {
	color:#FFF;
	text-decoration: none;
	font-weight: bold;
}


#ofertas {  
	background-image: url(images/web/fondo-ofertas-sup.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #a1a1a1;
} 

#ofertas-destacados {
	background-image: url(images/web/fondo-ofertas-destacadas.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #a1a1a1;
	padding-top: 50px;
} 

#ofertas-destacados-marmol {
	background-image: url(images/web/fondo-ofertas-destacadas-marmol.png);
	background-repeat: no-repeat;
	background-position: top;
	background-color: #377ba4;
	padding-top: 50px;
} 

#contenido-ofertas {
	background-image: url(images/web/fondo-ofertas-inf.jpg);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	background-position: bottom;
}

#contenido-ofertas-marmol {
	background-image: url(images/web/fondo-ofertas-marmol-inf.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: bottom;
	padding-bottom: 70px;
}

#contenido-ofertas-destacados {
	background-image: url(images/web/fondo-ofertas-inf.jpg);
	background-repeat: no-repeat;
	width: 100%;
	background-position: bottom;
	padding-bottom: 70px;
}

.ofertas-impar {
	background-color: #a1a1a1;
}

.ofertas-par {
	background-color: #969696;
}

.marmol-impar {
	background-color:#377ba4;
}
.marmol-par {
	background-color:#316e92;
}

/* ESTILOS MODULO NOTICAS-FORMACION */


#formacion-prensa {
	width: 100%;
	color:#FFF;
}
#contenido-prensa {
	width: 100%;
	background-image: url(images/web/fondo-prensa-inf.jpg);
	background-repeat: no-repeat;
	background-color:#b441f5;
	color:#FFF;
	background-position: bottom;
	padding-bottom: 35px;
	margin-bottom: 10px;
}
#contenido-formacion {
	width: 100%;
	background-image: url(images/web/fondo-formacion-inf.jpg);
	background-repeat: no-repeat;
	background-color:#b441f5;
	color:#FFF;
	background-position: bottom;
	padding-bottom: 35px;
	margin-bottom: 10px;
}
#formacion-prensa a {
	color:#ebd053;
	font-weight:bold;
}
#noticias-home {
	float: left;
	width: 295px;
	background-image: url(images/web/fondo-prensa.jpg);
	background-repeat: no-repeat;
	padding-top: 43px;
}

#formacion-home {
	float: right;
	width: 290px;
	background-image: url(images/web/fondo-formacion.jpg);
	background-repeat: no-repeat;
	padding-top: 43px;
}

.noticias-impar {
	background-color: #a23adc;
}

.noticias-par {
	background-color: #b441f5;
}



/************************/

/*NOTICIAS*/

.noticias h2 {
	font-size:16px;
}
.noticias {
	border: 1px solid #FFF;
	margin: 5px;
	padding: 5px;
}
.noticiasFoto {
	width: 120px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	float: left;
}

.noticiasTexto {
	margin: 5px 0 0 10px; 
	width: 400px; 
	float: left; 
	line-height: 14px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.tabla-limpia a {
	color: #000000;
	font-family: arial;
	font-size: 12px;
}


/***************/

.error {
	color: #C40000;
	font-size: 9px;
}

.boton {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
.boton-pequeno {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}



/* ESTILOS BARRA DERECHA */

#menu-derecha {
	height: auto;
	width: 285px;
	float: right;
	margin-top: 50px;
	margin-right: 5px;
	margin-left: 5px;
}

/* BLOQUE DESTACADOS */

#canales-destacados, #banner, #enlaces-destacados, #directorio-empresa, #ayuntamiento {
	margin-bottom:10px;
	clear:both;
}

#canales-destacados {
	height:155px;
}

#enlaces-destacados {
	height:166px;
}

.bloque {
	background-image: url(images/web/fondo-canales.jpg);
	height:141px;

}

.fondo-canales {
	background-color:#e0e0e0;
	background-image: url(images/web/fondo-bajo-bloque.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.lista-canales, .lista-canales-primero, .lista-canales-ultimo {
	display: block;
	width: 275px;
	height: 49px;
	padding-left: 10px;
}

.lista-canales-primero {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
}
.lista-canales-ultimo {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d7d7d7;
}
.lista-enlaces {
	display: block;
	width: 285px;
	height: 28px;
	background-image: url(images/web/fondo-enlaces.jpg);
	background-repeat: no-repeat;
}


/*********************/

/* ESTILOS DEL PIE*/

#pie {
	color: #7d7d7d;
	width: 100%;
	font-size: 10px;
	clear: both;
}

#pie a {
	color: #7d7d7d;
}

/****menu*****/

.capa-limpia {
	float: left;
}

#menu {
	width: 100%;
	background-image: url(images/web/menu-superior.jpg);
	background-repeat: no-repeat;
	height: 30px;
}

#menu * {margin:0; padding:0}
#menu ul,#menu li {list-style-type:none;}

.wrapper {
	width:900px;
	margin:auto;
	float: right;
}

.menuholder {
	height:30px;
	background-color: #fff;
	background-image: url(images/web/menu-superior.jpg);
}
.menuholder li {float:left;}
.menuholder a {
	display:block;
	text-indent:-9000%;
	height:30px;
	background-image: url(images/web/menu-superior.jpg);
}


.menu_inicio a { width:78px;}
.menu_candidatos a { width:132px; background-position:-78px 0px;}
.menu_empresas a { width:123px; background-position:-210px 0px;}
.menu_formacion a { width:126px;  background-position:-333px 0px;}
.menu_prensa a { width:155px;  background-position:-459px 0px;}
.menu_blog a { width:87px;  background-position:-614px 0px;}
.menu_ayuda a { width:97px;  background-position:-701px 0px;}
.menu_contacto a { width:102px;  background-position:-798px 0px;}

.menu_inicio a:hover { background-position:0px -30px;}
.menu_candidatos a:hover {background-position:-78px -30px;}
.menu_empresas a:hover { background-position:-210px -30px;}
.menu_formacion a:hover { background-position:-333px -30px;}
.menu_prensa a:hover { background-position:-459px -30px;}
.menu_blog a:hover { background-position:-614px -30px;}
.menu_ayuda a:hover { background-position:-701px -30px;}
.menu_contacto a:hover { background-position:-798px -30px;}

.menu_inicio a.active { background-position:0px -60px;}
.menu_candidatos a.active { background-position:-78px -60px;}
.menu_empresas a.active { background-position:-210px -60px;}
.menu_formacion a.active { background-position:-333px -60px;}
.menu_prensa a.active { background-position:-459px -60px;}
.menu_blog a.active { background-position:-614px -60px;}
.menu_ayuda a.active {  background-position:-701px -60px;}
.menu_contacto a.active { background-position:-798px -60px;}

/**************/


/****menu INFERIOR *****/

#menu-inferior {
	width: 890px;
	background-image: url(images/web/menu-inferior.jpg);
	background-repeat: no-repeat;
	height: 30px;
	clear: both;
}

#menu-inferior * {margin:0; padding:0}
#menu-inferior ul,#menu-inferior li {list-style-type:none;}

.wrapper-inferior {
	width:890px;
	margin:auto;
	float: right;
}

.menuholder-inferior {
	height:34px;
	background-color: #fff;
	background-image: url(images/web/menu-inferior.jpg);
}
.menuholder-inferior li {float:left;}
.menuholder-inferior a {
	display:block;
	text-indent:-9000%;
	height:34px;
	background-image: url(images/web/menu-inferior.jpg);
}


.menu_reglas a { width:114px;}
.menu_politica a { width:167px; background-position:-114px 0px;}
.menu_trabaja a { width:158px; background-position:-281px 0px;}
.menu_formacion2 a { width:95px;  background-position:-439px 0px;}
.menu_prensa2 a { width:123px;  background-position:-534px 0px;}
.menu_ayuda2 a { width:65px;  background-position:-657px 0px;}
.menu_contacto2 a { width:168px;  background-position:-722px 0px;}

.menu_reglas a:hover {  background-position:0px -34px;}
.menu_politica a:hover { background-position:-114px -34px;}
.menu_trabaja a:hover { background-position:-281px -34px;}
.menu_formacion2 :hovera { background-position:-439px -34px;}
.menu_prensa2 a:hover { background-position:-534px -34px;}
.menu_ayuda2 a:hover { background-position:-657px -34px;}
.menu_contacto2 a:hover { background-position:-722px -34px;}

.menu_reglas a.active {  background-position:0px -68px;}
.menu_politica a.active { background-position:-114px -68px;}
.menu_trabaja a.active { background-position:-281px -68px;}
.menu_formacion2 a.active { background-position:-439px -68px;}
.menu_prensa2 a.active { background-position:-534px -68px;}
.menu_ayuda2 a.active { background-position:-657px -68px;}
.menu_contacto2 a.active { background-position:-722px -68px;}



/**************/

.capa-menu-privado {
	float: left;
	width: 100px;
	text-align: center;
	margin: 5px;
	padding: 5px;
}
.capa-menu-privado a {
	color:#333;
	text-decoration: none;	
}

.boton-login {
	background-image: url(images/web/boton-acceder.jpg);
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 0px;
	color: #FFFFFF;
	margin-top: 3px;
	height: 34px;
	width: 91px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.boton-login-empresa {
	background-image: url(images/web/boton-acceder-empresa.jpg);
	background-repeat: no-repeat;
	font-family: verdana;
	font-size: 0px;
	color: #FFFFFF;
	margin-top: 3px;
	height: 34px;
	width: 91px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.boton-login-empresa, .boton-login {
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #000000;
	margin-top: 3px;
	margin-bottom: 3px;
}

.boton-login-empresa, .boton-login {
  margin: 0;
}




/* ZONA PRIVADA */

.submenu {
	background-color:#d3d3d3;
	margin: 5px;
	border: 1px solid #68b4df;
}
.submenu h1 {
	font-size: 16px;
	color: #FFF;
	margin: 0px;
	background-color: #68b4df;
	padding: 5px;
	}
.submenu p {
	color: #000;
	margin: 0px;
	padding: 5px;
}
.submenu p a {
	color: #000;
	margin: 0px;
	padding: 5px;
}