/* CSS Document */
/***Tags HTML***/
* {font-family:Arial,Tahoma,Verdana,Helvetica,Sans-Serif; margin:0; padding:0;}
body {margin:0; padding:0; border:0; background-color:#fff;}
html>body {margin:0; padding:0; background-color:#fff;}
a, a:hover, a:hover * {text-decoration:none;}
form {margin:0; padding:0;}
img {border:0;}
.separa, .spacer {clear:both; overflow:hidden; height:1px;}

/*Recuadro Galerķa*/
.rec-gal {width:260px; margin:10px auto 0; padding:0 0 12px; background-color:#669966;}
.rec-gal .cont-boton {width:260px; margin:0 auto; padding:0; background:url(/prontus_concejobogota/imag/auxi/back_boton.gif) repeat-y top left; overflow:hidden;}
*.cont-boton .banner125 {width:125px; margin:0 0 0 2px; padding:0; height:46px; float:left;}
.rec-gal .titular {width:260px; margin:8px auto 0; background-color:#669966;}
.rec-gal .titular a {margin:0 15px; font-size:18px; font-weight:bold; color:#fff;}
.rec-gal .titular a:hover {color:#D5EDD5; text-decoration:underline;}
.rec-gal .foto245 {margin:5px 0 0 7px; border:1px solid #A3C2A3;}

/*Area Noticia Principal*/
.area-main {width:650px; overflow:hidden; clear:both;}
.area-main .rotulo, .area-separa .rotulo, .area-separa2 .rotulo {margin:0 0 13px; padding:8px 0; background-color:#88B6CE;}
.area-main .rotulo p, .area-separa .rotulo p, .area-separa2 .rotulo p {margin:0 16px; font-size:12px; font-weight:bold; color:#fff;}
.area-main .not-main {margin:0 15px; padding:0 0 20px; overflow:hidden; clear:both;}
/**/
.not-main .titular {margin:0 0 10px; font-size:25px; font-weight:normal; color:#003366; line-height:27px;}
.not-main .titular a {font-size:25px; font-weight:normal; color:#003366; line-height:27px;}
.not-main .titular a:hover {color:#cc0000;}
.not-main .bajada {font-size:12px; font-weight:normal; color:#333; text-align:justify;}
.not-main .epigrafe {margin:0; padding:0; font-size:11px; font-weight:bold; color:#006600;}
.not-main .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
.not-main .foto260 {margin:0 12px 0 0; border:6px solid #EDEBEB; float:left;}
.not-main .vermas {margin:10px 0 0; padding:4px 0; width:58px; background-color:#003366; float:left;}
.not-main .vermas a {margin:0; padding:0 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#003366;}
.not-main .vermas a:hover {margin:0; padding:4px 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#cc0000;}

/*Area Noticias bajo Principal*/
.area-separa {width:650px; overflow:hidden; clear:both;}
.area-separa .not-post {margin:0; width:325px; height:160px; float:left;}
.not-post .titular {margin:0 20px 8px 15px; clear:both;}
.not-post .titular a {font-size:16px; font-weight:normal; color:#003366;}
.not-post .titular a:hover {color:#cc0000;}
.not-post .bajada {margin:0 20px 0 15px; font-size:11px; font-weight:normal; color:#333; text-align:justify;}
.not-post .epigrafe {margin:0 20px 0 15px; padding:0; font-size:11px; font-weight:bold; color:#006600;}
.not-post .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
.not-post .foto100 {margin:0 10px 0 15px; float:left;}
.not-post .vermas {margin:8px 0 0; padding:4px 0; width:53px; background-color:#D2E2F2; border:1px solid #A1B4C7; float:left;}
.not-post .vermas a {margin:0; padding:0 6px; height:21px; font-size:10px; font-weight:bold; color:#003366; background-color:#D2E2F2;}
.not-post .vermas a:hover {margin:0; padding:4px 6px; height:21px; font-size:10px; font-weight:bold; color:#fff; background-color:#cc0000;}

/*Area Noticias bajo Banner*/
.area-separa2 {width:650px; margin:0; padding:0; overflow:hidden; clear:both; background:url(/prontus_concejobogota/imag/auxi/back_separa.gif) repeat-y top left;}
.area-separa2 .not-post2 {margin:0; width:325px; height:175px; float:left;}
.not-post2 .titular {margin:0 20px 5px 15px; clear:both;}
.not-post2 .titular a {font-size:16px; font-weight:normal; color:#003366;}
.not-post2 .titular a:hover {color:#cc0000;}
.not-post2 .bajada {margin:0 20px 0 15px; font-size:12px; font-weight:normal; color:#333; text-align:justify;}
.not-post2 .epigrafe {margin:0 20px 0 15px; padding:0; font-size:11px; font-weight:bold; color:#006600;}
.not-post2 .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
.not-post2 .foto90 {margin:0 10px 0 15px; border:1px solid #ccc; float:left;}
.not-post2 .vermas {margin:10px 0 0; padding:4px 0; width:62px; background-color:#003366; float:left;}
.not-post2 .vermas a {margin:0; padding:0 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#003366;}
.not-post2 .vermas a:hover {margin:0; padding:4px 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#cc0000;}

/*Area Links Noticias*/
.area-separa3 {width:650px; margin:0; padding:0 0 30px; overflow:hidden; clear:both;}
.area-separa3 .rotulo {margin:20px 0 13px; padding:8px 0; background-color:#E9F1F6;}
.area-separa3 .rotulo p {margin:0 16px; font-size:12px; font-weight:bold; color:#3399CC;}
.area-separa3 .not-links {margin:0 0 9px; background:url(/prontus_concejobogota/imag/auxi/flecha_cel.gif) no-repeat top left; float:left;}
.not-links .titular {margin:0 20px 5px 22px; clear:both;}
.not-links .titular a {display:block; font-size:12px; font-weight:normal; color:#333;}
.not-links .titular a:hover {color:#cc0000;}

/*Recuadros*/
.area-separa3 .left {width:325px; float:left; overflow:hidden; text-align:left;}
.area-separa3 .left .rec1 {width:314px; margin:0; padding:0 0 10px; border:1px solid #ccc; background-color:#F7F7F7;}
*.rec1 .rotulo {width:314px; margin:0; padding:7px 0; background-color:#036600;} 
*.rec1 .rotulo p {margin:0 20px; font-size:16px; font-weight:bold; color:#fff;}
*.rec1 .not-post3 {margin:12px auto 0; width:285px; clear:both;}
*.rec1 .not-post3 .titular {margin:0 0 5px 0;}
*.rec1 .not-post3 .titular a {font-size:16px; font-weight:normal; color:#003366;}
*.rec1 .not-post3 .titular a:hover {color:#cc0000;}
*.rec1 .not-post3 .bajada {margin:0; font-size:11px; font-weight:normal; color:#333; text-align:justify;}
*.rec1 .not-post3 .epigrafe {margin:0; padding:0; font-size:11px; font-weight:bold; color:#006600;}
*.rec1 .not-post3 .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
*.rec1 .not-post3 .foto75 {margin:0 10px 0 0; border:1px solid #ccc; float:left;}
*.rec1 .not-post3 .vermas, *.rec2 .not-post3 .vermas {margin:10px 0 0; padding:4px 0; width:58px; background-color:#003366; float:right;}
*.rec1 .not-post3 .vermas a, *.rec2 .not-post3 .vermas a {margin:0; padding:0 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#003366;}
*.rec1 .not-post3 .vermas a:hover, *.rec2 .not-post3 .vermas a:hover {margin:0; padding:4px 6px; height:21px; font-size:12px; font-weight:bold; color:#fff; background-color:#cc0000;}
.area-separa3 .right {width:325px; float:right; overflow:hidden; text-align:right;}
.area-separa3 .right .rec2 {width:314px; padding:0 0 10px; border:1px solid #ccc; background-color:#CEDBCE;}
*.rec2 .rotulo {width:314px; margin:0; padding:7px 0; background-color:#036600; text-align:left;} 
*.rec2 .rotulo p {margin:0 20px; font-size:16px; font-weight:bold; color:#fff;}
*.rec2 .not-post3 {margin:12px auto 0; width:285px; clear:both; text-align:left;}
*.rec2 .not-post3 .titular {margin:0 0 5px 0;}
*.rec2 .not-post3 .titular a {font-size:16px; font-weight:normal; color:#036600;}
*.rec2 .not-post3 .titular a:hover {color:#cc0000;}
*.rec2 .not-post3 .bajada {margin:0; font-size:11px; font-weight:normal; color:#333; text-align:justify;}
*.rec2 .not-post3 .epigrafe {margin:0; padding:0; font-size:11px; font-weight:bold; color:#006600;}
*.rec2 .not-post3 .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
*.rec2 .not-post3 .foto75 {margin:0 10px 0 0; border:1px solid #ccc; float:left;}

/*Area Footer*/
.rot-foot {width:950px; margin:0 auto 14px; padding:6px 0; border:1px solid #91BD91; background-color:#CADECA; clear:both;}
.rot-foot p {margin:0 25px; font-size:18px; font-weight:normal; color:#036600;}
.not-foot {width:290px; margin:0; padding:0 0 0 30px; height:165px; float:left;}
.not-foot .titular {margin:0 15px 8px 0; clear:both;}
.not-foot .titular a {font-size:14px; font-weight:normal; color:#006600;line-height:18px;}
.not-foot .titular a:hover {color:#cc0000;}
.not-foot .bajada {margin:0 15px 0 0; font-size:11px; font-weight:normal; color:#333; text-align:justify;}
.not-foot .epigrafe {margin:0 15px 0 0; padding:0; font-size:11px; font-weight:bold; color:#006600;}
.not-foot .epigrafe p {margin:0; font-size:11px; font-weight:bold; color:#006600;}
.not-foot .foto90 {margin:0 15px 0 0; float:left; border:1px solid #ccc;}
.not-foot .vermas {margin:8px 15px 0 0; padding:3px 0; width:58px; background-color:#669966; border:1px solid #669966; float:left;}
.not-foot .vermas a {margin:0; padding:0 6px; height:18px; font-size:11px; font-weight:bold; color:#fff; background-color:#669966;}
.not-foot .vermas a:hover {margin:0; padding:3px 6px; height:18px; font-size:11px; font-weight:bold; color:#fff; background-color:#cc0000;}

/*Banner*/
.banner620 {width:620px; margin:0 0 17px 15px; clear:both;}
.banner260 {width:260px; margin:0 0 6px 20px; padding:0; clear:both;}

/*FIN*/