/***** Definición de estilos generales para toda la página *****/
*{
	margin: 0px;
	padding:0px;
	border: none;
}
body{
	font: 10pt "trebuchet ms",arial,sans-serif;
	text-align:center;
	background-image:  url(../images/fondo.jpg);
	background-repeat:   repeat-x;
	background-color: #dddddf;
	color:#5b5b5b;
	
	
}	
a {  text-decoration: none; color:#757575; }
a:hover { color:#757575; }
img {	border: 0px }
ul,ol { margin: 1em 0 1em 2em; padding: 0; }
li { margin: 4px 0; }
blockquote { margin: 0 0 0 2em; }
/**************** Aqui empiezan los estilos de cada elemento  **/

/***************************** ********************************************/
/** Esto va a ser para centrar los bloques principales (cabecera,cuerpo pie) **/
/** y dejar los márgenes en función de la resolución **/

#pagina{
	width: 990px;
	margin: 0 auto;
	text-align:center;
}
#cabecera{
	width: 100%;
	height: 50px;
	margin-top:15px;
	
	
}


/*   menus dela cabecera */
#cabecera_logo{
	width: 200px;
	height: 45px;
	float:left;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#menu_flash{
	width: 790px;
	height: 46px;
	float:left;
	
	
}

#menu{
	width: 790px;
	height: 23px;
	float:left;
	
	
}
div.imenu{
    
	float:right;	
	height: 23px;
}
a.menu{      
	

}
#submenu{
	width: 790px;
	height: 23px;
	margin: 0 auto;
	text-align:center;	
	float:left;
	

}
div.submenu{
	height: 100%;
	float:right;
	margin-right: 10px;
	

}
a.submenu{
	font-size: 10pt;
	line-height: 20px;
	text-transform: uppercase;
	color: #6b6b6b;
	text-decoration: none;

}
a.submenu_activo{
	font-size: 10pt;
	line-height: 20px;
	text-transform: uppercase;
	color: #011b56;
	text-decoration: none;

}
/*  aviso legal                    */
#aviso_legal{
	font-size: 7pt;
	font-weight: normal;
	text-align: right;
	  float:left;
  width: 980px;
}
/* Cuadro delo cuerpo*/

#cuerpo,#cuerpo_arriba,#cuerpo_abajo{
  float:left;
  width: 989px;
}
#cuerpo{
	background-image: url(../images/marco_cuerpo_medio.jpg);
	background-repeat:  repeat-y;

}
#cuerpo_arriba{
	height: 10px;
	background-image: url(../images/marco_cuerpo.jpg);
	background-repeat: no-repeat;
	line-height: 5px;
	font-size: 4px;

}
#cuerpo_abajo{
	height: 12px;
	background-image: url(../images/marco_cuerpo_abajo.jpg);
	background-repeat: no-repeat;
	line-height: 5px;
	font-size: 4px;
	background-position: bottom;
}
#cuerpo_separador{
	float:left;
	width: 15px;
	height: 100px;
}
#cuerpo_contenido{
	float:left;
	width: 960px;
	text-align: left;
	overflow:hidden;
	
	
}
/*  Cuando tenemos que mostrar el  Menú vertical */
#menu_vertical{
	float:left;
	width: 180px;

}
#menu_vertical_separador{
	float:left;
	width: 18px;
	height: 100px;
	
}

#cuerpo_con_menu_vertical{
	float:left;
	width: 762px;	
}
div.menu_vertical_opcion{
	float:left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-image: url(../images/menu_vertical_opcion.jpg);
	background-repeat:  repeat-x;
	text-align: left;
	text-indent: 5pt;
}
div.menu_vertical_opcion a{ 	
	font-size: 12pt;
	font-variant: normal;
	text-transform: uppercase;
	color: #454545;
	
}
div.menu_vertical_opcion_activa{
	float:left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #a2a2a2;
	text-align: left;
	text-indent: 5pt;
}
div.menu_vertical_opcion_activa a{	
	font-size: 12pt;
	font-variant: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	
}
#menu_vertical_pie{
	float:left;
	width: 100%;
	height: 200px;
	background-image: url(../images/menu_vertical_fondo.jpg);
	background-repeat:  repeat-x;
}
/* varios */
div.descarga{
  width:100%;
  float:left;
   text-align:right;
}
div.presencia_mundial_margen{
	float:left;
	width: 5%;
	height: 170px;
}
div.presencia_mundial{
	float:left;
	width: 90%;
	height: 170px;
	background-image: url(../images/fondo_presencia.jpg);
	background-repeat:  repeat-x;
	text-align: left;
}
div.presencia_mundial_texto{
	float:left;
	width: 45%;
	margin-left:10px;
	height: 150px;
	margin-top:20px;
}
/* Apartado Joca */
#joca_cabecera{
   float:left;
   width:100%;
   overflow:hidden;  
   height:151px; 
}
#joca_columna1{
	float:left;
	width:72%;
	overflow:hidden;	
}
#joca_columna2{
	float:left;
	width:28%;
	overflow:hidden;
	background-image: url(../images/ultimas_noticias_fondo.jpg);
	background-repeat:  repeat-x;
}
#joca_logo{
float:left;
	width:50%;
	height:100px;
}
#joca_contacto{
	float:left;
	width:49%;
	height:25px;
	margin-top: 48px; /* 75 px de margen + 25 +28 de la imagenes=100 que tiene joca_logo */
	text-align: right;
}
#joca_datos_contacto{
	float:left;
	width:100%;
	display:none;
}
#joca_datos_contacto_item{
	float:left;
	width:49%;
	height:140px;
	background-image: url(../images/joca_datos_contacto_fondo.jpg);
	text-align:center;
}
#joca_datos_contacto_mail{
	float:left;
	width:98%;
	height:36px;
	line-height:36px;
	background-image: url(../images/joca_datos_contacto_fondo_mail.jpg);
	text-align:center;
	font-size: 13pt;
	color: #454545;
	text-transform: uppercase;
}
#joca_texto{
	float:left;
	width:100%;
	background-image: url(../images/joca_fondo_texto.jpg);
	text-align:left;
	background-repeat:  repeat-x;
	background-position: bottom;
	margin-top:10px;
	
}
#joca_decargar_pdf{
    float:left;
	width:96%;
	/* height:40px; */
	/* text-align:right; */
	margin-top:15px;
	/* text-transform: uppercase; */
}
#joca_decargar_pdf a{
	color:#3a4f7a;
	font-weight: bold;
}
div.ultimas_noticias_item{
	float:left;
	width:96%;
	margin-left:5px;
	margin-top:10px;
	text-align: justify;
}
div.ultimas_noticias_todo{
    float:left;
	width:90%;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:10px;
	text-align:right;	
}
div.ultimas_noticias_todo a{
	color:#44668b;
	font-weight: bold;
	font-size: 8pt;
}
.joca_azul{
   color:#3a4f7a;
	font-weight: bold;
}

.joca_azul a {
   color:#3a4f7a;
	font-weight: bold;
}

/* Noticias */

div.noticia{
width:100%;
float:left;
margin-top:10px
}
div.noticia_titulo{
	width:100%;
	float:left;
	font-size: 12pt;
	font-weight: bold;
}
div.noticia_texto{
	width:100%;
	float:left;

}
div.noticia_texto a{
  color:#5b5b5b;
} 
#nanterior{
    width:50%;
	float:left;
   	text-align:left;
}
#nsiguiente{
     width:47%;
	float:left;    
	text-align:right;
}
#nanterior a,#nsiguiente a{
color:#44668b;
	font-weight: bold;
}

/* Recursos Humanos */

#rrhh_columna1{
	float:left;
	width:78%;
	overflow:hidden;	
}
#rrhh_columna2{
	float:left;
	width:21%;
	margin-left:5px;
	overflow:hidden;
	background:url(../images/ultimas_noticias_fondo.jpg) repeat-x;
}
#rrhh_opcion{
	background-color: #72808b;
	float:left;
	width:100%;
	line-height: 32px;
	height: 32px;
	color: #FFFFFF;
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: bold;
	
}
#rrhh_opcion a{
	color: #FFFFFF;
}
#rrhh_cuerpo{
	float:left;
	width:100%;
	
	background-image: url(../images/rrhh_fondo_cuerpo.jpg);
	background-repeat:  repeat-x;

}
#rrhh_cuerpo_texto{
	float:left;
	width:100%;
	height: 200px;
	color: #FFFFFF;
	font-weight: bold;
}
#rrhh_cuerpo_texto p{
	padding:10px;
}
#rrhh_ficha_separador{float:left;
	width:15px;
	height: 276px;}
#rrhh_ficha{
	float:left;
	width:707px;
	height: 276px;

}
div.rrhh_ofertas{
	float:left;
	width:100%;
	padding-left:5px;
	margin-top:10px;
	padding-top:10px;
	text-align: justify;
	background-image: url(../images/fondorrhhcolumna.jpg);
	background-repeat:  repeat-x;
	font-size: 9pt;
}
hr.rrhhofertas_linea {
	height: 1px;
	width: 80%;
	text-align: center;
	background-color: #999999;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}
/* Estilos del formulario */

div.rrhhform_linea{
	float:left;
	width:98%;
	font-size: 9pt;
	margin-top: 20px;
}
div.rrhhform_linea input{
	background-color: #e1e1e1;
	
}
div.rrhhform_texto{
	float:left;
	width:10%;
	font-size: 9pt;
	overflow:hidden;
	color:#FFFFFF;
	text-align:left;
	text-indent: 5pt;
}
div.rrhhform_texto_opcion{
	float:left;
	width:100%;
	font-size: 9pt;
	overflow:hidden;
	color:#FFFFFF;
	text-align:left;
	text-indent: 5pt;
}
form.rrhhform{
	margin: 0px;
	padding: 0px;
}
div.rrhhform_tam1{
float:left;
width:30%;
}
div.rrhhform_tam2{
	float:left;
	width:50%;
	
}
div.rrhhform_tam3{
	float:left;
	width:15%;
}
div.rrhhform_tam1 input,div.rrhhform_tam2 input,div.rrhhform_tam3 input{
width:100%;
}
div.rrhhform_tam4{
	float:left;
	width:100%;
}
div.rrhhform_tam6{
	float:left;
	width:80%;
	color:#000000;
}
div.rrhhform_tam4 textarea{
	float:left;
	width:90%;
	margin-left:10%;
	height:70px;
	background-color: #e1e1e1;
}
div.rrhhform_enviar{
	float:left;
	text-align:right;
	width:10%;
	font-size: 10pt;
	overflow:hidden;
	font-weight: bold;
	
}
div.rrhhform_enviar a {color:#000000;}
div.rrhh_separador{
float:left;
width:100%;
height: 10px;
}
/*   */
#manual_identidad_cuerpo{
	float:left;
	width:100%;
	min-height: 413px;
	background-image: url(../images/manual_identidad_fondo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:35px;
}
div.manual_identidad_linea{
	float:left;
	width:100%;
	height: 100px;
	background-image: url(../images/manual_identidad_linea.jpg);
	background-repeat: no-repeat;
	margin-top:25px;
	padding-bottom:10px;
	background-position: bottom;
}
div.manual_identidad_item{
	float:left;
	width:50%;
	height: 91px;
	line-height: 91px;
	text-align: center;
}
div.manual_identidad_linea2{
	float:left;
	width:100%;
	height: 41px;
	background-image: url(../images/manual_identidad_linea.jpg);
	background-repeat: no-repeat;
	margin-top:5px;
	padding-bottom:10px;
	background-position: bottom;
}
div.manual_identidad_item2{
	float:left;
	width:50%;
	height: 31px;
	line-height: 31px;
	text-align: center;
}
div.manual_identidad_item a,div.manual_identidad_item2 a  {
	color: #6b6b6b;
	font-weight: bold;
	font-size: 8pt;
}
/* comunicados prensa */
#comunicados_prensa_cuerpo{
    float:left;
	width:100%;
	padding-bottom:10px;
	padding-left:10px;
	background-image: url(../images/manual_identidad_fondo.jpg);
	min-height:450px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#comunicados_prensa_cuerpo2{
  float:left;
	width:85%;
}
div.comunicados_prensa_titulo{
	color: #6b6b6b;
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.comunicados_prensa_azul{
    float:left;
	width:100%;
   font-size: 8pt;
   color:#3a4f7a;
   font-weight: bold;
   margin-top: 5px;
   
}
div.comunicados_prensa_texto{
	float:left;
	width:100%;
	font-size: 8pt;
	text-align: justify;
	
}
div.comunicados_prensa_descargar{
	position: relative;
	width:100%;
	top:-11px;
	right:-20px;
	float: right;
	width:100px;
	text-align: right;
	 

}
div.comunicados_prensa_descargar a{
	font-size: 7pt;
	color:#FF0000;
	
    
}
div.comunicados_prensa_paginado{
	float:left;
	width:100%;
	color:#1b128f;
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
}
div.comunicados_prensa_paginado a{
	color:#5B5B5B;
	font-size: 10pt;
	font-weight: normal;
	
}
/** Columnas de noticia desplegada */

div.noticia_columna_izquierda{
	float:left;
	width:25%;
	overflow:hidden;
	min-height: 200px;
	margin-top:10px;
	margin-bottom:10px;
	
}

div.noticia_columna_derecha{
	float:left;
	width:70%;
	overflow:hidden;
	min-height: 200px;	
	text-align: justify;
	margin-top:10px;
	margin-bottom:10px;
}

.paginacion .activa {
	color:#000;
	font-size:12pt;
	font-weight:bold;
}

.paginacion {
	float:left;
	width:95%;
	margin:5px 0 5px 0;
	text-align:center;
}

	.docadj { color:#3A4F7A; font-weight:bold; }
        div.listadj ul { margin:0; padding:0; list-style:none; }
        div.listadj ul li { float:left; margin:0; padding:5px 30px 0; }
        div.listadj ul li a { font-size:0.9em; color:#666; }
        
        div.listadj ul li.icono_doc { background:#FFF url(../images/icono_doc.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_dot { background:#FFF url(../images/icono_dot.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_pdf { background:#FFF url(../images/icono_pdf.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_rar { background:#FFF url(../images/icono_rar.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_zip { background:#FFF url(../images/icono_zip.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_mp3 { background:#FFF url(../images/icono_mp3.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_gif { background:#FFF url(../images/gif.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_jpg { background:#FFF url(../images/jpg.gif) 2px 4px no-repeat; }
        div.listadj ul li.icono_rtf { background:#FFF url(../images/icono_rtf.gif) 2px 4px no-repeat; }
	.resaltado a { color:#666; font-weight:normal; }
	.resaltado { color:#666; font-weight:normal; }
	
/* Pantallas de ofertas de emplo */
div.cuerpo_ofertas_laborales{
	float:left;
	width: 960px;
	background-image: url(images/fondo_presencia.jpg);
	background-repeat:  repeat-x;
	text-align: left;
	padding-left:5%;
}
div.ofertas_laborales_titulo{
	float:left;
	width:100%;	
	font-size: 10pt;
	text-transform: uppercase;
	color: #464646;
	font-weight: bold;
	padding-top: 10px;
	
}
div.ofertas_laborales_oferta{
	float:left;
	width:100%;	
	font-size: 10pt;
	padding-bottom: 10px;
	padding-top: 10px;
	
}
div.ofertas_laborales_oferta a{
	color: #666666;

}
div.ofertas_laborales_oferta_titulo{
	color: #003366;
	width:100%;
	float:left;
	font-weight: bold;

}
div.ofertas_laborales_ofertaext_imagen{
  width:25%;
  float:left;
  text-align:center;

}
div.ofertas_laborales_ofertaext{
	width:70%;
	float:left;
	padding-bottom: 20px;
	
}
div.ofertas_laborales_ofertaext_titulo{
	color: #003366;
	width:100%;
	float:left;
	font-weight: bold;
	padding-top: 20px;
	
	font-size: 13pt;
	text-transform: uppercase;

}