/*------------------------------------------------
author: Emenia
email: www.emenia.es
----------------------------------------------------*/
/*----------------------------------------------------------------
Reset by Eric Meyer
-------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {			margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;
															vertical-align: baseline;	background: transparent;}
body 											{			line-height: 1;}
ol, ul 											{			list-style: none;}
blockquote, q 									{			quotes: none;}
/* remember to define focus styles! */
:focus 											{			outline: 0;}
/* remember to highlight inserts somehow! */
ins 											{			text-decoration: none;}
del 											{			text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table 											{			border-collapse: collapse;	border-spacing: 0; }

/*------------------------------------------------------------------
	C O L O R E S

		
		
		
----------------------------------------------------------------------*/
			
/*---------------------------------------------------------------------
	M A I N    S T Y L E S 
----------------------------------------------------------------------*/

html, body 					{	margin: 0; padding: 0; text-align: center; width: 100%; 
								color: #000; font-family: "Trebuchet MS", Arial, 'Helvetica Neue', Helvetica, sans-serif;
								font-size: 100.01%;	line-height: 1.25em; 
								background: #000 url(images/fondo_body.jpg) no-repeat fixed top center;}
										
body 						{	font-size: 1em;}

#contenedor 				{	margin: 0px auto -120px; width: 960px; 
								background: url(images/fondo_contenido.jpg) repeat-y top left;
								min-height: 100%; height: auto !important; height: 100%; overflow: auto;}
#index #contenedor			{	background: url(images/fondo_contenido_index.jpg) repeat-y top left;}							
							
#push						{	height: 120px;}

.clear						{	clear: both;}
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter 				{ 	display:block; margin:0 auto }
img.alignleft,
img.alignright,
img.aligncenter				{ 	padding: 10px;}
.alignleft 					{ 	float:left; }
.alignright 				{ 	float:right }
.wp-caption 				{ 	border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

input, textarea				{	border: 2px solid #CB3503;}

.button						{	border: 1px solid #333; background: white; padding: 3px 6px; margin: 8px 0;
								-moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727;}
.button:hover				{	background: #CB3503; color: #FFF;	}	

h2, h3						{	font-weight: normal; font-family: Georgia, Times, 'Times New Roman', serif;
								padding: 10px 20px 10px 0; margin-bottom: 5px; font-size: 2em;
								letter-spacing: -1px; line-height: 1.2em; color: #CB3503;} 		
h2.search					{	margin: 100px 0 200px 0; }										
a:link,
a:visited,
a:active		      		{	color: #000; text-decoration: underline; padding: 3px;}

a:hover		       			{	background: #333; color: #FFF;	-moz-border-radius: 5px; -webkit-border-radius: 5px;}																													
/*-------------------------------------------------------------------------
	C A B E C E R A
---------------------------------------------------------------------------*/											
h1#logo						{	margin: 0 auto; background: url(images/fondo_cabecera.jpg) no-repeat top left;	
								height: 238px; text-indent: -9000px; width: 960px; }
#index h1#logo				{	background: url(images/fondo_cabecera_index.jpg) no-repeat top left;}									
/*---------------------------------------------------------------------------
	C O N T E N I D O
---------------------------------------------------------------------------*/
#contenido					{	float: right; width: 460px; text-align: left;}

#contenido p				{	padding: 5px 35px 5px 0px; color: #333;	}
#contenido p.descripcion 	{	color: #CB3503; font-style: italic; font-family: Georgia, Times, 'Times New Roman', serif; }
																			
#contenido a				{	padding: 3px;}														

#contenido h2 a:link,
#contenido h2 a:visited,
#contenido h2 a:active		{	color: #CB3503;	text-decoration: none;}

#contenido h2 a:hover		{	background: #CB3503; color: #FFF;	-moz-border-radius: 5px; -webkit-border-radius: 5px; }

.datebox				  	{	width: 36px; float: left; padding: 5px; text-align: center; margin-right: 10px; margin-top: 5px; 
								height: 135px;}

#contenido .datebox p		{	padding: 0 !important; color: #000 !important; margin: 0; 
								font-family: arial, verdana, sans serif; font-size: 1em; font-weight: bold;}										
#contenido p.day	    	{	font-size: 1.6em;}

#contenido p.month	  		{	text-transform: uppercase;}
/*--------------------------------------------------------------------------------
	S I D E B A R
--------------------------------------------------------------------------------*/
#sidebar			        {	float: left; width: 500px; text-align: left; overflow: auto;}	
#sidebar_contenido	  		{	margin-left: 180px; }		
#sidebar input				{ 	margin: 30px 0 0 0; padding: 0;}
#sidebar img				{	margin-left: -134px; }
																																		
/*---------------------------------------------------------------------------------
 A R T I C U L O S - S I N G L E     P A G E
---------------------------------------------------------------------------------*/
#articulo .post				{	margin: 0 20px 0 130px;	}
#articulo .post p			{	padding-bottom: 5px;}
#articulo .post h2			{	font-size:2.5em;}																				
#articulo					{	text-align: left;	margin: 20px;	}
/*----------------------------------------------------------------------------
	F O O T E R
----------------------------------------------------------------------------*/													
#footer						{	width: 960px; background: url(images/fondo_footer.jpg) no-repeat top left;
								margin: 0 auto; height: 120px;}	
#index #footer				{	background: url(images/fondo_footer_index.jpg) no-repeat top left;}							
#footer_inside				{ 	padding-top: 50px; }		
	
																								
