/**********************************************************************************************
HOJA DE ESTILOS GENERAL DE LA APLICACION -- ADRIAN 04/08/2009

GAMA DE COLORES

#da251c = ROJO LOGOTIPO
#29166f = LETRA AZUL LOGO


#F5f7f7 = GRIS CLARO
#D8DBD4 = GRIS MAS OSCURO
#666666 = GRIS MUCHO MAS OSCURO

***********************************************************************************************/

/* ESTILOS GENERALES */
body {
	background: #ffffff;
	font-family:sans-serif;
	font-size:90%;
}

a {
	background-color: inherit;
	color: #000000;
	text-decoration: none;	

}
a:hover {
	background-color: inherit;
	color: #F24F00;
	text-decoration: underline;
}

h1 {
	font-size: 18px;
	margin-bottom: 3px;
	font-weight:bold;
}



h2 {
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 16px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
	text-decoration: underline;
}
h3 {
	font-family:'sans-serif';
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
	color:#666666;
}
h4 {
	color: #993;
	font-weight: bold;
	padding-top: 2px;
	
}


.enlaceBlanco {
	background-color: inherit;
	color: #FFFFFF;
	text-decoration: none;	

}

.enlaceBlanco:hover {
	background-color: inherit;
	color: #FFFFFF;
	text-decoration: none;
	text-decoration: underline;		

}


/* MAQUETADO PORTAL*/

#contenedor{
	margin: 0 auto;
	width: 950px;
	background-color: #FFFFFF;
}

#header{
	background-color: #da251c;
	margin: 0 auto;
	width: 950px;
	padding: 0px;
}

#header .subHeaderAdmin{
	background-color: #000000;
	margin: 0 auto;
	width: 944px;
	padding: 3px;
	color:#FFFFFF;	
	text-align:right;
	font-family:arial;
	font-size:12px;
}

#footer{
	margin: 0 auto;
	width: 950px;
	padding: 0px;
	font-family: monospace;
	font-size: 11px;
	text-align: center;
	border-top:1px solid #D8DBD4;
	float: left;
	margin-top: 3px;
	color:#666666;
}

#main{
	width: 738px;
	padding:3px 3px 3px 5px;
	float: left;
	background-color: #FFFFFF;
	clear: right;
	border-left: #666666;
	min-height:400px;
	border-left: 1px solid #D8DBD4;
}

#left {
	height:auto;
	width: 199px;
	padding: 2px 0 0px 2px;
	margin: 0;
	float: left;
	background-repeat: no-repeat;
	background-color:#666666;
	min-height:403px;
	border-right: 1px solid #D8DBD4;
} 

#mainNav .menu {
	height:auto;
	width: 196px;
	padding: 2px 0 2px 2px;
	margin: 0;
	float: left;
	text-align: left;	
	background-repeat: no-repeat;
	background-color:#666666;
	margin-bottom: 10px;
	border-bottom:1px solid #D8DBD4;
}

#mainNav .label{
	color:white;
	font-weight: bold;
	margin-left:3px;
	margin-top:3px;
}

#mainNav .menu ul {
	margin:0; 
	padding:0;
}

#mainNav .menu li {
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
	font-size: 0;
	display: block;
	text-indent: 3px;
}
#mainNav .menu a {
	width:185px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border: 0;
	line-height: 20px;
	font-weight:normal;
	text-decoration: none;
	color:#FFFFFF;
	font-size:xx-small; 
	overflow:hidden;
	background-color:#666666;
	/*font-weight:bold;*/
	margin-left: 10px;
}
#mainNav .menu a:link, a:visited, a:active {
}
#mainNav .menu a:hover {
	color: #666666;
	background-position: -151px 0;	
	z-index: 50;
	background:url(../img/controles/arrow_right2.gif);
	background-repeat:no-repeat;
	background-position:5px;
	background-color: #D8DBD4;
	text-indent: 15px;
	font-weight:bold;
}

#mainNav .separador{
	border-bottom:1px solid #000000;
}

#mainNav .menuTop {
	height:auto;
	width: 188px;
	padding: 5px;
	margin: 0;
	float: left;
	text-align: left;	
	background-repeat: no-repeat;
	background-color:#666666;
	margin-bottom: 0px;
	border-bottom:1px solid #D8DBD4;
}

#mainNav .menuTop a {
	width:180px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display: block;
	border: 0;
	line-height: 20px;
	font-weight:normal;
	text-decoration: none;
	color:#FFFFFF;
	font-size:small; 
	overflow:hidden;
	background-color:#666666;
	/*font-weight:bold;*/
	margin-left: 5px;
}
#mainNav .menu a:link, a:visited, a:active {
}
#mainNav .menuTop a:hover {
	color: #FFFFFF;
	background-position: -151px 0;	
	z-index: 50;
	background-repeat:no-repeat;
	background-position:5px;
	font-weight:bold;
	text-decoration: underline;
}


/*********************************************************************/
/* TABLAS */
/*********************************************************************/

table {
	empty-cells: show;
	border: 1px solid #858265;
	margin-bottom: 5px;
}

table tr.h3  td{
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#333321;
}

th {
	/*font-family: monospace;*/
	font-size: 10px;
	background-color: #666666;
	padding: 5px;
	color:#FFFFFF;
	text-align: center;
}

th  a{
	padding: 3px;
	color:#FFFFFF;
}

th  a:hover{
	padding: 3px;
	color:#FFFFFF;
}

td {
	font-size: 10px;
	background-color: #FFFFFF;;
	padding: 3px 3px 3px 3px;
	empty-cells: show;
	vertical-align: top;
	/*font-family: monospace;*/
	
}
table tr.altrow td {
	background: #dde2ee;
}

/*********************************************************************/
/* FORMULARIOS */
/*********************************************************************/

.areaDatoForm{
	width:98%;
	padding: 5px;	
	border:1px solid #e2e6ea;
	background-color: #F5F7F7;
	margin-top:5px;
	margin-bottom: 10px;
	color:#000000;
}

.areaDatoForm h1{
color:#29166f;
}

.areaDatoForm h3 {
	font-family:'sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color:#333321;
}

/* D8DBD4 */
.areaDatoForm2{
	width:98%;
	padding: 5px;	
	border:1px solid #e2e6ea;
	background-color: #D8DBD4;
	margin-top:5px;
	margin-bottom: 10px;
	color:#000000;
}

.areaDatoForm2 h1{
color:#29166f;
}

.areaDatoForm2 h3 {
	font-family:'sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color:#333321;
}

.areaDatoForm2 h4 {
	font-size: 13px;
	font-family:'sans-serif;
	color: #993;
	font-weight: bold;
	padding-top: 2px;
	color:#D15600;
	border-bottom: 1px solid;
}


/* F9F7ED */
.areaDatoForm3{
	width:98%;
	padding: 5px;	
	border:1px solid #e2e6ea;
	background-color: #F9F7ED;
	margin-top:5px;
	margin-bottom: 10px;
	color:#000000;
}

.areaDatoForm3 h1{
color:red;
}

.areaDatoForm3 h3 {
	font-family:'sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	color:#333321;
}

.areaDatoForm3 h4 {
	font-size: 13px;
	font-family:'sans-serif;
	color: #993;
	font-weight: bold;
	padding-top: 2px;
	color:#3F4C6B;
	border-bottom: 1px solid;
	margin-bottom: 2px;
}


.ayudaCampoForm{
	font-size: 11px;
	font-weight: normal;
	color:#666666;
	clear: both;

}	

form {
	/*clear: both;*/
	margin-right: 5px;
	padding:5px;
	width: 99%;
}
fieldset {
	width: 98%;
	border: 1px solid #D8DBD4;
	margin-top: 5px;
	padding: 5px;
}
fieldset legend {
	background-image: url("../img/controles/application_form.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-indent: 20px;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 5px;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 5px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	display: inline-block;
	/*clear: both;*/
	margin-bottom: 2px;
	padding: .2em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
	width:auto;
	float:left;
	/*height:34px;*/
	height:auto;
}

form div .row {
	width:100%;
	padding: 0;
	margin: 0px 0px 5px 0px;
	clear: both;
}

form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 10px;
}
label {
	/*display: block;*/
	font-size: 100%;
	padding-right:5px;
	width: auto;
	height: 15px;
	color:#666666;
}
input, textarea {
	clear: both;
	font-size: 100%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: auto;
}
select {
	clear: both;
	font-size: 100%;
	vertical-align: text-bottom;
	color:#000000;

}
select[multiple=multiple] {
	font-size: 100%;
	width: 100%;
	clear: both;
	height: auto;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 3px 0px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 100%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}
input[type=button] {
	display: inline;
	font-size: 100%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}



optgroup {
	border: 1px solid #D8DBD4;

}



.btn_ajax{
	border: none;
	background: url("../img/controles/add.png") no-repeat top left;
	vertical-align: baseline;
	height: 20px;
	text-indent: 10px;
}

.btn_ajax:hover{
	cursor: pointer;
	text-indent: 10px;
}

.input_number{
	text-align: right;
}


.btn_link{
	color:#F24F00;
	padding: 3px;
	margin: 3px;
	text-decoration: underline;
}


/*********************************************************************/
/**	FORM SEARCH **/
/*********************************************************************/
#FormSearch{
	width:98%;	
	padding: 3px;
	margin: 5px 0px 5px 0px;	
	font-size: 11px;
	font-family: Arial;
	background-color: #F9F7ED;
	border: 1px solid #36393D;	
}
#FormSearch.submit{
	width:auto;
	float:left;	
}	
#FormSearch table{
	width:auto;
	empty-cells: show;
	border: 1px solid #F9F7ED;
	border-collapse: collapse;
}
#FormSearch td{
	width:auto;
	empty-cells: show;
	background-color: #F9F7ED;
	border: 1px solid #F9F7ED;
	padding: 2px;
}


/*********************************************************************/
/* MENSAJES DE ERROR Y NOTICES */
/*********************************************************************/

.notices{
	background-color: #FFF9C8;
	background-image: url("../img/controles/alert.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-indent: 20px;	
  	color: #746C0A;
  	border: 1px solid #C8C382;
	padding:5px;
	margin:2px;		
}

.notices_error{
	background-color: #FFBBBB;
	background-image: url("../img/controles/error.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-indent: 20px;	
  	color: #B30000;
  	border: 1px solid #B30000;
	padding:5px;
	margin:2px;	

}

.notices_ok{
	background-color: #D1EABF;
	background-image: url("../img/controles/check.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	text-indent: 20px;	
	color: #008000;
  	border: 1px solid #008000;
	padding:5px;
	margin:2px;	

}

.message{float:left;}

.error-message{
	color:red;
	font-size: 12px;
	font-style:italic;
}

.error{
	color:red;
/*	font-size: 14px;
	font-style:italic;
	border: 1px solid red;
	padding: 10px;
	margin: 5px 0px 5px 0px;*/
}


.form-error{
	border: 1px solid red;
}	

#NoAutorizado{
	background-color: #FFBBBB;
  	color: #B30000;
  	border: 1px solid #B30000;
	padding:5px;
	margin:2px;		
}

#NoAutorizado h1{
	font-family: "Arial Black";
	font-size: 150%;
	color: red;
	margin: 2px;
}	


/*********************************************************************/
/* PAGINADO */
/*********************************************************************/

div.paging {
	background:#fff;
	color: #000;
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 10px;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
	background-color: #C8DDEF;
	padding: 2px;
	font-weight: bold;
}
div.paging span a {
}