@charset "utf-8";
/* Powered by el foco creativo - programmer christian benitez */

body{padding:0 0 0 0; margin:0 0 0 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; background:url(../images/top-header-img.jpg) repeat-x; width:100%;}

/* All Other Class */ 
.clear{clear:both;}
a{text-decoration:none; color:#018758;}
a:hover{text-decoration:none; color:#018758; text-decoration:underline;}
.on{padding: 8px 8px 8px 8px; border:1px #060 solid;}
.on:hover{padding: 8px 8px 8px 8px; border:1px #060 solid; background:#060; text-decoration:none; color:#FFF;}
.off{padding: 8px 8px 8px 8px; border:1px #036 solid; background:#036; color:#FFF;}
/* All ID + Class */

/* Main ID */
#main{margin:0 auto 0 auto; width:900px; height:100%;}

/* Header */
#header{width:100%;}

/* Header - Top */
#header #h-t{width:100%; height:30px; margin-top:0px; float:left;}
#header #h-t ul{padding-left:0px; padding-top:0px; margin-top:0px; margin-right:5px; float:right;}
#header #h-t ul li{float:left; margin-top:0px; list-style:none; line-height:30px;}
#header #h-t ul li a{padding:0px 5px 5px 5px; color:#FFF; text-decoration:none;}
#header #h-t ul li a:hover{background:#478150; color:#FFF;}

#header #h-t form{float:right; margin-right:10px; margin-top:5px; width:138px;}
#header #h-t form .quest{border:none; background:url(../images/bg-search.jpg) no-repeat; width:100px; height:19px; margin-right:0px; margin-top:0px; padding-right:0px; float:left; padding-left:14px; line-height:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#header #h-t form .btn-search{border:none; background: url(../images/btn-search.jpg) no-repeat; width:24px; height:19px; margin-left:0px; margin-top:0px; padding-left:0px; float:right; cursor:pointer;}

/* Header - Menu */
#header #h-m{width:100%; height:60px; margin-top:10px; background:url(../images/bg-menu.jpg) repeat-x; float:left;}
#header #h-m ul{padding-left:0px; padding-top:0px; margin-top:0px; float:left;}
#header #h-m ul li{float:left; margin-top:0px; list-style:none; line-height:60px;}
#header #h-m ul li a{padding:0px 25px 0px 25px; /*color:#737373;*/ color:#063; text-decoration:none; float:left; margin-top:0px; text-align:center;}
#header #h-m ul li a:hover{background:url(../images/bg-btn-menu.jpg) repeat-x; color:#FFF;}
#header #h-m ul li .c-hover{background:url(../images/bg-btn-menu.jpg) repeat-x; color:#FFF;}

/* Header - Presentation */
#header #h-b{width:100%; height:340px; margin-top:10px; background:url(../images/img-pres.jpg) no-repeat; float:left;}

/* Content */
#content{width:100%; margin-top:10px; float:left;}

#content #c-a{width:85%; margin:0 auto 0 auto;}
#content #c-a h1{font-size:20px; color:#018758;}
#content #c-a h2{font-size:17px; color:#018758;}

#content #c-c{width:85%; margin:0 auto 0 auto;}
#content #c-c h1{font-size:20px; color:#018758;}
#content #c-c h2{font-size:17px; color:#018758;}
#content #c-c p{text-align:justify; border-left:#018758 solid 5px; padding-left:10px; margin-bottom:50px;}
#content #c-c ol{line-height:28px;}
#content #c-c #contact-left{width:250px; float:left; margin-left:40px; margin-right:20px;}
#content #c-c #contact-right{width:450px; float:left;}
#content #c-c #contact-right form{float:left; background:#cdcdcd; margin-bottom:60px;}

#content #c-c #bar{background:#f2f2f2; width:100%; height:25px; display:block; margin-top:15px; color:#222; line-height:25px;}
#content #c-c #bar a{text-align:right; float:right; margin-right:15px;}

#content #c-c #panel {padding-left:20px; padding-top:20px;}
#content #c-c #panel .icono{width:100px; height:100px; margin:20px 20px 20px 20px; display:block; text-align:center; float:left;}
#content #c-c #panel a{text-align:center; display:block;}

#content #c-gal{width:85%; margin:0 auto 0 auto;}
#content #c-gal h1{font-size:20px; color:#018758;}
#content #c-gal h2{font-size:17px; color:#018758;}

/* Content - Left */
#content #c-l{width:615px; height:auto; float:left; border:none;}
#content #c-l #c-n {width:435px; height:auto; float:left; border:none;}
#content #c-l #c-n h1{font-size:20px; margin-bottom:5px;}
#content #c-l #c-n #news{width:430px; background:url(../images/bar-img.jpg) no-repeat bottom; margin-top:20px; float:left;}
#content #c-l #c-n #news #date{font-size:10px; color:#9c0a0a;}
#content #c-l #c-n #news #title h2{font-size:18px; color:#1a65a3; padding-top:2px; margin-top:0px;}
#content #c-l #c-n #news #text{margin-bottom:10px;}
#content #c-l #c-n #news #comment img{vertical-align:middle;}
#content #c-l #c-n #news #comment{font-size:14px; width:100%; text-align:right; margin-bottom:10px;}

#content #c-m{width:180px; float:left; display:block;}
#content #c-m h1{width:100%; text-align:center; font-size:20px; color:#018758;}
#content #c-m #cal{width:180px; height:190px; background:url(../images/cal.png) no-repeat;}
#content #c-m #cal span{color:#FFF; font-size:72px; text-align:center; width:100%; margin-top:10px; display:block; float:left;}
#content #c-m .mes {color:#FFF; font-size:20px; text-align:center; width:100%; margin-top:5px; display:block;float:left;}
#content #c-m .anho {color:#FFF; font-size:24px; text-align:center; width:100%; margin-top:10px; display:block;float:left;}

#content #c-g{width:100%; float:left;}
#content #c-g h1{width:90%; font-size:20px; margin-left:15px;}
#content #c-g #bg-gal{background:url(../images/bg-gal.jpg); margin:0 auto 0 auto; width:554px; height:274px; padding-top:10px;}
#content #c-g #bg-gal #bg-white{background:#FFF; width:534px; height:264px; margin:0 auto;}
#content #c-g #bg-gal #bg-white img{border:5px solid #CCC; margin:20px 0px 0px 18px;}

#content #c-r{width:280px; float:right; display:block;}
#content #c-r #public{width:100%;  float:left; display:block; background:url(../images/bar-gray.jpg) repeat-y;}
#content #c-r #public #note{width:96%; min-height:250px; padding-left:10px; padding-bottom:20px; padding-top:30px; float:left; display:block;}

#content #c-r #public #note h2{font-size:20px; text-transform:uppercase; color:#47780e;}
#content #c-r #public #note p{margin-top:0px; margin-bottom:0px;}
#content #c-r #public #note .ap{text-align:right; margin-right:10px;}

#content #c-r #rss{margin-top:15px; float:left; background:url(../images/bg-rss.png) no-repeat top center; width:100%;}
#content #c-r #rss h1{width:100%; font-size:20px; background:#FFF; margin-top:0px;}
#content #c-r #rss a{color:#FFF; margin-left:15px; line-height:20px; font-size:18px;}

.title{text-align:center;}
#Login{width:80%; height:300px; margin:0 auto 0px auto;}
#Login form{margin:50px auto 0px auto; width:90%; height:130px;}
#Login form label{float:left; width:40%; height:22px;}
#Login a{text-align:right;}
.square{border:#CCC 1px solid; float:right; height:22px;}
.buttom{border:none; background:url(../images/bg-btn-menu.jpg) repeat-x bottom; width:60px; margin-top:15px; color:#FFF; padding:10px 0 10px 0; cursor:pointer; float:right;}
.buttom:hover{background:url(../images/bg-btn-menu.jpg) repeat-x top;}

/* Footer */
#footer{width:100%; height:59px; background:url(../images/bg-footer.jpg) repeat-x; color:#FFF; margin-top:10px; float:left;}
#footer span{display:block; float:left; padding-top:20px; padding-left:20px; padding-right:20px;}
#footer span a{color:#069; text-decoration:none;}
#footer span a:hover{color:#fff;}


/* Download */ 

#download{width:50%; margin:100px auto 0 auto; text-align:center;}