@charset "utf-8";

body {
	background: #FFF url(images/fondo2.png) repeat-x fixed;
	}

/********************* CABECERA *********************/

div#cabecera {
	background: url(images/cabecera.gif) no-repeat;
	width: 850px;
	height: 149px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}

#logo {
	background: url(images/afasal_logo.png) no-repeat;
	width: 78px;
	height: 140px;
	position: absolute;
	margin: 5px 10px;
	padding: 0;
	}

#menu {
	list-style: none;
	font-family: sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	position: absolute;
	left:95px;
	top: 100px;
	}
	
#menu > li {
	float:left;
	}

#menu > li a {
	display: block;
	border: 1px solid #999;
	padding: 3px 10px;
	text-decoration: none;
	}

#menu > li a:link,
#menu > li a:visited {
	background: #009;
	color: #FFF;
	}

#menu > li a:hover {	background: #FFF;
	color: #36F;
	}

div.submenuposition {
	position: relative;
	display: none;
	}

*:hover > div.submenuposition {
	display: block;
	}

ul.submenu {
	list-style: none;
	display: block;
	position: absolute;
	left: -2.5em;
	}

ul.submenu > li a {
	display:block;
	min-width: 160px;
	}

/********************* CUERPO *********************/

div#cuerpo {
	width: 850px;
	margin: 20px auto 0 auto;
	padding: 0;
	padding-bottom: 10px;
	background: #fff;
	border: 1px solid #99F;
	height:auto;
	overflow:hidden;
	}

h1 {
	font-family: sans-serif;
	margin: 0;
	padding: 20px;
	font-size: 2.3em;
	text-align: center;
	color: #009;
	}

h1:first-letter {
	font-size: 1.4em;
	}

h2 {
	font-family: sans-serif;
	margin: 0;
	padding: 10px;
	font-size: 1.5em;
	text-align: center;
	color: #006;
	}

h3 {
	font-family: sans-serif;
	margin: 0 0 0 25px;
	font-size: 1.2em;;
	color: #000;
	}


p, #cuerpo ul li {
	font-size: 0.8em;
	margin:25px;
	font-family: sans-serif;
	text-align: justify;
	}

p.contacto {
	margin-left: 25px;
	margin-top: 0;
	margin-bottom: 25px;
	text-decoration: none;
	font-size: 0.9em;
	}

img {
	vertical-align:middle;
	border:0;
	}

a {
	text-decoration: none;
	outline-style: none;
	}

a:link,
a:visited {
	color: #00F;
	}

a:hover,
a:active {
	color: #66F;
	}

#foto {
	margin: 25px;
	float: right;
	}

img.estadistica {
	display: block;
	margin: 0 auto;
	}

hr.separador {
	width: 90%;
	height: 5px;
	}

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

table {
	margin: 0 25px;
	background-color: #ccf;
	text-align: center;
	border-spacing: 0px;
	border: 1px solid #33f;
	border-collapse: collapse;
	}

table,
table a,
tr,
td {
	font-family: georgia, "times new roman", serif;
	font-size: 1em;
	color: #55595c;
	}

table a {
	text-decoration: none;
	color: #66f;
	}

table a:hover,
table a:focus {
	text-decoration: underline;
	}

td {
	margin: 0;
	padding: 5px;
	border: 1px dotted #999;
	}

td img {
	display: block;
	margin: 0 auto;
	}

td span {
	font-family: sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #FFF;
	padding: 2px;
	color: #090;
	}

tr.odd {
	background-color: #FFF;
	}

table tr:hover td {
	background-color: #66f;
	}

table tr:hover td,
table tr:hover a {
	color: #fff !important;
	}

/********************* PIE DE PÁGINA *********************/
div#pie {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	}

p#copyright {
	padding: 0;
	text-align: center;
	}

#validation {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: right;
	top: -50px;
	}

/********************* ZONA ADMIN *********************/

div.form_item{
	margin: 15px auto;
	padding: 0 75px;
	color: #000066;
}

div.form_button{ text-align:center;}

#leftColumn
{
	width:150px;
	margin: 5px 10px;
	float:left;
	position:relative;
}

#contenido
{
	width:630px;
	margin:25px;
	float:right;
	text-align:center;

}

#menu_admin
{
	list-style: none;
	font-family: sans-serif;
	font-size: 0.7em;
	font-weight: bold;

	}
	
li.menu_item{
	margin:5px !important;
	}

#menu_admin > li a {
	display: block;
	border: 1px solid #999;
	padding: 3px 10px;
	text-decoration: none;
	}

#menu_admin > li a:link,#menu_admin > li a:visited {
	background: #009;
	color: #FFF;
	}

#menu_admin > li a:hover {	background: #FFF;
	color: #36F;
	}

table.listado
{
	width:575px;
}

div.controles
{
	text-align:center;
	
}
div.controles > div.control
{	
	display: inline;
	float:none;
}

div.control{
	float:left;
	margin:10px 5px;
}

span.control
{
	margin: 1px;
	float:left;
}

#filtro{
	float:right;
	margin:10px;
}
#paginacion
{
	margin: 10px auto;
	width: 120px;
}

#login_form
{
	text-align:left;
	height:100%; 
	width:300px;
	border: #3366FF;
	padding: 10px 15px;
	margin: 10px auto;
}

img.list-button
{
	display:inline;
	margin: 0 5px;
}

div.grid{
	position:relative;
	float:left;
	margin:30px 15px;
}