/* CSS for Observatorio ver.1.0 
code by Rsibaja
*/


/*General Definitions*/
* {margin: 0;padding: 0;}
.clear {clear: both;}


/* General Styles Definitions */
body {background-color:#FFF; background-image: url(../img/layout/bg.jpg); background-repeat: repeat-x; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}


p{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
margin: 10px 0;
text-align:justify;}


h1{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #ECAF0A;
font-size: 20px;
clear: both;
margin-bottom: 10px;
font-weight: normal;}


h2{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
clear: both;
margin-bottom:12px;
margin-right:0;
margin-top:0;
color: #305a71;
}


h2.leftBoxTitle{color: #012F51;font-size:12px;
margin-left:16px;}
h2.righBoxTitle{color: #FFF;font-size:12px;
margin-left:16px;}


h3{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #305a71;
font-size: 14px;
font-weight: normal;
clear: both;
}


h4{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #305a71;
font-size: 12px;
font-weight: normal;
clear: both;
}
h5{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #F7B32F;
font-size: 12px;
clear: both;
margin: 5px 0 10px 0;
}
input, select, textarea {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border:1px solid #999999;
font-size:12px;
line-height:14px;
margin:0;
padding:2px;
}
a{color:#112c42;text-decoration: none;}
a:hover{text-decoration: underline;}


 table{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666;} 


/* Layout */


#layout{	max-width: 940px !important;
			min-width: 940px !important;
			height: auto;margin: 20px auto 0 auto;display: block;clear: both;}


/* header area  */


#header{width: 940px;height: 121px;margin: 0 auto;display: block;
background-image: url(../img/layout/bg-header.jpg);position: relative;}


#logo{width: 260px;height: 59px;display: block;
position: absolute;top: 16px;left: 20px;border: 0px;}


/* main menu */


ul#mainMenu{	display:block;float:left;height:20px;left:175px;list-style:none outside none;
			margin:0 auto;position:absolute;top:82px;width:610px;}
ul#mainMenu li{float:left;margin:0 5px; width: auto;}
ul#mainMenu li a{float:left;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: #FFF;font-size: 13px;text-decoration: none; padding:3px;}
ul#mainMenu li a:hover{text-decoration: none; border-bottom:5px solid #f9d613;}

/* banner div if you need to change for flash use swfobject  */


#mainBanner{width: 940px;height: 88px;display: block; margin: 0 auto; clear:both; }


/* all columns container */


#content{width: 940px;height: auto;margin: 0 auto;
display: block;padding-bottom: 40px;background-image: url(../img/layout/bg-content.jpg);background-repeat: repeat-y;}




/* columns */


#leftColumn{width: 206px;height: auto;display: block;float:left;padding:10px 0 0 3px;}
#centerColumn{width: 482px;height: auto;display: block;float:left;padding:20px;}
#rightColumn{width: 205px;height: auto;display: block;float:left;padding:10px 4px 0 0;}


/* footer */


#footer{width: 100%;height:242px;display: block;float: left;
background-image: url(../img/layout/bg-footer.jpg);background-repeat: repeat-x;}
#footerContent{width: 940px;height:220px;display: block; margin: 0 auto;  padding-top: 20px;}


/* boxes at left and right column */


.agendaBox{width: 192px; height: auto;display: block;background-color: #E0E0CF;
background-image: url(../img/layout/boxOne-top.jpg);background-repeat: no-repeat;padding-top:30px; margin-bottom: 20px;}
.agendaBox h2{font-size:12px;
margin-left:12px;}
.agendaBox2{background-color:#E0E0CF;
background-image:url(../img/layout/boxOne-top.jpg);
background-repeat:no-repeat;
display:block;
height:auto;
margin-bottom:20px;
margin-left:14px;
margin-top:5px;
padding-bottom:8px;
padding-left:16px;
padding-top:30px;
width:175px;}
.agendaBox ul{width: 170px;list-style: none; display: block; margin: 0 auto;}
.agendaBox ul li{width: 170px;height: auto; display: block;font-size: 11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.agendaBox ul li a{width: 155px;height: auto; display: block;
padding: 5px 0 5px 15px;background-position: 2px 7px;border-bottom: 1px solid #C4C4B3;
text-decoration: none;background-image: url(../img/layout/bullet.png);background-repeat: no-repeat;}
.agendaBox ul li a:hover{ background-color: #dadac9;}
.agendaWrap{ width: 192px; height: 14px; display:block; clear: both;background-image: url(../img/layout/boxOne-bottom.jpg);}
.noticiasslide{ width: 170px;display: block; margin: 0 auto; margin-top:10px; }
.noticiasBox2{background-repeat:no-repeat;display:block;float:right;height:auto;padding-bottom:15px;padding-top:10px;width:192px;}
.noticiasBox{width: 192px; height: auto;display: block;background-color:#2D576D;margin-top:10px;
background-image: url(../img/layout/boxright-top.jpg);background-repeat: no-repeat;padding-top:30px; float: right; padding-bottom: 0px; }
.noticiasBox ul{width: 170px;list-style: none; display: block; margin: 0 auto;}
.noticiasBox ul li{width: 170px;height: auto; display: block;font-size: 11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.noticiasBox ul li a{width: 155px;height: auto; display: block; color: #FFF;
padding: 5px 0 5px 15px;background-position: 2px 7px;border-bottom: 1px solid #C4C4B3;
text-decoration: none;background-image: url(../img/layout/bullet.png);background-repeat: no-repeat;}
.noticiasBox ul li a:hover{ background-color: #326079;}
.noticiasWrap{ width: 192px; height: 14px; display:block; clear: both;background-image:  url(../img/layout/boxright-bottom.jpg);}

#rightColumn .agendaBox2{background-image:none; background-color: transparent;}

.rightBoxTitleSubmenu{width:175px; font-size: 14px;float:left;  margin:10px 0 0 20px; border-bottom:1px dashed #305A71;}
ul#submenu{width:175px; float:right;
list-style:none;
margin:0px;
padding-bottom:10px;}

ul#submenu li{}

ul#submenu li a{font-size:12px; color:#888;text-decoration: none; }
ul#submenu li a:hover{color: #F7B32F; }



/* news boxes inside center column */


.boxCenterLeft, .boxCenterRight{width: 207px;height: 168px;display: block;background-image: url(../img/layout/bg-boxCenter.jpg);
background-repeat: no-repeat;padding: 40px 10px 10px 10px;;}


.boxCenterLeft{ float: left;}
.boxCenterRight{ float: right;}


.leermas a{float: right;color: #ebaa2c;text-decoration: none;}
.leermas a:hover{text-decoration: underline;}


/* Extra Footer styles */


.footerSiteMap, .footerinfo{width: 386px;height: 160px;border-top: 6px solid #F7B32F;}
.footerSiteMap{float: left;}
.footerinfo{  float: right;}

.footerinfo img{  float: left;}

.footerSiteMap ul{width: 150px; height: auto;float: left;list-style: none;margin-left: 5px;}
.footerSiteMap ul li{font-size: 11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.footerSiteMap ul li a{color: #FFF;}

.footerinfo ul{width:300px;height: auto; display:block; margin:0 0 5px 0; padding:0px;  float:right;list-style: none; }
.footerinfo ul li{font-size: 11px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFF;}
.footerinfo ul li a{color: #FFF;}

p.creditos{color: #FFF;float: right; clear: both; width:530px;}

.left{float:left;}
.right{float:right;}


#map {
height:405px;
margin:0 0 0 -14px;
width:506px;
}
/* -------------- CATEGORIES -------------- */
#categories {		font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
					font-size:14px;}
#categories h2 {		border-bottom: 1px solid #dfccc3;padding-bottom: 7px;
					color:#993909;font-size:24px;font-weight:normal;letter-spacing:-0.03em;	}
#categories dl {		-moz-background-clip:border;-moz-background-inline-policy:continuous;
					-moz-background-origin:padding;
					background:transparent url(../img/folder.png) no-repeat scroll 0 0;
					float:left;margin:10px 10px 8px 0;padding-left:60px;width:420px; height:40px; }
#categories dt {		font-size: 12px;margin: 0;}
#categories dt a {	color: #305a71;;	text-transform: capitalize;	}
#categories dd {		font-size: .75em; color: #777777;	line-height: 1.2em;	}

/* -------------- LISTING ELEMENTS -------------- */
#centerColumn .categories.empty * {	color: #afafaf;	}
#centerColumn .categories.empty a {	color: #dfa78b;	}
#centerColumn .categories.empty a:hover {}
#listings {	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
			font-size:14px;}
#listings h2 {	border-bottom: 1px solid #dfccc3;padding-bottom: 7px;}
#listings dl {	margin: 0;	padding: 10px 0;border-bottom: 1px dotted #cccccc;	}
#listings dt {	background: url(../img/bullet.png) no-repeat left 0;padding-left: 20px;	
				font-size: 1.1em;	margin: 0;}
#listings dt a {	color: #993909;	text-transform: capitalize;	}
#listings dd {	font-size: .75em;color: #777777;
				line-height: 1.2em;
				margin-left: 20px;}
#listings .links, #centerColumn #listings .links {
				margin: 5px 0;font-style: normal;font-size: 1.1em;}
#listings .links li, #centerColumn #listings .links li {
			padding: 0 10px 0 0;display: inline;}
#listings .links li a, #centerColumn #listings .links li a {color: #993909;}
#centerColumn #listings li a.outlink {
	background: url(../img/link.png) no-repeat left 3px;
	padding: 0 0 0 16px;}
#centerColumn #listings li a.detail {
		background: url(../img/detail.png) no-repeat left 1px;
		padding: 0 0 0 16px;}
		
/* -------------- LISTING DETAILS -------------- */
#listing_detail {font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:12px;}
#listing_detail .clearfix {display:block;}
#listing_detail ul li {padding-left:0.2em;}
#listing_detail h2 {	border-bottom: 1px solid #dfccc3;padding-bottom: 7px;color:#993909;
						font-size:24px;font-weight:normal;letter-spacing:-0.03em;}
#listing_detail h2 a {color: #993909;}
#listing_detail h2 a:hover {color: #2d2b22;text-decoration: none;}
#listing_detail ul {	margin: 30px 15px;	padding: 0;	float:left;	}
#listing_detail li {	padding: 0;border-bottom: 1px dotted #cccccc;float:left;}
#listing_detail dl {	float: left;margin: 5px 0;}
#listing_detail dt {	margin: 0 15px 0 0;	width: 100px;float: left;color: #29261b;}
#listing_detail dt a {color: #993909;	text-transform: capitalize;	}
#listing_detail dd {	width: 330px;	float: left;}
#listing_detail li a, #centerColumn listing_detail li a {	color: #993909;	}

.error{
-moz-border-radius-bottomleft:7px;
-moz-border-radius-bottomright:7px;
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
background-color:wheat;
border-width:2px;
margin:0 auto 30px;
padding:5px;
text-align:center;
width:50%;
}
/* -------------- NEWS -------------- */
.post {		padding: 0px 20px;margin-bottom: 20px;}
.post .title {	margin-bottom: 20px;padding-bottom: 5px;}
h1 #article_heading {	margin-bottom: 0;}
.post h1 {	width: 520px;	padding: 0px 0 0 0px;	padding-bottom: 5px;}
.post .entry {}
.meta {		margin: 15px 15px 15px 0px;font-size: 10px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #666;
			height:20px;}
.meta p {	margin: 0;height:16px	padding-top: 15px;	line-height: normal;
			font-size: 10px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;height:20px!important;
			color: #666;}
.post .meta .byline {	float: left;}
.post .meta .links {	float: right;}
.post .meta .more {	padding: 0 20px 0 18px;}
.post .meta .comments {	padding-left: 22px;}
.post .meta b {	display: none;}
.grid_5 {	width:200px;display:inline;
			float:left;	margin: 6px 10px 0;}
#article_analysis fieldset{padding:10px; background-color:#DEDFCF;}			
#article_analysis legend{	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
						color: #305a71;font-size: 14px;}		
#not_descrip{float:left;}	
/* -------------- SEARCH -------------- */
.search {-webkit-border-radius: 5px;
-moz-border-radius:10px 10px 10px 10px;
background-color:#DEDFCF;
color:#666666;
display:block;
float:left;
margin-top:20px;
padding:13px 15px 10px 20px;
width:92%;
}
.search #s {	border:1px solid #DFE1E0;
			margin-right:5px;padding:3px;width:230px;}
.search #x {	-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background:#0A5688 none repeat scroll 0 0;
			border:medium none;color:#FFFFFF;
			font-size:11px;padding:3px;text-transform:lowercase;}
.search input, select, textarea {
			-moz-border-radius-bottomleft:3px;
			-moz-border-radius-bottomright:3px;
			-moz-border-radius-topleft:3px;
			-moz-border-radius-topright:3px;
			border:1px solid #999999;font-size:12px;line-height:14px;
			margin:0;padding:2px;}
.search input, textarea, select {	color:#333333;
							font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
							font-size:13px;}
.search label {	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
				font-size:12px;margin:0 2px 0 20px;}
.search .search_input {
				border:1px solid #999999;	padding:2px;	width:200px;}
h2.pop {		font-size:20px;line-height:23px;margin:0 0 10px;
			padding-bottom:4px;	text-transform:lowercase;}
h2.pop {		padding-bottom:4px;	margin: 0 0 10px 0;
			font-size: 20px;	line-height: 23px;}
ul.articles {
			list-style-image:none;list-style-type:none;	
			margin: 10px 0 0;padding: 0;}
ul.articles li {
			line-height:18px;padding:0 0 5px 20px;
			margin-left: 0;margin: 0;font-size:11px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			background: url(../img/page_white.png) no-repeat 0 1.6px;}

.lavaLampBottomStyle {	width:480px;height:20px;float:left;display: block;list-style:none;
						position: absolute;top: 98px;left: 260px;margin: 0 auto;}
.lavaLampBottomStyle li {	float: left; list-style: none;}
.lavaLampBottomStyle li.back {	border-bottom: 5px inset white;width: 9px;
								height: 27px;z-index: 8;position: absolute;}
.lavaLampBottomStyle li a {
                        text-decoration: none;color: #000;
                        outline: none;text-align: center;
                        top: 10px;letter-spacing: 0;
                        z-index: 10;display: block;
                        float: left; height: 18px;
                        position: relative;overflow: hidden;margin: auto 0;}   
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                        border: none;}                   
/* -------------- Breadcrumbs -------------- */
#news_breadcrumbs span{ 	font-size:11px;font-weight:bold;}
#news_breadcrumbs h1 a{ 	color: #ECAF0A;}
#news_breadcrumbs p{		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: #666;
						font-size: 11px;margin: 0;text-align:justify;}
/* -------------- Rating -------------- */
#rating {	-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background-color:#e9e9e9;clear:both;
			margin:7px 0;overflow:hidden;
			padding:3px 0 0;width: 482px;}
#rating div {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background-color:#e9e9e9;overflow:hidden;
			padding:0 0 3px 4px;}
#rating div .container {
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			background:transparent none repeat scroll 0 0;
			float:right;padding:0 8px 0 69px;width:380px;}
#rating div .container h3 {padding-top:8px;}
#rating .buttons {	float:left;margin:0 -62px 0 0;
					overflow:hidden;padding:3px 0;}
#rating li {	float:left;list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			padding-right:4px;}
			#rating span{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color: #666;
						font-size: 11px;}
#rating .buttons li a {		background-image:url(../img/seo-thumbs.gif);
						background-repeat:no-repeat;display:block;
						height:26px;overflow:hidden;text-indent:-5000px;
						width:26px;}
#seo-rate-u {background-position:0 -40px;}
#seo-rate-d {background-position:0 -172px;}
#seo-rate-u:hover, #seo-rate-u.on {background-position:0 -106px;}
#seo-rate-d:hover, #seo-rate-d.on {background-position:0 -238px;}
/* -------------- Activities -------------- */
#activities_month{margin-top:15px;}
#activities_month h2{border-bottom: 1px groove black;}
.act_month {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
border:1px solid buttonshadow;
margin-bottom:10px;
padding:5px;
background-color:#DEDFCF;;
}
.act_month:hover{ background-color:#ccc;}


#description{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
margin: 10px 0;
}

#invoicework_description ul{ list-style:none;}

#invoicework_description ul li{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
margin: 10px 0;}




#navigation_cal ul li{ font-size:12px;}

#news_features{
	border-top:dashed 1px #666;
	border-bottom:dashed 1px #666;
	padding-top:5px;
	margin-bottom:15px;
	}
	
#resumen_actv_obser{float:right;
margin-right:10px;
margin-top:-22px;}



.print_btn{ background-image:url(../img/layout/document-text.png);
padding-left:18px;
height:20px;
width:50px;
padding-top:4px;
background-repeat:no-repeat; }
#bookmark{ background-image:url(../img/layout/toggle-expand.png);
padding-left:18px;
height:20px;
width:50px;
padding-top:4px;
background-repeat:no-repeat;}
/* -------------- Tooltips -------------- */
#actv_observ{
	float:right;}
	
	#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

#centerColumn table{ background-color:#cbdce6;  padding:8px; border-bottom:#244E64 solid 8px; }

#centerColumn table table{  border-bottom:none; }

#submenu li{font-size:13px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;}

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:1px solid #ddd;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}