/* -- If PNG Transparency is needed in IE6 --

img, div, table, td, tr
{behavior: url(iepngfix.htc);} 

-- */

body, html, label, p, table, td, tr, input, select, option, textarea
{
	font-size: 11px;
	font-family: "Tahoma", "Arial", "Deja Vu Sans", sans-serif;
}

.center
{text-align: center;}
.left
{text-align: left;}
.right
{text-align: right;}
.justify
{text-align: justify;}

.normal
{
	font-size: 11px;
	font-family: "Tahoma", "Arial", "Deja Vu Sans", sans-serif;
	font-weight: normal;
	color: #000;
}

.big
{font-size: 14px;}
.small
{font-size: 9px;}
.bold
{font-weight: bold;}

.error
{color: #F00;}
.warning
{color: #F90;}
.success
{color: #060;}

hr.topic
{width: 400px; text-align: left;}

a
{color: #3B5998;}
a:link 
{text-decoration: none;}
a:visited 
{text-decoration: none;}
a:hover 
{text-decoration: none;	color: #666666;}
a:active 
{text-decoration: none;}

/* ------------------------------------------------------------------ */
/* Sección No. 1 - Login --- OJO SE TIENE QUE REVISAR --------------- */
/* ------------------------------------------------------------------ */
div#index_wrapper
{
	background: url(../img/login/header.jpg) repeat-x;
	height: 170px;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}

div#login
{
	background-color: transparent;
	width: 550px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 45px;
}

div#loginbox
{
	background: url(../img/login/box.jpg) no-repeat top center;
	width: 580px;
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 25px;
}

/* No existe CSS para div#login_form, wtf o_O */

div#logo
{
	width: 120px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background: url(../img/logo.png) no-repeat;	
}

form#login
{
	width: 400px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 20px;
	text-align: center;
}

/* Relative Positioning! */
input.login_usuario
{margin-left: 14px; width: 160px;}
input.login_password
{margin-left: 4px; width: 160px;}
input.login_submit
{font-weight: bold;}

hr.login
{
	color: #d2d2d2; 
	background-color: #d2d2d2; 
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

/* ------------------------------------------------------------------ */
/* Sección No. 2 - Main --------------------------------------------- */
/* ------------------------------------------------------------------ */

div#wrapper
{
	width: 100%;
	height: 100%;
	position: relative;
	top: 0px;
	left: 0px;
}

/* ----------------- Layout ------------------- */
/* -------------------------------------------- */

table#header
{
	width: 100%; 
	height: 100px; 
	background: #3B5998;
	border-bottom: #526EA6 solid thick;
}

table#header td#login
{color: #E9E9E9; vertical-align: top; padding: 20px 20px 0px 0px; text-align: right;}
table#header td#login a
{color: #FFF;}
table#header td#login a:hover
{color: #CCCCCC;}

table#main
{width: 100%; height: 100%;}
table#main td#menu
{width: 200px; padding-top: 30px;}
table#main td#content
{padding: 30px 0px 50px 0px;}

ul.menu
{padding-bottom: 20px;}
ul.submenu
{list-style: outside disc; margin-left: 45px;}
/* ------------------------------------------------------------------ */
/* Sección No. 3 - Noticias ----------------------------------------- */
/* ------------------------------------------------------------------ */

/* Todo esto debería ser una sola clase general  */
input.index_date_day, input.index_date_month, input.home_date_day, input.home_date_month, input.modify_date_day, input.modify_date_month
{width: 20px;}
input.index_date_year, input.home_date_year, input.modify_date_year
{width: 30px;}
textarea.index_content, textarea.home_content, textarea.modify_content
{height: 200px;}
input.index_title, textarea.index_content, input.home_title, textarea.home_content, input.modify_title, textarea.modify_content
{width: 300px;}

div#news_separator
{width: 500px; position: relative; left: 0px; border-top: solid #000 thin;}

/* ------------------------------------------------------------------ */
/* Sección No. 4 - Contacto ----------------------------------------- */
/* ------------------------------------------------------------------ */

table.show_contacts td
{
	width: 400px;
	height: auto;
	padding: 10px 10px 10px 0px;
}