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

body {font-family: verdana,sans-serif; padding: 0; margin: 0; background-color:#EEEEEE;}
img {border: none; }
ul{list-style-type: none;list-style-type:square; margin:0;padding:0 0 0 20px;}
li{margin:4px;}
a{ text-decoration:none; color:#666666;}
a:hover{ text-decoration:none; color:#999999;}
.clear{clear:both;}

.izquierda_4{ float:left; width: 680px; margin:4px 0px 0px 0px; background:#FFFFFF;}
.izquierda_5{ float:left; width: 680px; margin:4px 0px 0px 10px; background:#FFFFFF;}

#menu {width:900px; margin:10px auto -1px auto;} 
#menu div {float:right; background:url(../img/menu_izq.gif) no-repeat left top; padding:0 0 0 9px;} 
#menu a {display:block; background:url(../img/menu_der.gif) no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; font-family: Arial; font-size: 11px; color:#333333;}
#menu a:hover {color:#333;} 
#menu #activo {background-position:0 -150px; border-width:0;} 
#menu #activo a {background-position:100% -150px; padding-bottom:5px; color:#333;} 
#menu div:hover, #menu div:hover a {background-position:0% -150px;color:#333;} 
#menu div:hover a {background-position:100% -150px;}

.cabecera_apartado{ font-weight:bold;color:#FFFFFF;font-size:13px;padding:9px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;}
.cabecera_apartado a{ font-weight:bold;color:#FFFFFF;font-size:13px;padding:9px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;}
.cabecera_apartado a:hover{ font-weight:bold;color:#CCCCCC;font-size:13px;padding:9px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;}

.todo {width:900px; margin:0 auto 10px auto; background-color:#FFFFFF; border:2px solid #7A7A7A;}

#todo_usuarios {width:500px; margin:90px auto; background-color:#FFFFFF;}
#caja{border:1px solid #999; width:490px; margin:20px 0px; padding:0 0 0 7px; text-align:center;}

/* menu extensible */

#navcontainer {}
#navcontainer #navbox{height:30px; width:100%; padding:0; margin:0 auto; float:left; clear:both;}
#nuMainNav {clear: both; float:left; display:inline; list-style: none; padding:0; margin:0; height:28px; font-family: Verdana, sans-serif; font-size: 11px; text-align: center; z-index: 10;}
#nuMainNav li {display: inline; padding: 5px 5px 10px 5px; margin:0; position: relative; background: #fff; background:url(../img/wordbar.gif); z-index: 10;);
background-position:50% bottom; background-repeat:no-repeat; float: left; border:none; border-right:1px solid #999;}
#nuMainNav li a {padding:2px 5px 6px 5px; margin:0; color: #000; text-decoration: none; font-weight: bold;}
#nuMainNav li.end {border-right:1px solid #999;}
#nuMainNav li:hover, #nuMainNav li.over {z-index: 1000;}
#nuMainNav li:hover ul, #nuMainNav li.over ul {display: block;}
#nuMainNav ul, #nuMainNav iframe {text-align: left; margin: 0; padding: 0; display: none; list-style: none; position: absolute; left: -1px; top: 28px;right: auto; width: 19em;}
#nuMainNav iframe {top: 29px; height: 90px;}
#nuMainNav ul li.top {border: solid 1px; border-color:#999;}
#nuMainNav ul li { margin: 0; border: solid 1px #999; border-top: none; width: 19em; background:url(../img/bg_rightnav_0.gif); background-repeat:no-repeat; background-position:left 50%; padding:4px 10px; line-height: 15px; font-weight: bold;}
#nuMainNav ul li a {display: block; margin: 0; padding: 0; text-decoration: none; background-image: none; width: 100%;}
#nuMainNav a {color: #fff;}
#nuMainNav a:hover {color: #000;}
#nuMainNav ul li {border-color: #999; background-color: #fff;}
#nuMainNav li:hover ul li:hover, #nuMainNav li.over ul li.over { background:url(../img/bg_rightnav_1.gif); background-repeat:no-repeat; background-position:left 50%; background-color: #fff;}
#nuMainNav ul a {color: #000;}
#nuMainNav ul a:hover {color: #000;}

/* fin menu extensible */

#searchbox {width:270px;height:26px;padding:1px;margin:0;float:right}
#searchbox .inpt {width:180px;height:17px;border:1px solid #999;position:relative;padding:1px;margin:0;font-size:10px;top:-5px;}

.cabecera{ clear:both; width:900px; margin:0 auto 0px auto; height:167px; background:url(../img/cabecera_enersafety.gif) no-repeat;}
.cabecera_2{ clear:both; width:900px; margin:0 auto 0px auto; height:167px;}

#cabecera_apartado{width: 890px; height:30px; margin:-3px 0px 20px 0px; padding:0 0 0 10px; background-color:#77787a;}
.cabecera_apartado{ font-weight:bold;color:#FFFFFF;font-size:13px;padding:9px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;}

#izquierda_3{ float:left; width: 680px; margin:4px 0px 0px 10px; background:#FFFFFF;}

.direc_centrado{ width: 600px; margin:0 auto; background:#FFFFFF;}

#izquierda_noticias{ float:left; width:330px;}

.relacionados{ padding:0 0 10px 0;background:#fff;margin:0; border-right:1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-left:1px solid #CCCCCC;}
.relacionados h5{font-weight:bold;color:#333;font-size:13px;padding:7px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;border-top:1px solid #666666;border-bottom:1px solid #666666;background:#CCCCCC;}
.relacionados h2{font-size:11px;padding:0;margin:5px;}
.relacionados h2 a{font-size:11px;font-family:Georgia;font-weight:normal;text-decoration:none; color:#999999;}
.relacionados h2 a:hover{font-size:11px;font-family:Georgia;font-weight:normal;text-decoration:none; color:#F6A71C;}

#derecha_noticias{ float:right; width:330px;}
.derecha{float:right; width: 190px; margin:4px 9px 0 0;}
#caja_der_nar{width: 180px; margin:0 auto 5px auto; border: 1px solid #1E8CC8; padding:5px 3px 0px 2px;}
#usuarios_izq{width:150px; margin:0 auto; padding:5px;}
.usuario{ margin:0 0 8px 0;}
.entrar{ margin-top:8px;}
.derecha_img{float:right; width: 186px; height: 76px; margin:0px 0 10px 0;}
#contacto{background-image:url(../img/contacto.png)}
#empleo{background-image:url(../img/empleo.png)}
#izquierda_2{float:left; width: 680px; margin:33px 0px 0px 10px; background:#FFFFFF;}

.noticia{ background:#FFFFFF; padding:0 9px 0 9px;}

#noticia_form{ width:500px; padding:0 9px 0 9px; margin:0 auto;}
#volver{ margin:0 auto; margin:0 10px 10px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999;}
#fecha{width: 649px; padding:0px 10px 0px 10px; background:#FFFFFF;}

.izquierda_2{width: 890px; margin:20px auto;}
.izquierda_error{ margin:4px 0px 0px 10px; background:#FFFFFF;}

#derecha_1{float:right; width: 190px; margin:-5px 9px 0 0;}

.izquierda{float:left; width: 890px; margin:4px 0px 0px 0px; background:#FFFFFF;}

.menu_izquierda{ float:left; width:185px;}

.izquierda_img{margin:10px 0; width:180px;}


.index_centrado{ float:left; width: 690px; margin:10px 5px; background:#FFFFFF;}

.informacion{ float:right; width:460px; margin: 0 0px 10px 5px; padding:0 10px 0 0; }
.informacion_derecha{ float:right; width:670px; margin: 0 0px 10px 5px; padding:0 10px 0 0; }

.departamentos{ margin:0px 0px 10px 0; border-color:#ACACAC;border-style:dashed; border-width:0 0 1px; height:18px;}

.contenido_departamentos{margin:2px 0px 10px 0;}

#contenido_segvial{margin:0 auto; height:250px; width:400px; background-image:url(../img/seg_vial.jpg)}
#contenido_flash{margin:2px 0px 10px 0;}

.foto{ float:left; margin:0px 10px 10px 0; }

#servicios_actividades{text-align:left;margin:0 5px;}

.servicios_actividades_2{padding:10px; border:1px solid #CCCCCC;}
#servicios_fondo{text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; background-image:url(../img/fondo_int.gif);margin:0; text-decoration:none;}
#texto_2{ margin:0px}
#izquierda_text{margin:10px 5px 5px 10px; width:425px;}
#mapa{ margin:0 auto;}

.contenido_departamentos_2{margin:2px 0px 10px 0; border:1px solid #CCCCCC;}

#formulario{ margin:0 auto; width:380px; text-align: right;}
#formulario_empleo{ margin:10px; width:500px; text-align: right; padding:5px}
#formulario_botones{width:100%;text-align:center;padding:10px 0 0}
.formulario_botones{width:100%;text-align:center;padding:0;}

#servicios_texto_centro{text-align:justify;float:none;clear:both;width:100%}

.cabecera_ficha{ margin:0 auto;}

.fondo_amarillo{ margin:0 auto; background-color:#FFFF00; height:30px; padding:1px 2px 10px 7px;}

.fondo_naranja_2{ margin:0 auto; background-color:#F6A71C; height:50px; padding:1px 2px 4px 7px;}

#servicios_texto_centro{text-align:justify;float:none;clear:both;width:100%}

.usuarios{text-align: left; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; }
.formulario_azul{ font:0.8em Arial, Helvetica, sans-serif; color:#38AAFF;}
.normal { font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#666666; text-align:justify;}
.normal_2 { font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#999999; text-align:justify;}
.gris{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333; font-weight:bold;}

.relacionados h6{font-weight:bold;color:#666666;font-size:13px;padding:7px 5px 5px 5px;margin:0 0 10px 0;text-align:left;font-family:Helvetica;border-top:1px solid #666666;border-bottom:1px solid #666;background:#E0E0E0;}
.menu_titulares{font-family:Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;font-weight:700;color:#214E6C;text-decoration:none; margin-bottom:7px;}
.naranja{ font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FF9714;}
.menu_mas,.menu_mas:link,.menu_mas:visited,.menu_mas:active{font-family:Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;font-weight:700;color:#f6a71c;text-decoration:none}
.menu_x,.menu_x:link,.menu_x:visited,.menu_x:active{font-family:Arial, Helvetica, sans-serif;font-size:20px;font-style:normal;font-weight:700;color:#000;text-decoration:none}
.texto_izquierda{font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#666666; text-align:center; line-height:20px;}
.negrita_2{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#666666; text-align:left; font-weight:bold;}
.menu_subtit,.menu_subtit:link,.menu_subtit:visited,.menu_subtit:active{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;font-weight:700;color:#008AD5;text-decoration:none}
.blanco{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333; text-align:left; font-weight:bold; padding-top:10px;}
.azul{ font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#333333; text-align:left;}
.gris_centrado{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333; font-weight:bold; text-align:center;}
.gris_centrado a{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#333333; font-weight:bold; text-align:center;}
.gris_centrado a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#1E8CC8; font-weight:bold; text-align:center;}
.menu_texto{font-family:Arial, Helvetica, sans-serif; font-size:11px;font-style:normal;font-weight:400;color:#5C6062;text-decoration:none; border:1px solid #CCCCCC;}
.negrita_gran{font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#999999; text-align:left; font-weight:bold;}



/*- Menu izquierda-*/

.arrowlistmenu{ float:left;width: 180px; /*width of accordion menu*/}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 11px Arial; color:#666666; background: black url(../img/prueba_menu.gif) repeat-x center left; margin-bottom: 10px; margin-top:2px;/*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 15px; /*header text is indented 10px*/ cursor: pointer;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url(../img/2_prueba_menu.gif);}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{color:#333; /* background: url(../img/arrowbullet.png) no-repeat top left; custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-weight:200; font-size: 70%; border-bottom: 1px solid #dadada; border-right:1px solid #dadada;}
.arrowlistmenu ul li a:visited{color:#333;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/color: #1e8cc8; background-color: #F3F3F3;}

/*- fin Menu izquierda-*/





/*----------------------------------------------------------------------------------------------------------------------*/

.new {width: 680px; margin:5px auto;}

.newsheader {width:680px; height:54px;border-top:1px solid #1E8CC8;border-bottom:1px solid #1E8CC8;background:#EEE;}
.newslogo {float:left;clear:left; text-align:center; margin:2px 8px 2px 5px;}
.newsheaderdata { float:right; clear:right; width:600px; margin:7px 8px 2px 8px; }
.newsheaderinfo {display: block; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#F6A71C; text-align:left; font-weight:bold;}
.newsbody {font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#999999; text-align:justify; margin:5px 8px 4px 5px;}
.newsfooter {display: block; margin:7px 0px 10px 0px; border-top:1px solid #CCCCCC; list-style-type:decimal; padding:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#666666; font-weight:bold;}

.newsheadertext {display: block; font-family:Arial, Helvetica, sans-serif; font-size:15px;color:#666666; text-align:left; font-weight:bold;}


/*----------------------------------------------------------------------------------------------------------------------*/

.new_2 {width: 460px; margin:5px auto;}

.newsheader_2 {width:460px; height:70px;border-top:1px solid #1E8CC8;border-bottom:1px solid #1E8CC8;background:#EEE;}
.newslogo_2 {float:left;clear:left; text-align:center; margin:11px 8px 2px 5px;}
.newsheaderdata_2 { float:right; clear:right; width:393px; margin:7px 2px 2px 2px; }
.newsheaderinfo_2 {display: block; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#F6A71C; text-align:left; font-weight:bold;}
.newsbody_2 {font-family:Arial, Helvetica, sans-serif; font-size:13px;color:#999999; text-align:justify; margin:5px 8px 4px 5px;}
.newsfooter_2 {display: block; margin:7px 0px 10px 0px; border-top:1px solid #CCCCCC; list-style-type:decimal; padding:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#666666; font-weight:bold;}

.newsheadertext_2 {display: block; font-family:Arial, Helvetica, sans-serif; font-size:15px;color:#666666; text-align:left; font-weight:bold;}

.negrita{font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#999999; text-align:left; font-weight:bold;}


.nonoticias { float:right; width:440px; margin: 100px 0px 10px 5px; padding:5px; border-top:1px solid #1E8CC8;border-bottom:1px solid #1E8CC8;background:#EEE; font-family:Arial, Helvetica, sans-serif; font-size:14px;color:#999999; text-align:center; font-weight:bold; }
/*Envio de contraseña*/
.loading {width:32px; height:32px; background-image:url(../img/loading.gif)  }
.cerrar-registro {font-family:Arial, Helvetica, sans-serif; font-size:10px;color:#999999; text-align:right; font-weight:bold;}
.recordar_pass {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#999999; text-align:left; font-weight:bold;}
.error {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:red; text-align:left; font-weight:bold;}
.exito {font-family:Arial, Helvetica, sans-serif; font-size:12px;color:green; text-align:left; font-weight:bold;}
.logo { background-image:url(../img/logo.png); width:179px; height:44px }

/*--------------------------------------------------------------------*/
img.shot {
	top: -34px;
	left: -19px;
	z-index: 0;
	width: 202px;
	height: 187px;
	position: absolute;
}

img.shot_logo {
	top: 183px;
	left: 247px;
	z-index: 0;
	width: 175px;
	height: 40px;
	position: absolute;
}

img {
  border: 0;
}

h1 {
  z-index: 1;
  font: 1.4em Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-style: normal;
  font-weight:bold;
  margin: 0;
  position: relative;
}

#content {
  position: relative;
  margin:0 auto;
  width: 650px;
  height:420px;
  top: 0px;
}

#for-bubble, #sin-bubble, #prl-bubble, #doc-bubble, #con-bubble, #ing-bubble {
  position: absolute;
  width: 202px;
  height: 202px;
  text-align: center;
}
/*-----------------------------------------*/
.page-columns {
	height:300px;
	position:relative;
	text-align:left;
	width:500px;
}
.center-column {
	margin:0 135px;
	padding:7px;
	text-align:left;
}
.left-column {
	left:0;
}
.right-column {
	right:0;
}
.left-column, .right-column {
	padding:7px;
	position:absolute;
	text-align:left;
	top:0;
	width:130px;
}
table.gsc-branding {
	display:none;
	height: 0px;
	float: right;
	border-style: solid;
	}
.gsc-resultsRoot {
	background: #E6E6E6;
	border: medium solid #999999;
	height: auto;
	padding: 10px;
	width: 500px;
	position:absolute;
	top: 225px;
	right: 406px;
}
.gsc-resultsHeader{
	background: #D8D8D8;
}
.panel_search_result, .gsc-resultsbox-visible {
	position:absolute;
	top: 225px;
	right: 406px;
}