/*****************************
Estructura
******************************/
body {
color:#000000;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
#contenedor {
background-color:#FFF;
border:1px solid #CCCCCC;
margin:0px auto;
text-align:left;
width:960px;
}
.tabla {
	float:left;
	height:370px;
	overflow-y:auto;
	width:223px;
	overflow-x: hidden;
}

p{
padding: 5px 10px;
margin:0px;
color:#666666;
}
h1 {
font-family:Trebuchet MS;
color:#555;
font-size:14px;
font-weight:bold;
background:#F9F9F9;
border-top:1px solid #EBEBEB;
border-bottom:1px solid #EBEBEB;
line-height:26px;
/*width:225px;*/
padding-left:5px;
}
h2 {
font-family:Trebuchet MS;
color:#555;
font-size:14px;
font-weight:bold;
padding:0;
margin:0;
//width:225px;
}
h3 {
font-family:Trebuchet MS;
color:#555;
font-size:12px;
font-weight:bold;
line-height:20px;
}
h4 {
font-family:Trebuchet MS;
color:#045FB4;
font-size:14px;
font-weight:bold;
}
h6 {
font-family:Trebuchet MS;
color:#757271;
font-size:12px;
font-weight:bold;
line-height:15px;
margin-top:1px;
}
.boton {
background-color:#EAEFF2;
border:1px solid #446075;
color:#446075;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
}
#homeImg{padding:50px 0 0 0; float:inherit;} 
/*-------------------------
#accesoSistema
---------------------------*/
#accesoSistema {
width:234px;
padding:0px;
border: 0px;
background-color:#9C9998;
text-align:center;
}
.arribaizquierda{
background: transparent url(img/arriba-izquierda.png) scroll no-repeat top left;
height: 16px;
padding: 0;
}
.arribaderecha{
background: transparent url(img/arriba-derecha.png) scroll no-repeat top right;
height: 16px;
padding: 0;
}
.abajoizquierda{
background: #9C9998 url(img/abajo-izquierda.png) scroll no-repeat bottom left;
height: 16px;
padding: 0;
}
.abajoderecha{
background: transparent url(img/abajo-derecha.png) scroll no-repeat bottom right;
height:16px;
padding: 0;
}
form{
	margin:0;
	padding:0;
}
.medio{
background: #9C9998;
margin:0px;

}
#accesoSistema h1 {
font-family:Trebuchet MS;
color:#555;
border-top:0 solid #CBCAC9;
border-bottom:0 solid #CBCAC9;
font-size:1.5em;
font-weight:bold;
background:#CBCAC9;
line-height:30px;
width:98%;
margin-top:5px;
}
#accesoSistema a,  #accesoSistema a:hover{
color:#484848;
text-decoration:underline;
}
#accesoSistema.aux {
padding-top:0;
}
#accesoSistema fieldset {
padding-top:5px;
border:none;
}
#accesoSistema .userDiv{
	width:157px;
	height:24px;
	margin:0 auto; 
}
#accesoSistema .passDiv{
	width:157px;
	margin:0 auto;	
	height: 24px;  
}
#accesoSistema label {
color:#FFFFFF;
font-weight:bold;
float:left;
width:47px;
text-align: right;
font-size:1.1em;
}
#accesoSistema input {
border:1px solid #6F6F6F;
width:100px;
float:right;
font-size:1.1em;
}
#accesoSistema button{
font-family:Arial,Helvetica,sans-serif;
background:#D90000;
color:#FFF;
border:2px solid #E75C5C;
border-right-color:#7D0000;
border-bottom-color:#7D0000;
padding:2px 10px;
margin:20px auto 0;
font-weight:bold;
font-size:1.1em;
font-weight:bold;
}
#accesoSistema .botonera{
	margin:0 auto;
	width:80px;
}
*button{padding:2px 10px;}
*html *button{padding:1px 5px;}
*:first-child+html *button{padding:1px 5px;}

#sesion{
width:234px;
padding:0px;
border: 0px;
background-color:#9C9998;
margin-left:100px;
color:#fff;
}
#sesion h1 {
color:#fff;
border-top:0 solid #CBCAC9;
border-bottom:0 solid #CBCAC9;
font-size:1.4em;
font-weight:bold;
background:url(img/s-expirada.png) center no-repeat;
line-height:60px;
width:98%;
margin-top:5px;

}
#sesion h2 {
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif center;
font-weight:bold;
font-size:16px;
color:#FFF;
}
#sesion p {
font-size:12px;
padding:0 20px;
color:#FFFFFF;
}
#sesion.aux {
padding-top:0;
}
#sesion fieldset {
border:none;
}
#sesion label {
color:#FFFFFF;
font-weight:bold;
}
#sesion input {
border:1px solid #6F6F6F;
}
#sesion button{
font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
background:#CBCAC9;
color:#555;
border:2px solid #EAEAEA;
border-right-color:#727170;
border-bottom-color:#727170;
margin:10px;
font-weight:bold;
}
/*****************************
Banner
******************************/
#banner {
height:120px;
text-align: center;
background-color: #FFF;
border-bottom: 1px solid #CCCCCC;
padding: 0px;
margin: 0px;
}
#banner img {padding:0px 0px; float:left; width:960;} 

#bannertxt{
font-family:arial;
padding-top:85px;
font-weight:bold;
font-size:1em;
width:200px;
float:right;
color:#333333;
float:right;
}
#banner a,#banner a:hover{color:#000;text-decoration:none;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;;}
/*****************************
Menu superior
******************************/
#menu {
	border-bottom:1px solid #CCCCCC;
	font-family:Arial,Helvetica,sans-serif;
	background:#FFF;
	color:#555555;
	text-decoration:none;
	list-style-type:none;
	float:right;
	width:100%;
	}
#menu li a {
	display: block;
	height:20px;
	border-left: 1px solid #CCC;
	color:#555555;
	font-size: 1.1em;
	font-weight:bold;
	background:#FFF;
	float: right;
	padding: 6px 10px 0;
	border-bottom:0 solid #FFF;
	text-decoration: none;
	}
#menu a:hover {
	background:#8C8988;
	color:#FFF;
	}
#menu li{
	display:inline;
	}
#menu ul{
text-decoration:none;
float:right;
width:660px;
margin:0;
padding:0;
text-align: right;
}
#menutxt{
font-family:arial;
font-weight:bold;
font-size:1em;
width:200px;
float:left;
color:#333333;
padding:5px 0 0 30px;
}
/*****************************
Contenido-columnas
******************************/
#contenido{
background:#ffffff;
width:958px;
/**margin-bottom:-14px;*/
}
/*****************************
Contenido-derecha
******************************/
#contenidoDerecha{
	background:#ffffff;
	width:204px;
	//border-left: 1px solid #EBEBEB;
	float:right;
	padding:15px;
	height: 330px;
}

select[multiple]{
	max-width:200px;
	height:100px;
}

table{ border-collapse: collapse;color:#333;margin:5px 0;}
th,td{
	padding: 3px 8px 3px 5px;
	font-size: 11px;
	border:1px solid #EBEBEB;
}
th{
	background:#555555;
	font-weight:normal;
	color: white;
}
/*****************************
Contenido-izquierda
******************************/
.colIzquierda{
	width:700px;
	float:left;
	margin:5px;
	padding:0;
	//height: 330px;
		}
		
.treeview{
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	list-style-type:none;
	background:#D5D3D2;
	font-size:1em;
	padding: 0;
	margin: 0;
	display:block;
	}
.treeview ul{ /*CSS for Simple Tree Menu*/
	margin: 0;
	padding: 0;
}
.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	background-repeat: no-repeat;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #FFF;
}
.treeview li a{
	display:block;
	margin:0;
	padding:4px 0;
	text-decoration: none;
	color:#333;
}

.treeview li.submenu li{
	background:none;
}
.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}
.treeview li{
	background-image:none;
	background-color:#EDECEB;
	background-position: 3px 3px;
	font-weight: bold;
}
.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	cursor: hand !important;
	cursor: pointer !important;
	background-image: url(img/open.gif);
	background-repeat: no-repeat;	
	background-position: 3px 3px;
}
.treeview li.submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	background-repeat: no-repeat;
	background-position: 22px 3px;
	border-bottom:1px solid #FFF;
	background-color: #D5D3D2;
	font-weight:normal;
}
.treeview li.submenu ul li.submenu{ /*Style for LIs of ULs that are children of LIs (submenu) */
	background-image: url(img/open.gif);
}

.treeview li.submenu ul li.submenu  ul li{
	background-position: 44px 3px;
	background-color: #E4E1E0;
	font-weight:normal;
}
.treeview li.submenu ul li.submenu  ul li.submenu{
	background-image: url(img/open.gif);	
}
.treeview li.submenu ul li.submenu  ul li.submenu  ul li{
	background-position: 66px 3px;
	background-color: #EDECEB;
	font-weight:normal;	
}
/******************* NIVELE 0 ********************/
.treeview li a{padding-left:22px;}
.treeview li a:hover{background:#D20426;color:#FFF;}
.treeview li.submenu a{padding-left:22px;}
/******************* NIVELE 1 ********************/
.treeview li.submenu ul li a:hover{background:none;color:#333;}
.treeview li.submenu ul li.submenu a{padding-left:44px;}
/******************* NIVELE 2 ********************/
.treeview li.submenu ul li.submenu ul li a{padding-left:66px;}
.treeview li.submenu ul li.submenu ul li.submenu a{padding-left:66px;} 
/******************* NIVELE 3 ********************/
.treeview li.submenu ul li.submenu ul li.submenu ul li a{padding-left:88px;}
.treeview ul li.submenu ul li.submenu ul li.submenu a{padding-left:88px;} 
	
	/*
#menuLateral a {
	color:#555555;
	border-bottom:1px solid #CCCCCC;
	font-size: 1.1em;
	font-weight:bold;
	}
#menuLateral a:hover {
	background:#D20426;
	color:#FFF;
	}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
li a {
	background:#F9F9F9;
	color:#555555;
	border-bottom:1px solid #CCCCCC;
	display:block;
	font-weight:bold;
	line-height:23px;
	padding-left:30px;
	text-decoration:none;
	*margin-bottom:-14px;
}
li a:hover {
	background:#D20426;
	color:#FFF;
}

#submenu {
     list-style: none;
     list-style-position: outside;
     padding: 0;
     margin: 0;
	 display:none;
 }
 .submenu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
display:none;
}*/

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
/*****************************
footer
******************************/
#footer {
	border-top: 1px solid #CCC;
	color:#555555;
	font-size:1.1em;
	padding:20px 30px;
	text-align:center;
	clear:both;
	width: 902px;
	margin: 0 auto;
}
/*****************************
IMGs y otros
******************************/
.img {
border:1px solid #EBEBEB;
padding: 2px;
}
.cargando{background:/*url(img/cargando.gif) no-repeat center*/;
height:32px;
width:32px;
margin-top:-15px;
} 
/* Notices and Errors */
#flashMessage .message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}

p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}