BODY{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;}

.b{
	font-weight: bold;
}

#contenedorCabecera{
	width: 100%;
	border-bottom: solid #EEE 1px;
	background-color: #ffffff;
}
.cabeceraIzq{
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	width: 1px;
}
.cabeceraIzq img{
	vertical-align: middle;
	
}
.cabeceraCen{
	text-align: left;
	vertical-align: bottom;
	padding-left: 20px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #cb5f9c;
	height: 80px;
	
}
.cabeceraDer{
	text-align: right;
	font-size: 16px;
	vertical-align: middle;
	padding-right: 20px;
}
.cabeceraDer .salir{
	padding-top: 10px;
	font-size: 14px;
}
.cabeceraDer .salir img{
	vertical-align: middle;
	margin-right: 4px;
	margin-top: -2px;
}
.cabeceraDer .salir a{
	text-decoration: none;
	color: #111111;
}
.cabeceraDer .salir a:hover{
text-decoration: underline;
color: #ff0000;
}

#menuIzquierda{
	background-color: #ffffff;
	clear: both;
	float: left;
	width: 200px;
	border-right: solid #EEE 1px;
	border-bottom: solid #EEE 1px;
	padding: 20px;
	color: #666666;
}
#menuIzquierda ul{
	list-style: none;
}
#menuIzquierda li{
	line-height: 200%;
}
#menuIzquierda img{
	margin-right: 5px;
	vertical-align: middle;
}
#menuIzquierda .subMenu{
	padding-left: 20px;
}
#menuIzquierda a { color: #666666; text-decoration: none;}
#menuIzquierda a:hover { color: #00008b; text-decoration: underline;}

#contenido{
	margin-left: 240px;
}

#ruta{
	background-color: #339db3;
	color: #fff;
	line-height: 240%;
	padding-left: 20px;
}
#ruta a { color: #fff; text-decoration: none;}
#ruta a:hover { color: #fff; text-decoration: underline;}
#ruta img { vertical-align: middle; }

#nombre{
	padding-top: 20px;
	padding-left: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #cb5f9c;
}

#capaOrden{
	padding-left: 20px;
	padding-top: 20px;
	display: none;
}
#capaOrden fieldset{
	border: solid #EEEEEE 1px;
	width: 400px;
}
#capaOrden legend{
	padding-right: 10px;
}
#capaOrden form{
	padding: 10px;
}

#capaFiltro{
	padding-left: 20px;
	padding-top: 20px;
}
#capaFiltro fieldset{
	border: solid #EEEEEE 1px;
	width: 500px;
}
#capaFiltro legend{
	padding-right: 10px;
}
#capaFiltro form{
	padding: 10px;
}

#capaBuscar{
	padding-left: 20px;
	padding-top: 20px;
	display: none;
}
#capaBuscar fieldset{
	border: solid #EEEEEE 1px;
	width: 400px;
}
#capaBuscar legend{
	padding-right: 10px;
}
#capaBuscar form{
	padding: 10px;
}

#capaListado{
	padding-left: 20px;
	padding-top: 5px;
}
#capaListado table{
	width: 95%;
	border-left: solid #EEEEEE 1px;
	border-top: solid #EEEEEE 1px;
}
#capaListado th{
	text-align: left;
	border-right: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	color: #0084a0;
	background-color: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
#capaListado td{
	text-align: left;
	border-right: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	padding: 5px;
}
#capaListado img{
	vertical-align: middle;
}
#capaListado .boton{
	margin-left: 5px;
}
#capaListado a{ color: #000000; text-decoration: none; }
#capaListado a:hover { color: #00008b; text-decoration: underline;}

#debug{
	border: solid #666666 1px;
	background-color: #EEEEEE;
	color: #666666;
	padding: 10px;
	margin: 10px;
	width: 90%;
}

#paginacion{
	padding-left: 20px;
	padding-top: 20px;
}
#paginacion table{
	width: 95%;
}
#paginacion .paginas{
	text-align: right;
}
#paginacion .paginas a{ color: #AAAAAA; text-decoration: none; }
#paginacion .paginas a:hover { color: #00008b; text-decoration: underline;}

#capaCampos{
	padding-left: 20px;
	padding-top: 20px;
	text-align: left;
}
#capaCampos{
	background-color: #EEEEEE;
	width: 95%;
}
#capaCampos td{
	padding: 4px;
}
#capaCampos .campo{
	font-weight: bold;
	white-space: nowrap;
	padding-right: 10px;
	width: 100px;
}
#capaCampos .valor input[type="text"], #capaCampos .valor textarea, #capaCampos .valor select{
	border: solid #EEEEEE 1px;
	padding: 2px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px;
	background-color: #FFFFFF;
}
#capaCampos .valor input[type="text"]:focus, #capaCampos .valor textarea:focus{
	background-color: #ffffe0;
}

#botones{
	padding-left: 20px;
	padding-top: 5px;
}
#botones img{
	margin-right: 5px;
	cursor: pointer;
}

.titularArchivos{
	font-size: 20px;
	text-decoration: underline;
}

.tituloListado{
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 16px;
}

.listadoArchivos{
	width: 98%;
	border-top: solid #EEEEEE 1px;
	border-right: solid #EEEEEE 1px;
	margin-bottom: 15px;
	margin-left: 5px;
}
.listadoArchivos th{
	border-left: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	background-color:#EEEEEE;
	text-align: left;
	color: #2f74ee;
	padding: 4px;
}
.listadoArchivos td{
	border-left: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	color: #333333;
	padding: 4px;
	vertical-align: middle;
}

#cajalogin{
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	margin-top: 200px;
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
	border: solid #EEEEEE 1px;
	padding: 10px;
}
#cajalogin div{
	margin-left: auto;
	margin-right: auto;
}
#cajalogin p{
	font-size: 14px;
	padding-bottom: 5px;
}
#cajalogin input[type="text"], #cajalogin input[type="password"]{
	margin-left: 10px;
	font-size: 14px;
	border: solid #EEEEEE 1px;
	padding: 2px;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{
	background-color: #ffffe0;
}
#cajalogin input[type="submit"]{
	margin-top: 10px;
	font-size: 14px;
	background-color: #EEEEEE;
	padding: 2px;
}
#cajalogin .aviso{
	background-color: #ffffe0;
	border: solid #FFD700 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
}

.formSubida{
	margin-top: 20px;
}
.formSubida p{
	padding-top: 5px;
}