/*
Theme Name: Observatorio
Description: Tema especial para la pagina del observatorio
Version: 1.0
Author: Reyner Sibaja
Author URI: http://reynersibaja.com
*/


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


/* General Styles Definitions */
body {background-color:#FFF; background-image: url(images/layout/bg.jpg); background-repeat: repeat-x;}

a{color:#112c42;text-decoration: none;}
a:hover{text-decoration: underline;}


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

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


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: 12px;
clear: both;
margin: 0;
margin-left: 15px;}

h2.leftBoxTitle{color: #012F51;}
h2.righBoxTitle{color: #FFF;}

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

h3 a{
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;
}



/* Layout */

#layout{width: 940px;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(images/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{width:540px;height:20px;float:left;display: block;list-style:none;
position: absolute;top: 92px;left: 210px;margin: 0 auto; }
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;}

/* all columns container */

#content{width: 940px;height: auto;margin: 0 auto;
display: block;padding-bottom: 40px;background-image: url(images/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(images/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(images/layout/boxOne-top.jpg);background-repeat: no-repeat;padding-top:30px; margin-bottom: 20px;}
.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(images/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(images/layout/boxOne-bottom.jpg);}

.noticiasBox{width: 192px; height: auto;display: block;background-color:#2D576D;;
background-image: url(images/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(images/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(images/layout/boxright-bottom.jpg);}

/* news boxes inside center column */

.boxCenterLeft, .boxCenterRight{width: 207px;height: 168px;display: block;background-image: url(images/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;}

.footerSiteMap ul{width: 120px;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;float:right;list-style: none;margin-left: 5px;}
.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;}





.comment-author{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #666;
font-size: 14px;
margin: 10px 0;
font-weight:bold;}

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



ol.commentlist{
	list-style:none;
	margin-bottom:25px;}



ol.commentlist li{
	border-bottom:1px dashed #666;}