* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%; /* IE hack */
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	margin-bottom: 1px;
background: #fafafa url('images/bg2.jpg') no-repeat top center;
}

body {
	/* Text-Sizing with ems*/
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #444;
	font-size: 62.5%;		/*	 This sets the default font size to be equivalent to 10px*/
	margin: 0;
	padding: 0;
	border-top: 15px solid /*#df5800*/ #222222;
}


h1 {
	/* Forum name */
	font-family: Georgia, serif;
        color: #222;
	padding-left: 10px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Blog header titles */
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, serif;
	font-weight: normal;
	color: #e48327;
	font-size: 1.2em;
	margin: 0.8em 0 0.2em 0;
	text-transform: capitalize;
      
}

h3 {
	/* Blog header titles */
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, serif;
	font-weight: normal;
	color: #e48327;
	font-size: 1.4em;
	margin: 0.8em 0 0.2em 0;
	text-transform: uppercase;
      
}


#todo{}

.naranja {color: #e48327;}
.negrita {font-weight: bold;}
.serif {font-family: Georgia, serif;}
.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}


/*===================== NAV =====================*/
#nav{height:60px; float:left; margin-top: -15px;}
#menu { list-style: none; display: inline; margin: 0; padding:0; width: 100%;}
#menu li{ margin:0; padding:2px 0 10px 7px; list-style: none; width:145px; height:30px; float: left; font-family: Gill Sans, Verdana; font-size: 1em; text-transform: uppercase; letter-spacing: 2px; font-weight: bolder; color:#231f20; }
#menu li a{text-decoration: none; color:#231f20;}

#uno{border-top:15px solid #09a5d6;}
#dos{border-top:15px solid #28af93;}
#tres{border-top:15px solid #f4e01b;}
#cuatro{border-top:15px solid #eb6d0a;}
#cinco{border-top:15px solid #e52c3b;}
#seis{border-top:15px solid #d60f71;}


#uno:hover{background: #09a5d6;}
#dos:hover{background: #28af93;}
#tres:hover{background:  #f4e01b;}
#cuatro:hover{background:  #eb6d0a;}
#cinco:hover{background:  #e52c3b;}
#seis:hover{background: #d60f71;}
/*****************************************/


/*===================== HEADER =================*/
#video { margin-top: 30px; margin-left: -10px; height:350px;  padding-top: 10px; padding-left: 10px; background: url('images/video.png')no-repeat;}
#header {}
#titulo{}
#frase{padding-top: 15px; height: 45px;}
#frase p{padding:0; margin:0;}
#p1{background: url('images/comillas.png') no-repeat; font-size: 2.2em;  text-decoration: italic;color: #666;}
#p2{float:right; font-size:1.3em; color: #999;  text-decoration: italic; }
#descripcion{color: #777; padding:0 10px 0 10px;margin-top: -60px;font-size: 1.2em;  padding: 0 30px 0 20px; text-align: justify;}
#ofertas ul{list-style:circle url('images/bullet.png'); margin-top:-10px; padding-left: 30px;}
#donaciones {font-size:1.2em; color:#333; border: 4px solid #ddd; padding:10px;}
/*********************************************/


/*=================== MAIN ==================*/
#main{margin-top: 90px; background: url('images/bg3.jpg') repeat-y; background-position: center;}
/*******************************************/


/*==================== FOOTER ===============*/
#footer{background: url('images/footer.png') no-repeat; padding:20px 10px 10px 10px;}
#footer table{width:100%;}
#footer table td{padding: 0 10px 0 10px;}
#footer2{text-align:center; margin-top: 15px; padding: 10px 0 10px 0; background: url('images/footer2.gif') no-repeat;}
#tabletitle {font-family: Impact, display; font-size: 1.2em; color: #666;}
#tabletitle td{padding: 0 10px 0 10px;}
#footer a{text-decoration: none; color: #666;}
#footer a:hover{text-decoration:underline;}

/********************************************/




/*=============IMG==========*/
img {border: 3px solid #eee7e1;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */
/******************************/


/*=============== A ========*/
a {text-decoration: none; color: #e48327}
a:hover {text-decoration: underline;}
/*************************/


/*============== SIDEBAR ======*/
#sidebar{}
#twitter_div {padding-right: 10px;}
#twitter_div ul{list-style: none;}
#twitter_div li{padding: 10px;}
#twitter_update_list a{color: #999;}
#twitter_update_list a:hover{color: #e48327;}
#redes img{filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}
#redes a:hover img{filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
/********************************/



/*============ BLOG ===========*/
#blog {margin-top: -80px; font-size: 1.1em; font-family:Verdana,Arial,Helvetical,sans-serif}
.entrydos{height: 150px; overflow: hidden;}
#entrydosprimera{height:100px; overflow: hidden;}
#blog img{margin:4px;}
.entrada { margin-left: 15px;width: 280px; }
#entradaprimera{color: #222; width: 550px; margin-left: 10px; padding:0px 30px 10px 30px; /*border:1px solid #999;*/ text-align:justify;}
.imagepost{float:left;}
.fechacomm, .leermas {color: #999; font-size:0.8em;}
.leermas{float:right;}
.fechacomm a{color:#999;}
.tituloblog{font-size:1.1em;}
.entrada img{border: 2px solid #fff;}
.entrada a:hover img{border: 2px solid #f90; }
/*******************************/


/*================= SINGLE ==========*/
.entry {margin-left: 10px;}
/*************************************/



/*=========== ELEMENTOS ESTILADOS =================*/
blockquote{font-family:Georgia,"Times New Roman",Times,serif;margin:0;padding:0;}
blockquote p{font-size:.875em;	line-height:1.6em;margin:0 0 5px 0;}
/**********************************/



/*=================== COMENTARIOS ====================*/
#respond {border-top: 1px dashed #e48327; padding: 0 20px 0 30px;}
.commentlist {padding: 0 40px 0 40px;}
.commentlist li{padding: 10px 10px 10px 10px; }
.odd{}
.even{background: #f7f6f4;}
.fn a{color: #222;}
.fn{font-size: 1.3em; font-weight: bold;}
.commentmetadata {font-size: 0.8em;}
.commentmetadata a{color: #999;}
.avatar {vertical-align:middle;}
/**************************************/