/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0px;
	padding: 0px;
	background: #069ba7 url(images/img01.jpg) repeat-x left top;
	text-align: justify;
	font: 13px Arial, Helvetica, sans-serif;
	color: #8E8C7D;
}

h1, h2, h3 {
	font: 1.82em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000000;
}
p{
	width:100%;
	float:right;
}
p, ol, ul {
	line-height: 1.5em;
}

a {
	color: #66B929;
}

a:hover {
	text-decoration: none;
}

hr {
	display: none;
}

#wrapper {
	background: url(images/img05.jpg) repeat-y 29% 50%;
	width: 1352px;
	margin-left:10%
}

#wrapper-bgtop {
	background: url(images/img02.jpg) no-repeat left top;
}

/* Header */

#header {
	width: 950px;
	height: 300px;
	padding: 0px 100px;
}

/* Logo */

#logo {
	float: left;
	margin-left:330px;
	padding: 210px 0px 0px;
}

#logo h1 {
	margin: 0;
	height: 160px;
	padding: 10px 0 0 0px;
	text-transform: lowercase;
	letter-spacing: -2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 5em;
	font-weight: normal;
	color: #FFFFFF;
}

#logo h1 a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}

#logo p {
	margin: -100px 0 0 2px;
	text-transform: lowercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 24px;
}

#logo a {
	display: block;
	text-decoration: none;
	color: #ACFE6F;
}

/* Menu */

#menu {
	float: right;
	width: 250px;
}

#menu ul {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	list-style: none;
}

#menu li {
	background: url(images/img03.gif) repeat-x left bottom;
}

#menu a {
	display: block;
	margin-left: 5px;
	padding: 15px 20px;
	background: url(images/img04.jpg) no-repeat left 24px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 20px;
	color:#030;
}

#menu a:hover, #menu .active a {
	color: #FFFFFF;
}

/* Page */


#page {
	width: 900px;
	padding: 5px 50px;
	margin-left:100px;
}

/* Content */

#content {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
.bienvenida{
	text-align:right;
	width:90%;
	float:right
}
/* Post */

.post {
	margin-top: 20px;
	width:100%;
	float:right
}

.post .lista {
	width: 500px;
	margin: 5px;
	text-align: left;
	font-size: 18px;
	color: #009bdb;
	float:left;
	line-height:20px;
}

.list {
	text-align: left;
	font-size: 11px;
	color: #999;
	float:left;
	width:45%;margin-right:3%
}
.lista img{float:left; width: 40px;height: 40px;}
.post .date {
	float: left;
	width: 60px;
	height: 50px;
	margin: 0;
	margin-top: 3px;
	margin-right: 20px;
	padding-top: 10px;
	background: #009bdb;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .date b {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -5px;
	font-size: 24px;
	color: #FFFFFF;
	
}

.post .title {
	margin: 0;
	padding: 0px 0 0 0;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 2.3em;
	color: #484647;
	text-align:left;
}

.post .title a {
	color: #484647;
}

.post .title h2 {
	padding: 0;
	margin: 0;
}
.post .titu_bienvenida h2 {
	padding: 0;
	margin: 0;
	font-size: 2.3em;
	color: #484647;
	text-align:right;
}
.post .hr1 {
}

.post .meta {
	margin: 0 0 30px 20px;
	padding: 0;
	line-height:normal;
	text-transform: uppercase;
	color: #434343;
}

.post .meta a {
	color: #434343;
}

.post .entry {
	margin: 0;
	padding: 0 0 20px 80px;
}

/*** Columnas ***/
.columns {
	margin-left:3%;
}

.column {
	float: left;
	width: 260px;
	border: 1px solid #93ab17;
	margin-left: 1%;
	padding:5px;
}

.column  h2{
	background-color:#93ab17;
	padding: 3px;
}
.column  p{
	/*padding: 10px 3px 3px;*/

}

/* Sidebar */

#sidebar {
	float: right;
	width: 260px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom:10px;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 4px 10px;
	/*background: url(images/img06.gif) no-repeat left 13px;*/
}

#sidebar li li a {
	font-size:14px;
	font-weight:bold;
	color:#4ea301;
}

#sidebar li li a img{
	padding-right: 4px;
}

#sidebar h2 {
	padding: 10px 0px;
	margin: 0 0 6px 0;
	font-size: 1.8em;
	text-transform: capitalize;
	color: #484647;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
	color:#009bdb;
}

/* Calendar */

#calendar_wrap {
}

#calendar caption {
	padding: 10px 0px;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

#calendar table {
	width: 100%;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#calendar thead {
	background: #009bdb;
	text-align: center;
	color: #FFFFFF;
}

#calendar tbody td {
	border: 1px solid #C7C7C7;
	text-align: center;
}

#today {
	font-weight: bold;
}

#prev {
	padding-top: 10px;
}

#next {
	padding-top: 10px;
	text-align: right;
}

/* Footer */

#footer {
	width: 670px;
	padding: 20px 10px 30px;
	margin-left:20px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#footer a {
	text-decoration: none;
	font-size: 11px;
}

#legal {
	clear: both;
	margin: 0;
	font-size: 10px;
	color: #525252;
}

#legal a {
	text-decoration: none;
}

/****************** Carrusel Otros Enlaces *********************/
div.jMyCarousel .prev{
	background: url('images/left.png') center center no-repeat;
	width:47px;
	height:85px;
	border:0px;
}

div.jMyCarousel .next{
	background: url('images/right.png') center center no-repeat;
	width:40px;
	height:85px;
	border:0px;
}

div.jMyCarousel .up{
	background: url('../images/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('../images/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}
/******************* Carousel 2 *************/
div.jMyCarousel{
	margin:auto;
	height:85px;
}

div.jMyCarousel ul{
}

div.jMyCarousel ul li{
	margin:0px;
	line-height:0px;
	padding:0px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	margin:0px;
	padding:0px;
}
div.jMyCarousel ul li a:hover{ /* in case of link */
	display:block;
	margin:0px;
	padding:0px;
	border-top:1px #fff solid;
	border-left:1px #fff solid;
	border-bottom:2px #c7c7c7 solid;
	border-right:2px #c7c7c7 solid;
}

div.jMyCarousel ul li a img{
	display:block;
	border:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;border-bottom:dashed 1px #cccccc;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittList SPAN.time{color:#009bdb;font-size:0.8em}
#juitterContainer .twittList A{text-decoration:none;font-weight:bold} /*Links inside the tweets list */
#juitterContainer .twittList A.link{color:#4EA301;}
/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}
#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{color:#0066CC;} /*CSS for the external links*/
#juitterContainer .hashLink{color:#0066CC;} /*CSS for the hash links*/

/*end of Juitter CSS*/

#content #juitterSearch{clear:both;padding:7px 0 5px 0;}
#content #juitterSearch P{font-size:1.2em;color:#2CAF1D}
#content #juitter{width:256px;float:left;}
#juitter h3{width:100%; height:41px; border-bottom:1px #b60a02 solid}
#juitter h3 span{float:left; width:50%; color:#009bdb; font-size:11px; padding:2px;}
#juitter h3 img{float:right; padding:1px 2px;}

#info{width:98%;height:24px; background-color:#d6d6d6;clear:both; padding:3px; margin:1px;font-size:1.2em;letter-spacing:-0.5px;font-weight:bold;}
#info span{color:#0066CC;float:right;}
#info A{color:#0066CC; text-decoration:underline}