/* LAYOUT */
/* ----------------------------------------- */


/* 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 }

/* 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 */


*{ margin: 0; padding: 0;}

html{ overflow:scroll;}
html, body {
height: 100%;
}

body{ 
font-size: 62.5%;
font-family: Geneva, Verdana, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
color:#9999CC;
background: top center repeat-x url(/imagenes/fondoroger.png) white;
}
 

ul{ list-style: none; }
ol{ list-style: decimal inside; }
a{ outline: none; text-decoration:none; }
a img{ border: none; }
img{ vertical-align: middle; }
table{ border-collapse: collapse; } 

/*

	UTILES
	
*/



.floatLeft{ float:left; }
.floatRight{ float:right; }
.clear{ clear: both; }
.button								{ border: 1px solid white; background:#333366; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: white; }
.button:hover						{ background:#CC9999; color: white; } 


#enlaces{
padding-top:35px;
padding-left:10px;
background: url(/imagenes/arribaCont.png) top left no-repeat;

}

#enlaces li{
line-height: 1.4em; 
padding-top: 5px; 

}
#archivos li{
line-height: 1.4em; 
padding-top: 5px; 

}

#estilos{
position:absolute;
margin-top:140px;
font-size:0.8em;
}

a span { display:none; }


#anuncios{
display:inline:
}

#anuncio{

height:125px;
width:125px;

background: url(/imagenes/addWaste.png) top left no-repeat;

padding:5px;
}

#anuncio:hover{

height:125px;
width:125px;
 
background: url(/imagenes/addWasteh.png) top left no-repeat;
padding:5px;
}
#anuncio2{

height:125px;
width:125px;

background: url(/imagenes/addBoca.png) top right no-repeat;
padding:5px;
margin-top:-145px;
margin-left:125px;
}

#anuncio2:hover{

height:125px;
width:125px;

background: url(/imagenes/addBocah.png) top right no-repeat;
padding:5px;


}
#anuncio3{

height:125px;
width:125px;

background: url(/imagenes/add.png) top left no-repeat;
padding:5px;
}

#anuncio3:hover{

height:125px;
width:125px;

background: url(/imagenes/addHover.png) top left no-repeat;
padding:5px;
}
#anuncio4{

height:125px;
width:125px;

background: url(/imagenes/add.png) top right no-repeat;
padding:5px;
margin-top:-145px;
margin-left:125px;
}

#anuncio4:hover{

height:125px;
width:125px;

background: url(/imagenes/addHover.png) top right no-repeat;
padding:5px;
}

/*

	ESTRUCTURA
	
*/
	
#page-wrap{
width:800px;
margin:0 auto -300px;

min-height: 100%;
height: auto !important;
height: 100%;

}	
  
  
  .freebie{
		position:absolute;
		left:40px;
		bottom:100px;
		
		height:130px;
		width:250px;
		text-align:left;
		color:white;
		padding:10px;
		}


#pichon{
width: 500px; height: 350px;
background: url(/imagenes/pichon5.png) top left no-repeat; 
padding: 0 10px 8px 0; float: left;
padding-left:20px;
margin-top:-10px;

}
#pichon-dentro{

left:190;
top:108;
height:100px;
width:230px;
padding-left:20px;
background:white;
font-size:1.6em;

}



#iconos-sociales{
position:absolute;
right:10px;
top:72px;
height:50px;

}

#iconos-sociales img{
 padding:0;
 border:none;
 background:none;
 margin:0; 

}
#iconos-sociales a{
 background:none;
 }
#iconos-sociales a:hover{
 background:none;
 }

#iconos-sociales li{

display: inline;
list-style-type: none;
}


.clear{ clear: both; }

.push{ height: 300px; }

#columnaCentral{  width:600px; float:left; padding-right: 15px; padding-top:50px; display:inline; }
#barraLateral{ width:150px; float:right;  padding-top:7px}
 
/*
	TIPOGRAFIAS
*/
p, li								{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
p#intro-paragraph					{ font-family: Georgia, serif; font-size: 2.0em; font-style: italic; line-height: 1.4em; 
									  margin-top: 5px; 
									  color: #333366; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{ color: #333366; }
a									{ color: #CC9999; }
a:hover								{ background: #333366; color: white; }
h1									{ font-size: 3.6em; font-family: Georgia, serif; font-weight: normal; }
h2									{ font-size: 2.8em; font-family: Georgia, serif; font-weight: normal; }
h3									{ font-size: 2.6em; font-family: Georgia, serif; font-weight: normal; margin: 0 0 10px 0; }
h4									{ color: white; font-size: 2.0em; margin-bottom: 15px; }
.post h4							{ font-size: 1.8em; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 10px 0;
									  color: #333366; }

 img {
   padding:2px;
   border:1px solid #021a40;
   background-color:white;
   margin:7px; 
}

		

#feedMenu{padding:5px;}

		
/*

	HEADER
	
*/

#rss  {

height:32;
width:72;
background: url(/imagenes/rss.png) top right no-repeat;

}

#rss:hover  {

height:32;
width:72;
background: url(/imagenes/rssh.png) top right no-repeat;

}



#top-bar	{ padding: 20px 0 0 0; }
#top-bar p	{ color:#990033; width: 300px; float:right; }
form#searchform	{ margin:0 0 10px 0; margin-left:30px; float:left;}


ul#menu{ width: 360px; #width: 500px; _width:500px; float: left; margin:2px 0 0 0; font-weight:bold;}

/* #menu ul li, ul#menu li{display:inline;}*/


#menu ul li a{z-index:5; margin-left:15px; padding: 20px 0 0 0; font-size:2.2em; #font-size:large; _font-size:large; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#espacio{
padding-bottom:10px;
height:10px;

}



/*


ENTRADAS DEL BLOG


*/

.post 								{ margin: 0 0 45px 0;

padding: 45px 0 50px 5px;

background: transparent url(/imagenes/bgEntrada.png) no-repeat top left;

}

.pajaroSeparador 								{ margin: -45px 0 0 0 0;

padding: 0 0 10px 0;
height:50px;
background: transparent url(/imagenes/pajaroseparador5.png) no-repeat bottom;

}

.campoDeTexto{
margin-bottom:10px;
}

/*

SIDEBAR


*/




/*
	FOOTER

*/

#footer	{
height: 300px;
width: 100%; 
background: #333366;
color:white;
text-align:center;
}
/*  

 CAPTIONS Y BOXES
  
 */
 
 
  .destacado{
				margin:0 auto 0 auto; width:320px;
				
				}
 .destacado img{padding:0; margin:0;}
 
			.boxgrid{ 
				width: 314px; 
				height: 176px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				top:-120px;
				background: #000; 
				height: 125px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
			
			/*

				TOOLTIPS con JTIPSY
				
				
		*/
		
		
  .tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
  .tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-north { background-image: url(/blog/wp-includes/js/jtipsy/images/tipsy-north.gif); background-position: top center; }
  .tipsy-south { background-image: url(/blog/wp-includes/js/jtipsy/images/tipsy-south.gif); background-position: bottom center; }
  .tipsy-east { background-image: url(/blog/wp-includes/js/jtipsy/images/tipsy-east.gif); background-position: right center; }
  .tipsy-west { background-image: url(/blog/wp-includes/js/jtipsy/images/tipsy-west.gif); background-position: left center; }