/* 
    Document   : estilos
    Created on : 10-jul-2009, 0:56:18
    Author     : Carlos
    Description:
        Estilos del tema por defecto
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
html { background:#555555; color:#ffffff; margin:0; padding:0; width:100%; }
body { margin:0 auto; padding:0; width:980px; text-align:center; }
html, body, input, textarea { font-size:11px; font-family:Arial,Verdana,Helvetica,Sans-Serif; }
a img, a:visited img { border:none; }
strong, .Bold { color:#e5ca42; font-weight:bold; /*#e3c60e; #d23936; #f7c600; #ffd24d;*/ }
a, a:visited { color:#5abefd; }
a strong, strong a { font-weight:bold; color:#5abefd; }
h2 { font-size:18px; font-weight:bold; margin-bottom:30px; margin-top:0; padding-bottom:5px; background:url(images/linea-titulo.jpg) bottom left no-repeat; }
h3 { font-size:14px; font-weight:bold; margin-bottom:20px; margin-top:40px; padding-bottom:0px; }
input, textarea { background:#dfdfdf; }
th, td, textarea { font-size:11px; font-family:Arial,Verdana,Helvetica,Sans-Serif; }
ul li { list-style-type:square; }

.enlace-pdf a { padding-left:20px; background:url(images/pdf.gif) left no-repeat; }

/* Necesario para que el contenedor quede centrado en IE7, aunque esté con float */
#wrapper { margin:0 auto; text-align:center; width:980px; }
#contenedor { margin:0 auto; float:left; text-align:left; width:100%; background:#000000 url(images/fondo-contenido.jpg) 100% 150px no-repeat; }
#cabecera { position:relative; height:154px; margin:0; padding:0; background:url(images/fondo-cabecera.jpg) bottom center no-repeat; }
#cuerpo {  float:left; width:100%; overflow:visible; }
#navegacion { position:relative; z-index:50; top:-33px; margin-left:42px; }
#sidebar { position:relative; width:210px; margin-left:20px; padding:0; float:left; }
#contenido { float:left; width:710px; padding:0 10px; overflow:visible; }
#contenido1c { float:left; width:950px; }
#pie { float:left; position:relative; z-index:0; margin-left:0px; margin-top:25px; width:100%; background:transparent; height:50px; }
div.altura-cuerpo { width:1px; height:350px; visibility:hidden; float:left; }

#logotipo { position:absolute; left:20px; top:15px; }
#logotipo a, #logotipo a:hover, #logotipo a:visited { text-decoration:none; }

/*****************************
 * EMPRESAS ASOCIADAS
 *****************************/
.logos { position:absolute; left:20px; bottom:100px; padding-bottom:0; margin-bottom:0; }
.logos img { display:block; padding-left:20px; }
.logos p { font-weight:bold; font-size:10px; }

.logos-home { text-align:center; margin-left:30px; padding-left:20px; }
.logos-home img { margin:0 auto; text-align:center; display:block; width:120px; }
.logos-home p { font-weight:bold; font-size:10px; }

.logos-cabecera { position:absolute; right:20px; top:15px; padding-bottom:0; margin-bottom:0; padding:10px 10px 10px 0; background:#000000; opacity:0.65; -moz-opacity:0.65; filter:alpha(opacity=65); }
.logos-cabecera img { height:25px; margin-left:10px; vertical-align:middle; }
.logos-cabecera .titulo { display:block; font-size:9px; margin-left:10px; }


#pie .menu-pie { position:absolute; right:45px; z-index:0; top:0; }
#pie .copyright { text-align:center; width:100%;  background:transparent; color:#d3eaf7; }
#pie, #pie p, #pie a, #pie a:visited, #pie a:hover { font-size:10px; }
#pie a, #pie a:visited { text-decoration:none; }
#pie a:hover { color:#ffffff; }
#contenido p { line-height: 18px; background:transparent;}

div.col-izda { position:relative; width:220px; margin-left:0px; padding:0; float:left; text-align:center; margin:0 auto; overflow:visible; }
div.col-dcha { position:relative; width:160px; margin-right:0px; padding:0; float:right; text-align:center; margin:0 auto; }
div.col-centro { float:left; width:525px; padding:0 0 0 20px; overflow:hidden; }
div.col-izda-cto { position:relative; width:270px; height:300px; margin-left:0px; padding:0; float:left; text-align:center; margin:0 auto; overflow:visible; }
div.col-centro-cto { float:left; width:630px; padding:0 0 0 20px; overflow:auto; background:transparent; }
div.mapa-contacto { background:url(images/mapa2.png) 0 50px no-repeat; }
.mapa-localizacion { float:right; width:280px; height:280px; }


/******************************
 * MENÚ PRINCIPAL VERTICAL
 ******************************/
#menu-principal-v ul {
    list-style:none;
    margin:0;
    padding:0 0 1em 0;
}
#menu-principal-v li {
    list-style:none;
}

#menu-principal-v a, #menu-principal-v a:visited { color:#7cafd7; text-decoration:none; font-size:11px; font-weight:bold; line-height:25px; height:25px; }
#menu-principal-v a:hover, #menu-principal-v a.activa { color:#ffffff; }

#menu-principal-v ul ul {
    line-height:1.2em;
    list-style:square inside;
    margin:0;
    padding:0 0 0.5em 1em;
}

/*****************************
 * FORMS
 *****************************/
div.form-field { float:left; margin-right:20px; margin-top:20px; }
div.form-field input, div.form-field label { display:block; white-space:nowrap; }
div.form-button-bar { clear:left; padding-top:20px; }

/* ENVIO CV */
div.form-nombre input { width:150px; }
div.form-apellidos input { width:300px; }
div.form-dni input { width:80px; }
div.form-edad input { width:30px; }
div.form-telefono input { width:80px; }
div.form-direccion textarea { width:250px; }
div.form-formacion textarea { width:300px; }
div.form-otra-formacion textarea { width:300px; }
div.form-remuneracion input { width:60px; text-align:right; }

div.form-edad { width:250px; display:block; }
div.form-formacion { clear:left; }
div.form-tiempo-ult-emp, div.form-tiempo-penult-emp { width:100px; }
div.form-tiempo-ult-emp input, div.form-tiempo-penult-emp input { display:inline; }
div.form-tiempo-ult-emp span, div.form-tiempo-penult-emp span { display:inline; }
div.form-remuneracion { clear:left; width:450px; }
div.form-remuneracion label, div.form-remuneracion input { display:inline; }
div.form-remuneracion input { margin-left: 10px; }

/* ENVIO CV */
.form-contacto { width:300px; float:left; padding:0; }
.form-contacto div.form-field { clear:left;  width:300px; margin-top:15px; }
.form-contacto div.form-field label { display:block; float:left; width:60px; }
.form-contacto div.form-field input, .form-contacto div.form-field textarea { float:left; width:225px; }
.form-contacto div.formCto-copiar { margin-top:10px; width:225px; margin-left:60px; }
.form-contacto div.formCto-copiar input { width: 13px; height:13px; float:left; line-height:15px;  }
.form-contacto div.formCto-copiar label { float:left; line-height:15px; margin-left:5px; }
.form-contacto .form-button-bar { margin:0; padding:0; margin-left:60px; }
.form-contacto .form-button-bar input { margin-top:10px;  }


/*****************************
 * HOME
 *****************************/
.ticker-fotos { margin:0 auto; text-align:center; }
.ticker-fotos img { margin:0 auto; text-align:center; display:block; padding-bottom:5px; }
div.presentacion { text-align:justify; }

/*****************************
 * NORMATIVA
 *****************************/
div.normativa { padding-left:40px; padding-top:2px; margin-bottom:20px; background:url(images/disco.jpg) top left no-repeat; }
div.normativa div.titulo { margin-bottom:5px; }
div.normativa div.titulo strong { font-size:12px; }
div.normativa div.texto { margin-bottom:3px; }

/*****************************
 * PROYECTOS
 *****************************/
div.proyecto { margin-bottom:80px; position:relative; width:600px; }
div.proyecto div.detalle { width:400px; position:relative; }
div.proyecto div.nombre-proyecto { margin-bottom:5px; width:100%; }
div.proyecto div.descripcion { margin-top:15px; }
div.proyecto div.areas-negocio { margin-top:20px; }
div.proyecto div.logo { position:absolute; right:0; top:40px; }
div.proyecto div.galeria { margin-top:20px; width:600px; text-align:center; }
div.proyecto div.galeria div.etiqueta { text-align:left; }
div.proyecto div.galeria div.fotos { margin-top:10px;}
div.proyecto div.galeria div.fotos img { margin-right:5px; }
div.apartado { margin-bottom:20px; }

/*****************************
 * OFERTAS DE TRABAJO
 *****************************/
div.oferta { margin-bottom:30px; }
div.oferta table th { white-space:nowrap; text-align:left; padding-right:20px; vertical-align:top; padding-top:15px; }
div.oferta table td { text-align:left; vertical-align:top; padding-top:15px; }

/*****************************
 * ÁREAS DE NEGOCIO
 *****************************/
div.area-negocio {  }
div.area-negocio div.texto { float:left; width:400px; }
div.area-negocio div.foto { /*float:right; margin-top:-30px;*/ float:left; margin-left:30px; }
div.area-negocio ul { margin:0; padding:0 0 0 30px; }
div.area-negocio ul li { list-style-type:square; list-style-position:outside; margin:0; padding:0; }

.lista-fotos
{
	list-style:				none;
	margin:					0px;
}

.lista-fotos li
{
	padding:				0 0 35px 0;
	width:					75px;
	height:					75px;
	text-align:				center;
}


/*****************************
 * GALERIA HOME
 *****************************/
#galeria-home {
  padding:7px 0;
  width:180px;
  height:400px;
  overflow:hidden;
  position:relative;
}
#galeria-ticker {
  width:180px;
  display:block;
}
#galeria-ticker a { display:block; }
#galeria-ticker img {
  border:0;
  width:120px;
  display:block;
  margin-bottom:3px;
  cursor:pointer;
}

#contenedor-imagen-ampliada {
    position:absolute;
    top:0;
    left:0;
    width:700px;
    height:400px;
    padding-top:16px;
}

#mensaje-cerrar-imagen {
    position:absolute;
    z-index:9999;
    top:61px;
    left:31px;
    width:596px;
    height:330px;
    background:#000;
    opacity:0; filter:alpha(opacity=0);
    text-align:center;
    font-size:11px;
    padding-top:16px;
}

#imagen-ampliada {
    position:absolute;
    z-index:99999;
    cursor:pointer;
}

a.smoothbox { text-decoration:none; }


/*****************************
 * TICKER NOTICIAS HOME
 *****************************/
#cont-noticias {
  width:560px;
  margin-left:-30px;
  margin-bottom:20px;
  padding:5px;
  height:15px;
  display:block;
  overflow:hidden;
  background:url(images/fondo-noticias.png);
}

#titulo-noticias {
  float:left;
  margin-left:10px;
  margin-right:10px;
}

#cont-ticker-noticias {
  width:430px;
  height:15px;
  float:left;
  display:block;
  position:relative;
  overflow:hidden;
  margin:0;
  padding:0;
}

#ticker-noticias {
  margin:0;
  padding:0;
  overflow:hidden;
  position:absolute;
  top:0;
  left:0;
  white-space:nowrap;
}

#ticker-noticias div.noticia {
  display:inline;
  white-space:nowrap;
}



/*****************************
 * COMIC
 *****************************/
.comic { display:none; }
.comic, .comic .diapositiva, .comic .vinyeta  { overflow:visible;  }
.comic .diapositiva { width:550px; height:250px; float:left; }
.comic .vinyeta { float:left; }
.comic .vinyeta img { width:150px; }
.comic .texto { margin-top:30px; margin-left:170px; line-height:155%; text-align:justify; }