body,
html
	{
	text-align: center;  
	}

body, textarea, input.text
	{
	font-family: Arial, Helvetica, sans-serif;
	}

body
	{
	font-size: 10pt;
	background: #a03000;
	color: #fff;
	margin: 0;
	padding: 0;
	}

html, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, textarea
	{
	font-size: 1em;
	margin: 0;
	padding: 0;
	}

textarea, input.text
	{
	font-size: 1em;
	}
	
#wrap
	{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}

/*
===================================
Menú principal
===================================
*/
#nav
	{
	background: #a03000 url('menu_bg.png') repeat-x center left;
	}

#nav, #nav li a
	{
	color: #fff;
	font-weight: bold;
	}

#nav ul
	{
	margin: 0px;
	padding: 5px 10px;
	}

#nav li
	{
	display: inline;
	margin: 0px;
	padding: 5px 0px;
	}

#nav li a
	{
	padding: 5px 10px;
	}

#nav li a:hover
	{
	background: url('menu_hover_bg.png') repeat-x center left;
	text-decoration: none;
	}


#header 
	{
	background: #a03000;
	color: #fff;
	}
#header img
	{
	width: 770px;
	}
#contents
	{
	padding: 10px 20px;
	width: 730px;
	background: #fff url('wrap_bg.png') repeat-y top left;
	color: #000;
	}

#main
	{
	width: 502px;
	float: right;
	overflow: hidden;
	}
	
#main .max_width
	{
	max-width: 500px;
	}

#sidebar
	{
	width: 198px;
	float: right;
	overflow: hidden;
	margin: 0 30px 0 0;
	margin-top: 10px;
	}

* html #footer
	{
	height: 1px;
	}

#footer
	{
	clear: both;
	padding: 40px 20px 20px;
	/*
	background: #fff url('footer_bg.png') repeat-x top left;
	*/
	background: #fff;
	color: #000;
	}

#debug
	{
	font-size: 90%;
	line-height: 115%;
	overflow: hidden;
	/*
	padding-top: 100px;
	*/
	}


blockquote
	{
	text-align: right;
	font-style: italic;
	font-size: 105%;
	}

h1, h2, h3, h4, h5, h6, p, ol, ul
	{
	margin: 1em 0;
	}

ul, ol
	{
	margin-left: 1.75em;
	}

ul ul, ul ol, ol ol, ol ul
	{
	margin-top: 0;
	margin-bottom: 0;
	}	

H1	{font-size: 150%;}
H2	{font-size: 130%;}
H3	{font-size: 115%;}
H4	{font-size: 110%;}
H5	{font-size: 100%;}
H6	{font-size: 100%;}

.normal {}

a, a:link, a:visited, .link
	{
	text-decoration: none;
	color: #939;
	cursor: pointer;
	}

a:hover, .link:hover
	{
	color: #939;
	text-decoration: underline;
	}

a img
	{
	border-width: 1px;
	}	

/*
=================
external link
=================
*/
a.external,
a.external:link,
a.external:visited
	{
	}
a.external:hover
	{
	text-decoration: none;
	border-bottom: 1px dotted;
	}
a.admin
	{
	cursor: pointer;
	}

.input_ok
	{
	background: url('icon_ok.gif') no-repeat 5px 50%;
	padding: 5px 5px 5px 25px;
	border: 1px solid #bfb;
	background-color: #f0fff0;
	color: #050;
	}

.input_err
	{
	background: url('icon_err.gif') no-repeat center left;
	padding-left: 20px;
	color: #900;
	}

.floatr
	{
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
	}

.button, .button:link, .button:visited, input.submit
	{
	cursor: pointer;
	border: 1px solid;
	font-weight: bold;	
	text-decoration: none;
	line-height: 40px;
	padding: 5px 10px;
	}	

.smaller
	{
	font-size: 90%;
	}


.sep
	{
	margin: 2em 0;
	border-top: 1px dotted;
	height: 1px;
	}


.label
	{
	font-size: 90%;
	color: #999;
	}

.bgcolor0 {background-color: ;}
.bgcolor1 {background-color: ;}
.bgcolor2 {background-color: ;}
.bgcolor3 {background-color: ;}
.bgcolor4 {background-color: ;}
.bgcolor5 {background-color: ;}
.bgcolor6 {background-color: ;}
	

/*
==============================================
 button y gallery
==============================================
*/

.button, .button:link, .button:visited, input.submit
	{
	background: #a03000 url('menu_bg.png') center left repeat-x;
	color: #fff;
	}	

.button:hover, input.submit:hover
	{
	background: #a03000 url('menu_hover_bg.png') center left repeat-x;
	text-decoration: none;
	}

.photo
	{
	color: #903;
	}

.photo .credit
	{
	color: #666;
	}

/*
===================
Formulario
===================
*/

#main FORM textarea
	{
	width: 496px;
	}
#main FORM input.text
	{
	width: 251px;
	}

#main FORM input.integer
	{
	text-align: right;
	width: 6em;
	}
	
#main FORM input.text,
#main FORM textarea
	{
	padding: 2px;
	border: 1px solid #666;
	background-color: #fff;
	color: #000;
	}

#main FORM label
	{
	color: #666;
	}

.code
	{
	font-size: 80%;
	padding: 5px;
	border: 1px solid;
	/*
	color: #666;
	background: #fef;
	*/
	}

.entry
	{
	border-top: 1px dotted #a03000;
	margin-top: 3em;
	padding-top: 2em;
	overflow: hidden;
	}

.foto
	{
	border-top: 1px solid #c9c;
	margin-top: 2em;
	}

#text
	{
	height: 400px;
	}

/*
==========================
Contenido
==========================
*/
#contenido
	{
	}	
#contenido H3
	{
	}
#contenido H3 SPAN
	{
	font-size: 0.8em;
	font-weight: normal;
	}
#contenido UL
	{
	margin: 0;
	padding: 0;
	}
#contenido UL LI
	{
	margin: 0;
	padding: 2px 0;
	}
#contenido UL LI.odd
	{
	}
#contenido UL LI A
	{
	display: block;
	}

/*
===================
nice date
===================
*/
.date
	{
	float: right;
	margin-left: 15px;
	padding: 5px 10px;
	text-align: center;
	font-size: 1em;
	background: #a03000;
	color: #fff;
	}	
.date .day
	{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	}
.date .month
	{
	display: block;
	}
.date .year
	{
	display: block;
	font-size: 0.7em;
	}

object.mp3player
	{
	width: 100%;
	height: 20px;
	}
object.video
	{
	width: 100%;
	height: 350px;
	}

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

.disabled {color:#999}

/*
=====================================
tabla con formato básico
=====================================
*/
table.lista
	{
	}

table.lista td, table.lista th
	{
	padding: 4px 10px 4px 4px;
	border-bottom: 1px solid #ccc;
	}
table.lista th
	{
	background-color: #a03000;
	color: #fff;
	}

.lista .field_name {font-weight:bold; width:100px;}
.lista .field_type {font-style:italic; width: 50px;}
.lista .field_value {font-style:italic; width: 50px}
.lista .field_desc {}

ol.dir_list, ol.dir_list ul,
ul.dir_list, ul.dir_list ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}
.dir_list li {
	background: url('icon_file.gif') no-repeat top left;
	padding-left: 20px;
	min-height: 20px;
	font-style: italic;
	color: #444;
	}

.dir_list li.dir {
	background: url('icon_folder.gif') no-repeat top left;
	padding-left: 20px;
	}
.dir_list li b
	{
	font-style: normal;
	color: #000;
	}
	
.input_ok {
 border: 1px solid #bfb;
 background-color: #f0fff0;
 padding-top: 5px;
 padding-bottom: 5px;
 color: #050;
}

#nav a {font-weight: bold;}

#contenido UL LI {
border-bottom: 1px dotted #cbc; 
padding: 4px 0px;
}

.date .month {
border-top:1px solid;
}


h1 {
font-size: 1.5em;
border-bottom: 1px solid;
margin-top: 20px;
}
h1 {
color: #633;
}

pre.share_code
{
font-size: 0.7em;
padding: 5px;
border: 1px solid #ccc;
color: #999;
}