/*------------------------------------------------
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: "Century Gothic", Arial, 'Helvetica Neue', Helvetica, sans-serif;
										font-size: 100.01%;	line-height: 1.25em; 
										background: #FBFBFB url(images/fondo_body.jpg) repeat-x top left;
										}
										
body 					{				font-size: 1em; 
										}
#contenedor 			{				margin: 0px auto -40px; 
										width: 1024px; 
										background-color:#FFF;
										min-height: 100%;
										height: auto !important;
										height: 100%;
										
										}
#push					{				height: 40px;
										}										
/* 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; 
										}
.alignleft 				{ 				float:left; 
										}
.alignright 			{ 				float:right; 
										}
.wp-caption 			{ 				border:1px solid #666; 
										text-align:center; 
										background:#ccc; 
										padding:10px; 
										margin:10px; 
										}
.clear					{				clear: both;
										}
input:focus,
textarea:focus				{			border: 2px solid #990000;
	}										

/* You might find the following useful */
br.dirtyLittleTrick 	{				clear:both; 
										display:block; 
										height:1px; 
										margin:-1px 0 0 0 
										} /* Use this br class to clear your floated columns */
div 					{ 				position:relative; 
										} /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher 		{ 				background:#fff; 
										border:10px solid red; 
										padding:20px; 
										position:fixed; 
										top:0; 
										right:0; 
										} /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

h1, h2, h3, h5, h5, h6	{ 				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;
										color:#990000;
										line-height: 1em;	
										} 	
#articulo .post						{	width: 85%;
										margin: 0 auto;
										}

.post h2					{				
										font-size: 2em;
										}	
.post img					{			padding: 1px 10px;}										
#articulo .post p						{			font-size:0.9em;
										padding-bottom: 5px;
										}
#articulo .post h2			{			font-size:2.5em;
}																				
h3#comments					{			font-size: 1.8em;
	
										}																			
							
.button					{				border: 1px solid #333;
										background: white;
										padding: 3px 6px;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
										color: #272727;
										}
										
.button:hover			{				background: #990000;
										color: #FFF;		
										}
										
/*---------------------------------------------------------------------
	N A V E G A D O R
----------------------------------------------------------------------*/
#menu					{				float: right;
										width: 530px;
										text-align:  right;
										font-size: 0.8em;
										margin: 5px 0;
										}
#menu ul				{				float: right;
										}
#menu li				{				display: inline;
										padding: 10px;
										}
a						{				padding: 4px;
										}

a:link,
a:visited,
a:active				{				color:#990000;
										text-decoration: none;

	
}			
h2 a:hover,
li a:hover,
#footer a:hover			{				color: #FFF;
										background: #990000;
										-moz-border-radius: 5px;
										-webkit-border-radius: 5px;
	
}								
									
/*--------------------------------------------------------------------
	C O N T E N T	S I D E B A R
----------------------------------------------------------------------*/
#content_sidebar		{				float: right;
										width: 525px;
										background-color: #FFF;
										text-align:  left;
										}
h1#logo					{				margin: 0 auto; 
										background: url(images/logo_sarita.gif) no-repeat top left;	
										height: 133px; 
										text-indent: -9000px; 
										width: 345px;
										}
#content_sidebar h2 a	{				padding: 0;}
#content_sidebar h2 a:link,
#content_sidebar h2 a:visited,
#content_sidebar h2 a:active	{		color:#990000;	
										}
#content_sidebar h2 a:hover		{		color: #FFF;
										background: #990000;
	
										}																			
										
#content_sidebar p		{				font-size: 0.8em;
										padding: 5px 20px 5px 0px;
										color: #454545;
										}				
#articulo				{				text-align: left;
										margin: 20px;
			}
.archivos li			{				margin-bottom:  10px;
						}
/*----------------------------------------------------------------------
	B L O G     E N T R I E S
-----------------------------------------------------------------------*/
.post h2				{				}
.datebox				{				width: 36px;
										float: left;
										padding: 10px 5px;
										background: #990000;
										text-align: center;
										margin-right: 10px;
										margin-top: 10px;

										}
#content_sidebar .datebox p	{			padding: 0 !important;
										color: white !important;
										margin: 0;
										font-family: arial, verdana, sans serif;
										font-size: 1em;
										font-weight: bold;
											}										
#content_sidebar p.day	{				font-size: 1.6em;
}
#content_sidebar p.month	{			text-transform: uppercase;
}
p.form						{			margin: 5px 0;
										}																						
/*----------------------------------------------------------------------
	I M A G E N 	Y	S E A R C H
------------------------------------------------------------------------*/
#imagen					{				float: left;
										width: 489px;
										margin-bottom: 20px;
										}
/*----------------------------------------------------------------------
	F O O T E R
-------------------------------------------------------------------------*/
#footer					{				height: 40px;
										background: #FFF;
										border-top: 1px solid #eaeaea;
										padding-top: 20px;	
										}	
#footer_inside			{				width: 1024px;
										margin: 0 auto;
										}																											
