/*Login*/
.login {width:333px; margin:4px 0 0; padding:0; height:120px; background:url(/prontus_concejobogota/imag/head/back_user.gif) no-repeat top left;}
.login .top-login {width:285px; margin:0 auto; padding:22px 0 0; font-size:11px; font-weight:bold; color:#333;}
.login .top-login .back-field {height:25px; background:url(/prontus_concejobogota/imag/head/back_field.gif) no-repeat left top; overflow:hidden;}
*.back-field .field {width:85px; margin:0 0 0 5px; padding:3px; font-size:11px; font-weight:normal; color:#666; border:0;}
.top-login .button {width:63px; height:23px; font-size:11px; font-weight:bold; color:#fff; background:url(/prontus_concejobogota/imag/head/back_button.gif) no-repeat left top; border:0;}
.login .foot-login {width:285px; margin:10px auto 0;}
.login .foot-login .td-border {font-size:11px; font-weight:normal; color:#000; text-align:left; border-right:1px solid #C4C4C4;}
*.foot-login .link1 {margin:0 0 5px; background:url(/prontus_concejobogota/imag/head/back_flecha.gif) no-repeat left top;}
*.foot-login .link1 a {margin:0 0 0 16px; font-size:11px; font-weight:bold; color:#cc0000;}
*.foot-login .link1 a:hover {text-decoration:underline;}
*.foot-login .link2 {background:url(/prontus_concejobogota/imag/head/back_flecha.gif) no-repeat left top;}
*.foot-login .link2 a {margin:0 0 0 16px; font-size:11px; font-weight:bold; color:#006600;}
*.foot-login .link2 a:hover {text-decoration:underline;}

/*Encuesta*/
.rec-enc {width:260px; margin:10px auto 12px; padding:0 0 10px; overflow:hidden; border:1px solid #ccc; background-color:#F7F7F7; clear:both;}
.rec-enc .rotulo {margin:0 0 8px; padding:6px 0; background-color:#cc0000;}
.rec-enc .rotulo p {margin:0 20px; font-size:17px; font-weight:bold; color:#fff;}
.rec-enc .bajada {margin:0 14px 3px; font-size:11px; font-weight:normal; color:#333;}
.rec-enc .opciones {width:240px; margin:0 auto; font-size:11px; font-weight:bold; color:#333;}
.rec-enc .opciones td.pad {padding:0 12px 0 0;}
.rec-enc .button {width:60px; margin:3px 0 0; font-size:12px; font-weight:bold; color:#fff; background-color:#cc0000; border:1px solid #cc0000;}

/*Recuadro div layer*/
.rec-layer {width:260px; margin:10px auto; padding:0 0 12px; border:1px solid #ccc; background-color:#F7F7F7; overflow:hidden; clear:both;}
.rec-layer .auxi {margin:0;}
.rec-layer .rotulo {margin:12px 0 0; padding:0 0 18px;}
.rec-layer .rotulo p {margin:0 0 0 18px; font-size:16px; color:#fcfcfc;}
/**/
.rec-layer .botones-mas {width:260px; margin:0; overflow:hidden; background:url(/prontus_concejobogota/imag/auxi/back_layer.gif) repeat-x top left;}
.rec-layer .botones-mas .boton-on {float:left; margin:0; padding:13px 9px 18px; font-size:12px; font-weight:bold; color:#fff; background:url(/prontus_concejobogota/imag/port/backon_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton-on2 {float:left; margin:0; padding:13px 7px 18px; font-size:12px; font-weight:bold; color:#fff; background:url(/prontus_concejobogota/imag/port/backon_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton {float:left; overflow:hidden; margin:0;}
.rec-layer .botones-mas .boton a {display:block; padding:13px 7px 18px; font-size:12px; font-weight:bold; color:#666699; background:url(/prontus_concejobogota/imag/port/backof_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton a:hover {padding:13px 7px 18px; font-size:12px; font-weight:bold; color:#fff; background:url(/prontus_concejobogota/imag/port/backon_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton-st {float:left; overflow:hidden; margin:0;}
.rec-layer .botones-mas .boton-st a {display:block; padding:13px 9px 18px; font-size:12px; font-weight:bold; color:#666699; background:url(/prontus_concejobogota/imag/port/backof_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton-st a:hover {padding:13px 9px 18px; font-size:12px; font-weight:bold; color:#fff; background:url(/prontus_concejobogota/imag/port/backon_mas.gif) no-repeat left top;}
.rec-layer .botones-mas .boton-final {padding:13px 9px 18px; font-size:12px; background:url(/prontus_concejobogota/imag/port/backof_mas.gif) no-repeat left top;}
.rec-layer .parche_ie6 {display:none; position:absolute; left:-1000px;}
.rec-layer .area {width:210px; margin:0 0 0 25px; overflow:hidden; padding:9px 0; font-size:10px; color:#666; border-bottom:1px solid #c7c7c7; text-align:justify;}
.rec-layer .area a {margin:0; font-size:11px; color:#000; clear:both; display:block;}
.rec-layer .area a:hover {color:#CC0000;}

/*FIN*/