@charset "utf-8";
/* CSS Document */

body { font: 70% Verdana, sans-serif; color: #333; margin: 0; padding: 0; background: #c0c0c0;}
a {text-decoration: none;}
a img {border: none;}
a:link, a:visited {color: #01404f;}
html body a:hover {text-decoration: underline;}
p { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.0em; line-height: 1.5; margin: 0 0 0.5em 0; }
ul, ol, td { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.0em; margin: 0; }
label, input { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 0.9em; margin: 0; }

img { border: 0; padding: 0; margin-bottom: 0 }


/* contenedor*/

#container { position: relative;  width: 1000px; margin: 0 auto; text-align: left; padding: 0; background-color:#FFFFFF!important;}

/* cabecera*/

#header{ width:1000px; border-bottom:1px dotted #999999; padding-bottom:4px;}
#menu_idiomas{ width:1000px; background-color:#01404f; height:30px;}
#menu_idiomas p{float:right; color:#FFFFFF; padding-right:10px;}
#menu_idiomas p a:link {
	color: #FFFFFF;
}
#menu_idiomas p a:visited {
	color: #FFFFFF;
}
#menu_idiomas p a:hover {
	color: #CCCCCC;
}
#menu_idiomas p a:active {
	color: #FFFFFF;
}

.logo{width:335px; float:left;}
.banner{width:665px; float:right;}


/*---------------menu-----*/

.menu {
height:38px;
width:1000px;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:130%;
z-index:500;
margin-top:10px;
}

/*--- contenido*/

#contingut { width:1000px; float:left; background-color:#FFFFFF; }

.izda{width:190px; float:left;}
.dcha{width:780px; float:left; margin-left:10px; margin-top:20px; border:1px dotted #01404f; padding-bottom:20px;}
.dcha2{width:940px; float:left; margin-left:10px; margin-top:20px; border:1px dotted #01404f; padding-bottom:20px; background-color:#ffffff;}

 #menuv { width:180px; height:419px; padding:20px 0 0 6px; float:left;  }
#menuv ul{margin: 0;padding: 0;list-style-type: none;font-family: verdana, arial, Helvetica, sans-serif;}
#menuv li { margin: 0 0 6px 0; }
#menuv a{display: block;padding: 5px 10px;width: 140px;color: #01404f;background-color: #e6e6e6;text-decoration: none;background-image:url(../img/cubito.gif); background-repeat:no-repeat;
padding-left:20px;}
#menuv a:hover{color: #fff;background-color: #668c95;text-decoration: none;background-image:url(../img/cubo_blanco.gif); background-repeat:no-repeat;padding-left:20px;}
#menuv ul ul li { margin: 0 0 1px 0; }
#menuv ul ul a{display: block;padding: 5px 5px 5px 30px;width: 125px;color: #fff;background-color: #369;text-decoration: none;}
#menuv ul ul a:hover{color: #fff;background-color: #69C;text-decoration: none;}
.last{background-color:#e6e6e6; height:150px; width:170px;}
#menuv .select a{ background-color:#668c95; color:#FFFFFF;background-image:url(../img/cubo_blanco.gif); background-repeat:no-repeat;padding-left:20px; width:140px;}








#conten { float:left; padding:39px 0 0 20px; width:248px; }
#conten #ttl { color:#01404f;  padding:0 0 21px 14px; font-size:150%; background-image:url(../img/cubo_azul.gif); background-repeat:no-repeat;   }
#conten ul { margin:0 0 30px 0; padding:0px; }
#conten ul li { clear:both; width:248px; list-style:none; font-size:11px;  }
#conten ul li a { padding:7px 15px 6px 22px; display:block; color:#797979; background-color:#ffffff; text-decoration:none; background-image:url(../img/are_con_item.gif); background-repeat:no-repeat; background-position: 11px 12px; }
#conten ul li a:hover { padding:7px 15px 6px 22px; display:block; color:#797979; background-color:#e6e6e6; background-image:url(../img/are_con_item.gif); background-repeat:no-repeat; background-position: 11px 12px; }
#conten ul li a.active { padding:7px 15px 6px 22px; display:block; color:#797979; background-color:#e6e6e6; background-image:url(../img/are_con_item.gif); background-repeat:no-repeat; background-position: 11px 12px; }

.naranja a:link {font-size:100%; color: #666666;
	text-decoration: none; background-image:url(../img/naranja.jpg); background-repeat:no-repeat; padding-left:10px; }


.naranja a:visited {
	font-size:100%; color: #666666;
	text-decoration: none; background-image:url(../img/naranja.jpg); background-repeat:no-repeat; padding-left:10px; 
}
.naranja a:hover {
	text-decoration: underline;
	color: #FF9900;
}
.naranja a:active {
	font-size:100%; color: #666666;
	text-decoration: none; background-image:url(../img/naranja.jpg); background-repeat:no-repeat; padding-left:10px; 
}
 .fixa { float:right; background-color:#e6e6e6; margin:37px 6px 0 0; width:500px; padding:39px 0 4px 0;  }
html>body  .fixa {width:506px;}
.fixa .ttl { margin-left:24px; padding-right:20px;  background-repeat:repeat-y; padding-left:4px; background-position:top left;  }
.ttl span { background-color:#01404f; font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#ffffff; line-height:40px; }
 .fixa .text1 { padding:10px 21px 21px 30px; color:#797979; font-size:120%; }
 .fixa .text1 ul{list-style:none; }
 .fixa .text1 ul li{ line-height:20px;background-image:url(../img/cubito2.gif); background-repeat:no-repeat;
padding-left:14px; }
.text1 h1 { font-size:11px; font-weight:bold; margin:0px; padding:14px 0 0 0; color:#EB8F18; }
.text1 h2 { font-size:11px; font-weight:normal; margin:0px; padding:5px 0 0 0; color:#666D68; }
.text1 h2 a { text-decoration:none; color:#666D68; }
.fixa .sep { display:block; width:337px; height:1px; padding:0 1px 0 1px;  }


 .fixa2 { float:left; background-color:#ffffff; margin:10px 6px 0 0; width:750px; padding:2px 0 4px 20px; padding-bottom:10px; text-align:justify; }
  .fixa2 .text1 { padding:10px 21px 21px 30px; color:#797979; font-size:120%; }
 .fixa2 .text1 ul{list-style:none; }
 .fixa2 .text1 ul li{ line-height:20px;background-image:url(../img/cubito2.gif); background-repeat:no-repeat;
padding-left:14px; }

 .fixa3 { float:left; background-color:#ffffff; margin:10px 6px 0 0; width:900px; padding:2px 0 4px 20px; padding-bottom:10px; }
  .fixa3 { float:left; background-color:#ffffff; margin:10px 6px 0 0; width:900px; padding:2px 0 4px 20px; padding-bottom:10px; }

.fixa3  h2 { text-decoration:none; color:#666D68; font-size:120%; font-weight:bold;}
.txtnoticias a:link {
	color: #797979;
}
 .txtnoticias a:visited {
	color: #797979;
}
 .txtnoticias a:hover {
	color: #999999;
}
 .txtnoticias a:active {
	color: #797979;
}

.txtnoticias ul li {list-style:none; margin-top:10px;}
.fixa2 h2 {color:#01404f; font-size:120%;}

/*------------------footer----------------------*/


#pie{ width:1000px; background-color:#666666; height:20px; float:left; padding-top:6px; margin-top:20px;
}
.menupie{float:left; width:900px; margin-left:50px;  }

.menupie li {display: inline;list-style-type: none;padding-right: 20px;font-size:120%;border-right:1px solid #FFFFFF;padding-right:6px;padding-left:6px;}
.menupie a:link {	color: #FFFFFF;}
.menupie a:visited {color: #FFFFFF;}
.menupie a:hover {color: #01404f;}
.menupie a:active {	color: #FFFFFF;}
.ultima{border-right:none;}


/*-------------menu superior-------------*/
.clear{ clear:both;}
.preload2 {background: url(../img/button4.gif);}
.menu2 {padding:0 0 0 20px; margin-top:6px; list-style:none; height:40px; background:#fff url(../img/button1a.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.menu2 li.top {display:block; float:left; position:relative; border-left: 1px solid #FFFFFF; border-right:1px solid #fff;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:120%; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover { background: url(../img/button4.gif) no-repeat; color:#01404f;}
.menu2 li a.top_link:hover span {background:url(../img/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../img/button4a.gif) no-repeat right top;}
.menu2 li:hover > a.top_link {color:#01404f; background: url(../img/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../img/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../img/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #01404f; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../img/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(../img/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(../img/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}


#menu_izda {
	margin: 20px 0px 0px 10px;
	padding: 0 10px 0 0;
	float: left;
	width: 150px;
	
	
	
}
.primary{font-weight:bold;}
.secondary{font-weight:100;}
.producto{font-weight:100;}

#menu_izda img {
	margin: 0;
	padding: 0em 0em 1em 0em;
	
}
#menu_izda ul {
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 1em 1.5em;
	list-style: url(../img/arrow_right_down.jpg);
	
}
html>body #menu_izda ul {
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 1em 1.5em;
	list-style: url(../img/arrow_right_down.jpg);
	
}
#menu_izda ul li {
	margin: 0em 0em 1em 0em;
	padding: 0;
	color: #331d10;
}
#menu_izda ul li a {
	color: #331d10;
	text-decoration: none;
	/*border-bottom: 1px dotted #ef152d;*/
}
#menu_izda ul li a:hover {
	color: #999;
	text-decoration: none;
}
#menu_izda ul li ul{margin-top:10px; padding: 0em 0em 1em 0.6em; list-style: url(../img/icon_arrow.gif);}

#menu_izda ul li ul li{margin:8px 0px 0px 0px;
font-size:100%;}

#menu_izda ul li ul li ul li{margin:8px 0px 0px 0px; }

/*----------- formulario ------------*/


input {margin:0;}
html>body input {margin-top:2px; *margin-top:0px!important;}

.button-submit {position:relative;	top:5px;float:left;	margin-left:90px; margin-top:20px!important;}
html>body .button-submit {margin-left:80px;}


.c_etiqueta {display: block;width:10%; float: left; font-size:110%; }
	html>body .c_etiqueta {display: block;width:80px; float: left; }
	.c_columna {display:block;margin-top: 12px; }
	html>body .c_columna {display:block;margin-top: 12px; }


/*----------------extranet--------------*/
.vinetas-portada{ background-image:url(../img/background_vineta.jpg); background-repeat:no-repeat; background-position:top left; width:250px; min-height:148px; margin-top:20px; padding-bottom:10px; float:left; margin-left:10px;}
.vinetas-interior{ background-image:url(../img/background_vineta.jpg); background-repeat:no-repeat; background-position:top left; width:350px; min-height:148px; margin-top:20px; padding-bottom:10px; float:left;}



.dentro-vinetas{ margin-left:20px; border:1px solid #c0c0c0; padding-left:5px; padding-top:10px; margin-top:2px;}
.dentro-vinetas p {  font-weight:bold; margin-top:10px;}
.dentro-vinetas p a{  font-weight:bold;color:#333}

#login{
	width:700px;
	text-align:right;
	border:1px dotted #CCCCCC;
	height:20px;
	padding-top:10px;
	margin-bottom:10px;
	padding-right:10px;
	
}
#login a{color:#999;}
#login a:hover{color:#01404f;}

.areas{color:#01404f; font-size:120%; margin-bottom:20px;}

.areasextranet{background-color:#01404f; font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#ffffff; line-height:20px; width:300px; }
#subida{}
#lista{
  width:50%;
  float: right;
}

#bot_dcha{
	float: right;
	width: 20%;
}
.ex_lista_fil {}
.ex_cabecera {
    color:#01404f;
    font-size:90%;
}
.ex_nota {
    color:#01404f;
    font-size:90%;
    margin-top:5px;
}

.db_areas{color:#01404f; font-size:120%; margin-bottom:10px;}

.fixa .text2 { padding:10px 21px 21px 30px; color:#797979; font-size:120%; }
 .fixa .text2 ul{list-style:none; }
 .fixa .text2 ul li{ line-height:20px;/*background-image:url(../img/cubito2.gif); background-repeat:no-repeat;*/
padding-left:14px; }

 .fixa2 .text2 { padding:10px 21px 21px 30px; color:#797979; font-size:120%; }
 .fixa2 .text2 ul{list-style:none; }
 .fixa2 .text2 ul li{ line-height:20px;/*background-image:url(../img/cubito2.gif); background-repeat:no-repeat;*/
padding-left:14px; }

/**************************/
/**** FORMULARIO CV   *****/
/**************************/

.cv_col { border: hidden}
.cv_col_derecha {  width:45%; float:right;}
.cv_col_izquierda { margin-bottom:30px; float: left; width:52%;}
.cv_inf_derecha span {  font-weight:bold; padding:0px 10px 0 4px; font-size:11px; color:#ffffff; line-height:40px; width:99%; float:right; text-align:right; background-color:#e6e6e6; margin-top:0px!important;}
.cv_inf_volver span {  font-weight:bold; padding:0px 10px 0 10px; font-size:11px; color:#ffffff; line-height:40px; width:99%; float:left; text-align:left; background-color:#e6e6e6; margin-top:0px!important;}

.barrainferior{ width:99%; float:left; text-align:left; background-color:#e6e6e6; padding-left:10px; padding-right:10px; height:30px; padding-top:10px;}
.txtdcha{text-align:right; float:right; font-weight:bold;}
.txtizda{text-align:left; float:left; font-weight:bold;}
.barraaviso{ width:99%; float:left; text-align:left; background-color:#e6e6e6; padding-left:10px; padding-right:10px; padding-top:10px; margin-bottom:20px;}


.cv_central{ }
.col_final {  width:80%; float:left; margin-top:0px;}
.cv_oral_tit{float: left; padding-right: 20px; text-align:center; }
.cv_escrito_tit{text-align:left;}

.cv_oral{float: left; padding-right: 20px;}
.cv_escrito{}

.cv_etiqueta {display: block; padding-right:10px; text-align:right; width:135px; float: left; }
.cv_etiqueta2 {display: block; padding-right:10px; text-align:left; width:90px; float: left; }
.cv_columna {display:block; margin-top: 12px!important; }

.cv_textarea {overflow-x: hidden; overflow-y: hidden;}
.espacio{margin-top:20px;}

#empleo{ padding-left:10px; padding-right:10px;}
.entero{width:90%; float:left;}

		.foto_izda {
		float:left; padding:4px; /*meter una imagen y texto alrededor*/
		}

			.foto_dcha {
		float:right; padding:0 4px 4px 4px; /*meter una imagen y texto alrededor*/
		}
		
		.fondobrowser{background-color:#FFFFFF; padding-left:10px; padding-right:10px;}
		
		/*.fondobrowser INPUT{ background-color:#01404f; color:#FFFFFF; border:none; height:20px; }*/
		
		.blanco{background-color:#000000;}

		
		.bt{background-color:#01404f; color:#FFFFFF; border:none; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; border:1px solid #333333;}
		select {font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.0em; color:#000;}