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

	/* Reset */
		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-weight: inherit;
			font-style: inherit;
			font-size: 100%;
			font-family: inherit;
			vertical-align: baseline
		}
		
		
		:focus {outline: 0}
		
		body {
			line-height: 1
		}
		
		ol, ul {list-style: none}
		
		/* Las tablas necesitan 'cellspacing="0"' en el marcado */
		table {
			border-collapse: separate;
			border-spacing: 0
		}
		
		caption, th, td {
			text-align: left;
			font-weight: normal
		}
		
		blockquote:before, blockquote:after, q:before, q:after {content: ""}
		blockquote, q {quotes: "" "" }


 Encabezados 
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}


	
/* Hipervinculos */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #000000; text-decoration: none}
	a:hover, a:active {color: #000000; text-decoration:underline}
	
/* Parrafos */
	p {
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	margin-bottom: 1em;
	margin-top: .6em
	}
/* Citas */
	blockquote {
		width: 98%;
		margin: 2em auto;
		padding: .5em 1em 0 1em;
		border: 1px solid #e5e5e5;
		background: #f5f5f5;
		font-style: italic
	}
	
	blockquote p.citasource {border: 0; text-align: right; font-style: normal; font-weight: bold}
/* Formato */
	strong {
		font-weight: bold
	}
	
	acronym {
		border-bottom: 1px dotted #98be50
	}
	
	code { /*para mostrar codigo*/
		font-size: .9em;
		margin: auto;
		margin-bottom: 1.5em;
		margin-top: 1.5em;
		padding: 1em;
		font-family:'courier new', courier, monospace, serif;
		background: #fff url('imagenes/code-bg.gif') no-repeat top right;
		color: #555;
		display: block;
		width: 80%;
		border: 1px solid #ddd
	}
/* Alineaciones */
	.float-left {float: left; margin-right: 1em}
	.float-right {float: right; margin-left: 1em}
	
	
/* Cuerpo */
	body, html, input, textarea{
	text-align: left;
	font-family: arial, verdana, serif;
	color: #666666;
	font-size: 11px;
	}
	body, html {
	height:100%;
	width:100%;
	background-color: #454444;
	}
	
	
/***** Diseño del Layout *****/
div#container {
	width: 965px;
	margin: auto;
}


.hide {
	visibility: hidden;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	float: left;
}
.limitador {
	width: 981px;
	margin: auto;
}
/*HEAD*/
#head{
	height: 100px;
	background-color: #000000;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 100%;
	color: #FFFFFF;
	background-image: url(../images/general/fond_head.jpg);
	background-repeat:   repeat-x;
	background-position: bottom;
}
#head a{
	color: #FFFFFF;
}
#logo {
	float: left;
}
#lang {
	padding-top: 13px;
	padding-left: 1px;
	float: right;
	height: 24px;
}
#lang li{
	display:inline;
	padding-left: 12px;
	padding-right: 12px;
}
#logout {
	padding-top: 13px;
	padding-left: 1px;
	float: right;
	height: 24px;
}
#logout li{
	display:inline;
	padding-left: 12px;
	padding-right: 12px;
}
#config {
	padding-top: 13px;
	padding-left: 1px;
	float: right;
	height: 24px;
}
#config li{
	display:inline;
	padding-left: 12px;
	padding-right: 12px;
}

#menu_top{
	height: 22px;
	float: right;
	width: 710px;
	margin-top: 30px;
}
#menu_top li{
	height: 21px;
	float: left;
	display:block;
	padding-top: 10px;
	padding-right: 14px;
	padding-left: 14px;
}

/*FOOT*/
#foot{
	height: 75px;
	background-color: #454444;
	color: #FFFFFF;
	clear: both;	
}
#foot a{
	color: #FFFFFF;
}
#copyright, #ft_enlaces{
	padding: 10px;
}
#copyright{
	float: left;
	padding: 10px;
}
#ft_enlaces{
	float: right;
}
/*BODY*/
#body{
	height: 430px;
	width: 100%;
	background-color:#EDF0F4;
}
#body_ini{
	min-height: 218px;
	width: 100%;
	background-color:#EDF0F4;
}

#contenedor{
	/*min-height: 179 px;*/
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C4c4c4;
	border-left-color: #C4c4c4;
	background-color: #EDF0F4;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4c4c4;
}
#linfoot{
	background-color: #00B8E0;
	height: 6px;
}
/*MENU LATERAL*/
#lateral_izq{
	float: left;
	width: 220px;
	min-height:500px;
	padding-right: 10px;
}
#menu{
	background-color: #FFFFFF;
	width: 208px;
	min-height: 339px;
	float: left;
	border: 1px solid #C4C4C4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 12px;
}

/* menu lateral*/
ul ul li {padding: 0;margin: 0px;width: 100%;}
		
#navigation { margin: 0px; padding: 0;}
#navigation a img{
	vertical-align: middle;
	padding-right: 5px;
}

#navigation a {
	display:block;
	height: 18px;
	width: 180px;
	color: #666666;
	line-height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C4C4C4;
	font-weight: normal;
	/*background-color: #EEEEEE;*/	
	margin-top: 12px;
	margin-left: 10px;
}
#navigation a.current {
	background-color:#FFFF99;
	
}

#navigation a.head {
	height: 33px;
	border-bottom-width: 2px;
	margin-left: -10px;
	padding-left: 10px;
	width:100%;
	margin-top: -2px;
	font-size: 14px;
	color: #816152;
	padding-bottom:-10px;
}
#navigation a:hover.head {
	background-color: #FFFFFF;

	height: 33px;
	border-bottom-width: 2px;
	margin-left: -10px;
	padding-left: 10px;
	width:100%;
	margin-top: -2px;
	font-size: 14px;
	color: #816152;
	padding-bottom:-10px;
}
#navigation a.head img{
	vertical-align: middle;
	padding-right: 10px;
}
#navigation a.selected {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 8px;
}

#navigation a.selected2 {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 8px;
}

#navigation a:hover {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 8px;
	text-decoration:none;
}

#navigation a:active {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 8px;
}

#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; display:inline;
}

.menu_visit {
	color:#6392BD;
}

#navigation .subnavigation a {
	display:block;
	height: 15px;
	width: 146px;
	color: #666666;
	line-height: 15px;
	border-bottom-width: 0px;
	font-weight: normal;
	/*background-color: #EEEEEE;*/	
	margin-top: 12px;
	margin-left: 34px;
	padding-left: 5px;
}
#navigation .subnavigation a:hover {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 32px;
	text-decoration:none;
	padding-left: 7px;
}

#navigation .subnavigation a:active {
	background-color: #696969;
	color: #FFFFFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left: 2px;
	margin-left: 32px;
	padding-left: 7px;
}



/*mewnu ayuda*/
#ayuda{
	background-color: #EEEEEE;
	width: 208px;
	height: 58px;
	float: left;
	border: 1px solid #C4C4C4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#ayuda h2{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}
#ayuda ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#ayuda li {
	list-style:none outside none; display:inline;
}
#ayuda li a {
	display:block;
	height: 18px;
	color: #000000;
	font-size: 11px;
	background-image: url(../images/general/iconos_menu/ico_ayuda.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 19px;
	line-height: 11px;
	vertical-align: middle;
	padding-top: 2px;
}


/*CUERPO CENTRAL*/
#central{
	float: left;
	padding-left: 10px;
	width: 703px;
	padding-right: 10px;
	border: 1px solid #C4C4C4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
}
#breadcrumb{
	height: 17px;
	float: left;
	width: 98%;
	border: 1px solid #D4D2D3;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin-top: 10px;
	background-image: url(../images/general/fond_breadcrumb.jpg);
	padding-top: 6px;
	padding-left: 11px;
	font-size: 11px;

}
#breadcrumb li{
	float: left;
	display: block;
	padding-right: 3px;
}

#breadcrumb li a{
	color: #696969;
	text-decoration: underline;
}
#breadcrumb li a{
	color: #696969;
}

#title{
	padding-top: 12px;
	padding-bottom: 11px;
	font-size: 26px;
	color: #151515;
	font-weight: bold;
	/*float: left;
	width: 710px;*/
	float: left;
	width: 100%;	

}
#botonera{
	height: 21px;
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
#tabs{
	float: left;
}

#tabs li{
	float: left;
	display: inline;
	height: 21px;
}

#tabs a{
	color: #949494;
	display: block;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #AAAAAA;
	background-image: url(../images/general/pesta_pasiva.jpg);
	background-repeat:  repeat-x;
	min-width: 65px;
	height: 15px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	border-top-right-radius: 3px;
}
#tabs a:hover{
	text-decoration: none;
	background-image: url(../images/general/pesta_activa.jpg);
	background-repeat:  repeat-x;
}

#tabs a img{
	vertical-align: middle;
	padding-right: 5px;
}


#tabs .tab_activo {
	color: #696969;
	display: block;
	vertical-align: middle;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/general/pesta_activa.jpg);
	background-repeat:  repeat-x;
	min-width: 65px;
	height: 15px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D2D3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-left-color: #AAAAAA;

}

#bton_new{
	float: right;
}
#bton_new a{
	float: right;
	display: block;
	background-image: url(../images/general/iconos_new/fond_boton.jpg);
	background-repeat:  repeat-x;
	height: 18px;
	min-width: 101px;
	border: 1px solid #AAAAAA;
	margin-top:-5px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: middle;
	min
}
#bton_new a:hover{
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #AAAAAA;
	height: 17px;
	min-width: 100px;
	text-decoration: none;	

}
#bton_new img{
	vertical-align: middle;
}

#bton_new2{
	float: right;
	margin-top:-7px;
}
#bton_new2 a{
	float: right;
	display: block;
	background-image: url(../images/general/iconos_new/fond_boton.jpg);
	background-repeat:  repeat-x;
	height: 18px;
	min-width: 101px;
	border: 1px solid #AAAAAA;
	/*margin-top:-5px;*/
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
	vertical-align: middle;
}
#bton_new2 a:hover{
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #AAAAAA;
	height: 17px;
	min-width: 100px;
	text-decoration: none;	

}
#bton_new2 img{
	vertical-align: middle;
}


/*TITULAR FORM*/
#head_form{
	float: left;
	width: 100%;
	background-color: #696969;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 20px;
}
#head_form h2{
	color: #FFFFFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
	line-height: 20px;
	margin-left: 10px;
	font-weight: bold;
}


/*tabla datos*/
#table {
	/*float: left;*/
	/*height:200px;*/
	float: left;
	width: 100%;
	font-size: 12px;
	color: #696969;

}
#table td,th{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ffffff;
	border-bottom-color: #e5e5e5;
	height: 27px;
	padding-left: 8px;
	vertical-align: middle;
}
#table input,textarea{
	background: url(../images/general/fond_input.jpg);
	background-repeat:   repeat-x;
	border: 1px solid #D3D3D3;
}
a.input_button{
	background: url(../images/general/fond_input.jpg);
	background-repeat:   repeat-x;
	border: 1px solid #D3D3D3;
	font-family: arial, verdana, serif;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 25px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #666666;
}
a.input_button:active{
	text-decoration: none;
	color: #666666;
	padding-right: 9px;
	padding-left: 11px;
	
}

#tdfin td{
	border-bottom-color: #eeeeee;
}
#table th{
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;	
}
#table tr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}

#table table{
	margin-bottom: 20px;
	width: 100%;
}
/*pie tabla*/
#tbfoot{
	background-color: #e5e5e5;
	height: 26px;
	vertical-align: middle;
	/*line-height: 25px;*/
	float: left;
	width: 100%;
	margin-bottom: 10px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #BBBBBB;
}
#pagination{
	float: right;
	padding-right: 8px;
	padding-top:4px;

}
#pgbtons{
	float: left;
	visibility:hidden;
	
}
#ira{
	float: left;
	visibility:hidden;
}
#pagination a {
	width: 26px;
	height: 15px;
	border: 1px solid #AAAAAA;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
}
#pagination a.anterior {
	background-image: url(../images/general/iconos_paginacion/ico_izq.jpg);
}
#pagination a.siguiente {
	background-image: url(../images/general/iconos_paginacion/ico_izq.jpg);
}
#pagination a:hover {
	height: 14px;
	width: 25px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #AAAAAA;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	border-left-color: #AAAAAA;
}


#buscar{
	float: left;
	height: 25px;
	padding-top: 4px;
}
#buscar input{
	border: 1px solid #e5e5e5;
	padding-left: 5px;
}

/*layout FORM*/
#form{

	padding: 10px;
	float:left;
}
.row{
	padding-top: 7px;
	float:left;
	clear: both;
	width: 100%;
}
.td{
	padding-right: 5px;
	float:left;
}
.td_label{
	padding-right: 10px;
	float:left;
	text-align: right;
	width: 135px;
	padding-top: 7px;
}
.td input,select{
	margin-top: 5px;
	font-family: arial, verdana, serif;
	color: #666666;
	font-size: 11px;
}
#form fieldset {
	margin-top: 5px;
	border: 1px solid #cccccc;
	padding: 10px;
}

/*layout detalle*/
#detalle{
	float: left;
	width: 660px;
	margin-top: 10px;
	margin-bottom: 35px;
	margin-left: 18px;
	font-size: 12px;
	color: #696969;
}	
.head_det{
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	padding-bottom: 12px;
	padding-left: 3px;
	clear: both;
	height: 6px;
	padding-top: 16px;
}
.head_det img{
	vertical-align: middle;
}
.row_a{
	float:left;
	clear: both;
	width: 100%;
}
.row_b{
	float:left;
	clear: both;
	width: 100%;
	background-color: #F5F5F5;
}
.td_d{
	float:left;
	width: 320px;
	padding-left: 10px;
	min-height: 24px;
	line-height: 24px;
}
.td_full{
	float:left;
	width: 100%;
	padding-left: 10px;
	min-height: 24px;
	line-height: 24px;
}

/* acciones ajax*/
.acciones{
	padding-left:10px;
	padding-right: 10px;
	margin-bottom: 20px;
	margin-top: -20px;
}



/*PANTALLA INICIO*/
#presentacion {
	border: 1px solid #C8C8C8;
	float: left;
	height: 179px;
	width: 563px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/general/fond_presentacion.jpg);
	padding-top: 41px;
	padding-left: 77px;
	margin-bottom: 10px;
}
#login {
	border: 1px solid #C8C8C8;
	float: right;
	height:144px;
	width: 234px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/general/fond_login.jpg);
	background-repeat:  repeat-x;
	background-position: right top;
	padding-top: 75px;
	padding-left: 65px;
}
#form_login {
	float: left;
	text-align: right;
}
#form_login input {
	margin-bottom: 8px;
	border: 1px solid #C4C4C4;
	font-size: 12px;
	line-height: 12px;
	color: #4E4E4E;
}
#recordatorio{
	font-size: 12px;
	line-height: 12px;
	color: #4E4E4E;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #C4C4C4;
	clear: both;
	padding-top: 10px;
	margin-left: -15px;
	width: 199px;
}
#recordatorio img{
	vertical-align: middle;
}

/*DATAPICKER*/
.picker {
	cursor: pointer;
	width: 13px;
	height: 12px;
	display: inline-block;
	margin-left: -19px;
	margin-top: 8px;
	position: absolute;
	display: inline;
	background-image: url(../images/img_datepiker/calendar.gif);
	background-repeat: no-repeat;
	z-index: 0;
}

/*aviso*/
/*#aviso{
	background-color:#FFB9B7;
	text-align: center;
	vertical-align: middle;
	color: #900;
	padding: 25px;
}*/


/*TABLA DOCUMENTACION*/
.table td{
	border: 1px solid #CCC;
	padding: 5px;
	text-align: center;
	vertical-align: middle;	
}
.table_head{
	font-weight: bold;	
	}
.table_left{
	text-align: left;
}
.prioridad_alta{
	background-color:#F9C5AC;
}
.prioridad_media{
	background-color:#F7DA77;
}
.prioridad_baja{
	background-color:#ACFE94;
}
/*AUTOCOMPLETE form*/
div.auto_complete {
width: 350px;
background: #fff;
}
div.auto_complete ul {
border:1px solid #888;
margin:0;
padding:0;
width:100%;
list-style-type:none;
}
div.auto_complete ul li {
margin:0;
padding:3px;
}
div.auto_complete ul li.selected { 
background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
color: #800; 
margin:0;
padding:0;
}


/*avisos evaluacion riesgos*/
.avis_er_verde {
	padding:3px;
	background-color:#E2FFC4;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
 .avis_er_naranja {
	padding:3px;
	background-color:#FFEAC4;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }
 .avis_er_rojo {
	padding:3px;
	background-color:#FFC5C4;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }