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

.nodisponible{ margin: 30px; padding: 10px; background-color:#900; text-align:center; border: 3px solid #fff;}

.login{
	margin: 10% auto 0 auto;
	width: 250px;
	height: 300px;
	border: 1px solid #fff;
	background-image:url(../imagenes/fondoGestor.jpg);
	background-position: left;
	background-repeat: repeat-y;
}

.login h5{padding: 0 0 5px 0;}
.login input{width: 100%; margin: 0 auto; float: none;}
.principal{
	width: 800px;
	margin: 0px auto;
	background-image:url(../imagenes/fondoGestor.jpg);
	border:1px solid #333;
	color:#000;
	/*height: 400px;*/
}

.Cabecera{
	height: 100px;
	background-image:url(../imagenes/cabecera.jpg);
	background-position: left;
	background-repeat: no-repeat;
}
.Cabecera h3{float: left; margin: 5px 0 0 150px ; text-align:center; width: 350px;}
.Cabecera h4{float: right; margin: 20px 20px 0 0; text-align:right;}
.Cabecera ul{float:right; text-align:right; margin: 20px 10px 0 0;}
.Cabecera .botonCab{display: inline;}

.navegacion{font-size: 1.3em;}
.navegacion ul{text-align:center;}
.navegacion li{border: 1px solid #00A4F2; display:inline-block;}

.navegacion li a:link{color: #900;display: block; padding: 5px;}
.navegacion li a:active{color: #900;display: block; padding: 5px;}
.navegacion li a:visited{color: #900;display: block; padding: 5px;}
.navegacion li a:hover{color: #009;display: block; padding: 5px; background-color:#efefef;}

.navegacion li.Actual a:link{background-color:#DDF4FF;}
.navegacion li.Actual a:active{background-color:#DDF4FF;}
.navegacion li.Actual a:visited{background-color:#DDF4FF;}
.navegacion li.Actual a:hover{background-color:#DDF4FF;}

.secciones{margin:5px;font-size: 1.3em;}
.secciones ul{text-align:center;}
.secciones li{border: 1px solid #00A4F2; display:inline-block;}

.secciones li a:link{color: #900;display: block; padding: 5px;}
.secciones li a:active{color: #900;display: block; padding: 5px;}
.secciones li a:visited{color: #900;display: block; padding: 5px;}
.secciones li a:hover{color: #009;display: block; padding: 5px; background-color:#efefef;}

.secciones li.Actual a:link{background-color:#900; color:#fff;}
.secciones li.Actual a:active{background-color:#900; color:#fff;}
.secciones li.Actual a:visited{background-color:#900; color:#fff;}
.secciones li.Actual a:hover{background-color:#900; color:#fff;}

.web li{width: 32.6%;}

.contenido{
	margin:0;
	padding:0;
	width: 100%;
	/*border:1px solid #333;*/
}

.oculto{display:none;}

.izquierda{
	position:relative;
	width: 32%;
	margin: 0 5px; /*15px 15px 80px;*/
	border:1px solid #00A4F2;
	float:left;
	min-height: 450px;
}

.izquierda.usuarios{width: 47%; min-height: 550px;}
	.izquierda ul{margin: 5px 0 5px 5px;}
	.izquierda li{margin: 0 0 0 10px; font-size: 12px; }
	.izquierda h5{margin: 3px; padding: 0px;}

.izquierda.categorias{width: 47%;min-height: 230px; margin-top: 10px;}

.derecha{
	border:1px solid #00A4F2;
	float: right;
	width: 65%;
	min-height: 450px;
	margin: 0 5px;
}
.derecha.usuarios{width:50%;}
.derecha select{float: right; width: 70%;}

.formulario{width: 687px; float: right; margin: 5px; padding: 5px; border:1px solid #009;} 

	.boton{
		display:inline-block;
		margin: 5px 0;
		background-position:top center;
		background-repeat:no-repeat;
		height: 32px;
		width: 89px;
	}
	
	.boton:hover{background-position:bottom center;}
	
.nofloat{float: none; width: auto;}
	
	.boton a:link{display:block;width: 100%;}
	.boton a:active{display:block;width: 100%;}
	.boton a:visited{ display:block;width: 100%;}
	.boton a:hover{display:block;width: 100%;}
	.nuevo{background-image:url(../imagenes/btnNuevo.jpg);}
	.modificar{background-image:url(../imagenes/btnModificar.jpg);}
	.btnEliminar{width: 150px; padding:0; height: 22px; margin: 5px 10px 0 0;}
	
.Publicacion{
	background-repeat:no-repeat;
	background-position:center left;
	/*background-image:url(../imagenes/icoPublicacion.png);*/
	padding: 0 0 0 18px;
}

.Publicacion a:link{ text-decoration:underline;}
.Publicacion a:active{ text-decoration:underline;}
.Publicacion a:visited{ text-decoration:underline;}
.Publicacion a:hover{ text-decoration:underline;color: #900;}

.listado{
	height: 361px;
	overflow:auto;
} 
.listado h5{margin:0 10px;}
.listado a:link{ color: #900; font-weight: bold; margin: 0 5px ;}
.listado a:active{ color: #900; font-weight: bold; margin: 0 5px;}
.listado a:visited{ color: #900; font-weight: bold; margin: 0 5px;}
.listado a:hover{ color: #009; font-weight: bold; margin: 0 5px;}

.listado img{padding: 2px 0 0 0;}

.arbol a:link{margin: 0;}
.arbol a:active{margin: 0;}
.arbol a:visited{margin: 0;}
.arbol a:hover{margin: 0;}

.posDerecha{float: right;}

.Zona{margin: 7px 0;color: #fff; background-color:#333; padding: 2px 10px;}

/*--------------------------- LOG ---------------------------*/
.linea{font-size:1.4em;}
.Pijama{background-color:#ffffdf; border-bottom:1px solid #aaa;}
.Titulo .col1,.Titulo .col2,.Titulo .col3,.Titulo .col4,.Titulo .col5{border-bottom: 2px solid #333;}

.col1{float:left; width: 23%; padding: 0 0 0 1%; margin: 0 1% 0 0;}
.col2{float:left; width: 14%; margin: 0 1% 0 0;}
.col3{float:left; width: 9%; margin: 0 1% 0 0;}
.col4{float:left; width: 34%; margin: 0 1% 0 0;}
.col5{float:left; width: 14%; padding: 0 1% 0 0 ;}

a.btnPag:link{margin: 1px 5px; padding: 1px 6px; color:#fff; background-color: #500; border: 1px solid #ccc; font-weight:bold; display:inline-block;}
a.btnPag:active{margin: 1px 5px; padding: 1px 6px; color:#fff; background-color: #500; border: 1px solid #ccc; font-weight:bold; display:inline-block;}
a.btnPag:visited{margin: 1px 5px; padding: 1px 6px; color:#fff; background-color: #500; border: 1px solid #ccc; font-weight:bold; display:inline-block;}
a.btnPag:hover{background-color: #999; border-color:#333; color: #fff; font-weight:bold; display:inline-block;}

.conf1{width: 30%; margin: 3% 6%; padding: 3%; float: left; background-color:#fff; filter:alpha(opacity=70); opacity: .7; border: 1px solid #666;}
.conf2{width: 30%; margin: 3% 6%; padding: 3%; float: left; background-color:#fff; filter:alpha(opacity=70); opacity: .7; border: 1px solid #666;}
.conf1:hover, .conf2:hover{ background-color:#fff; filter:alpha(opacity=100); opacity: 1;}
.conf1 img, .conf2 img{clear: both;}

.meta{padding: 10px;}
.meta textarea{height: 50px; width: 99%;float:left;}
.meta input{width: 20%; margin: 0 0 10px 0;}

.parametros{padding: 10px; margin: 10px 0; border:1px solid #333;}
.parametros legend{padding: 5px; font-size: 1.8em; font-weight:bold; border:1px solid #000; background-color:#333; color: #efefef;}
.parametros h4{width: 49%; margin: 0; float: left;}
.parametros input{float: left; width:97%; padding: 2px;}
.parametros input.disabled{background-color:#bbb; border: 1px solid #555;}
.parametros textarea{width: 99%;}

/*--------------------------- CATEGORIAS ---------------------------*/
.MostrarUsuarios{text-align:center; color: #fff; background-color:#333; padding: 3px; margin: 10px 5px; display:block; font-size:1.5em;}

.categoriausuarios{background-color:#ccc; border:1px solid #333; margin: 3px 5px; padding: 1px 5px;}
.categoriausuarios a:link{display:block; color: #009; text-align:left;}
.categoriausuarios a:visited{display:block; color: #009; text-align:left;}
.categoriausuarios a:active{display:block; color: #009; text-align:left;}
.categoriausuarios a:hover{display:block; color: #009; text-align:left;}

.Categoria{width:44%; float: left;}
.Categoria input{float: none; width: 30px;}

/*Envio de Newsletters*/
.UsuarioEnvio{width:44%; float: left; margin: 5px 0 0 0;}
.UsuarioEnvio input{float: none; width: 30px;}

.CategoriaEnvio{width:40%; float: left; text-align:center; margin: 5px 0 0 0;}
.CategoriaEnvio input{float: none; width: 30px;}

.colEnvio1{width: 23%; margin-left: 1%; float: left; text-align:left;}
.colEnvio2{width: 24%; margin-left: 1%; float: left; text-align:left;}
.colEnvio3{width: 23%; margin-left: 1%; float: left; text-align:left;}
.colEnvio4{width: 24%; margin-left: 1%; float: left; text-align:left;}

.NoticiaEnvio input{float: left; width: 30px;}

.btnSigAtras{width: 85%; float: right;}
.btnSigAtras a:link{border: 1px solid #666; padding: 3px 10px; background-color:#333; color: #999;}
.btnSigAtras a:active{border: 1px solid #666; padding: 3px 10px; background-color:#333; color: #999;}
.btnSigAtras a:visited{border: 1px solid #666; padding: 3px 10px; background-color:#333; color: #999;}
.btnSigAtras a:hover{border: 1px solid #666; padding: 3px 10px; background-color:#666; color: #efefef;}