/* 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;}

/*Estructura*/
#main {width:979px; margin:0 auto; padding:12px 0 30px; overflow:hidden; clear:both;}
#head {width:977px; margin:0; padding:0; clear:both; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;}
#content {width:977px; margin:0; padding:8px 0 0; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; clear:both;}
#content-foot {width:977px; margin:0; padding:0; overflow:hidden; border-left:1px solid #ccc; border-right:1px solid #ccc; clear:both;}
#footer {width:977px; margin:0; padding:15px 0; overflow:hidden; background-color:#F7F7F7; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

/*Contenido*/
.cont-menu {width:302px; margin:0; padding:10px 0 10px; float:left;}
.cont-port {width:675px; margin:0; padding:10px 0 0; float:right;}

/*Menu*/
.cont-menu .area-menu1 {width:260px; margin:0 auto; padding:0 0 22px; overflow:hidden; clear:both; background-color:#F6F6F6;}
*.area-menu1 .rotulo {margin:0 0 8px; padding:6px 0; background-color:#333366;}
*.area-menu1 .rotulo p {margin:0 28px; font-size:18px; font-weight:bold; color:#fff;}
*.area-menu1 .titular {width:224px; margin:6px auto 0; padding:0 0 6px; border-bottom:1px solid #DDD; background:url(/prontus_concejobogota/imag/auxi/flecha_menu.gif) no-repeat top left;}
*.area-menu1 .titular a {margin:0 8px; font-size:12px; font-weight:normal; color:#000;}
*.area-menu1 .titular a:hover {color:#cc0000;}
/**/
.cont-menu .area-menu2 {width:260px; margin:0 auto; padding:0 0 22px; overflow:hidden; clear:both; background-color:#F6F6F6;}
*.area-menu2 .rotulo {margin:0 0 8px; padding:6px 0; background-color:#990000;}
*.area-menu2 .rotulo p {margin:0 28px; font-size:18px; font-weight:bold; color:#fff;}
*.area-menu2 .titular {width:224px; margin:6px auto 0; padding:0 0 6px; border-bottom:1px solid #DDD; background:url(/prontus_concejobogota/imag/auxi/flecha_menu.gif) no-repeat top left;}
*.area-menu2 .titular a {margin:0 8px; font-size:12px; font-weight:normal; color:#000;}
*.area-menu2 .titular a:hover {color:#cc0000;}

/*Head*/
.head-top {width:977px; height:130px; margin:0 auto; padding:0; background:url(/prontus_concejobogota/imag/head/back_head.jpg) no-repeat top left;}
.head-gris {width:977px; background-color:#E7E7E7; overflow:hidden;}
.head-gris .titular {padding:6px 0; background:url(/prontus_concejobogota/imag/head/back_borde.gif) no-repeat top right; float:left;}
.head-gris .titular a {padding:6px 12px 6px 14px; font-size:12px; font-weight:bold; color:#000;}
.head-gris .titular a:hover {padding:6px 12px 6px 14px; font-size:12px; color:#fff; background-color:#006600;}
.head-rojo {width:977px; background-color:#cc0000; overflow:hidden;}
.head-rojo .menu-head {width:811px; text-align:left; float:left;}
.head-rojo .menu-head .titular {padding:10px 0; border-right:1px solid #fff; float:left;}
.head-rojo .menu-head .titular a {padding:10px 12px 10px 14px; font-size:11px; font-weight:bold; color:#fff;}
.head-rojo .menu-head .titular a:hover {padding:10px 12px 10px 14px; font-size:11px; color:#fff; background-color:#006600;}
.head-rojo .buscador {width:166px; text-align:left; float:right;}
.buscador .search {margin:4px 0 0;}
*.search td.td-search {width:110px; height:24px; background:url(/prontus_concejobogota/imag/head/back_search.gif) no-repeat top left; overflow:hidden;}
*.search .td-search .campo {width:95px; margin:0 0 0 8px; font-size:11px; font-weight:normal; color:#666; border:0; background-color:#fff;}

/*Footer*/
#footer .destacado {font-size:16px; font-weight:normal; color:#999;}
#footer .texto {font-size:12px; font-weight:normal; color:#999;}
#footer table {margin:0 auto;}

/*FIN*/