@import url(composicion.css);
@import url(limpiar.css);
/************************************************************
Diseño: Danilo Sarmiento
Email: danilo@intarmedia.net
***********************************************************
Estilos globales asambleadearauca.gov.co
------------------------------------------------------------------
General
-------------------------------------------------------------------*/
BODY
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: url(../images/bg_body.jpg) no-repeat fixed bottom;
	height: 100%;
	margin: 0px;
	color: #003333;
}
HTML, BODY
{
	height: 100%;
}
H1
{
	font-size: 1.5em;
	padding: 5px 5px 15px;
}
H2
{
	font-size: 1.2em;
}
UL
{
	display: block;
}
LI
{
	margin-bottom: 5px;
}
/*contenedor bg*/
#content
{
	background: url(../images/bg_cabecera.png) repeat-x;
	width: 100%;
	height: 305px;
}
/*Cabeceras*/
#cabecera
{
	width: 960px;
	margin: 0 auto;
}
/*Contenido*/
#centrico
{
	width: 990px;
	min-height: 400px;
	float: left;
}
/*Contenido*/
#contenido
{
	font-size: 12px;
	margin: -100px auto 0px;
	_margin: 0px auto;
}
.contenido .hd .c, .contenido .ft .c
{
	font-size: 1px;
/*ensure minimum height*/
	height: 11px;
}
.contenido .ft .c
{
	height: 14px;
}
.contenido .hd
{
	background: transparent url(../png/tl.png) no-repeat 0px 0px;
	margin-right: 14px;
/*space for right corner*/
}
.contenido .hd .c
{
	background: transparent url(../png/tr.png) no-repeat right 0px;
	margin-right: -14px;
/*pull right corner back over "empty" space (from above margin)*/
}
.contenido .bd
{
	background: transparent url(../png/ml.png) repeat-y 0px 0px;
	margin-right: 6px;
}
.contenido .bd .c
{
	background: transparent url(../png/mr.png) repeat-y right 0px;
	margin-right: -6px;
}
.contenido .bd .c .s
{
	margin: 0px 8px 0px 4px;
	background: #FFF url(../png/ms.png) repeat-x 0px 0px;
	padding: 1em;
}
.contenido .ft
{
	background: transparent url(../png/bl.png) no-repeat 0px 0px;
	margin-right: 14px;
}
.contenido .ft .c
{
	background: transparent url(../png/br.png) no-repeat right 0px;
	margin-right: -14px;
}
/*Centro*/
#centro
{
	margin: 0;
}
#centroinicio
{
	float: left;
	width: 360px;
}
/*MENU
-------------------------------------------------------------------*/
#barramenu
{
	background: url(../images/bg_menu.png) repeat-x;
	width: 955px;
	color: #FFF;
	font-weight: bold;
}
#barramenu UL
{
	float: left;
	margin: 13px 0 0 25px;
	height: 45px;
}
#barramenu LI
{
	display: inline;
	padding: 0px 8px 7px;
	border-right: 1px solid #4A4A4A;
}
#barramenu A
{
	color: #FFFFFF;
	font-size: 15px;
	text-decoration: none;
}
#barramenu A:hover
{
	color: #FFCC00;
}
/*Contenido
-------------------------------------------------------------------*/
#notasinicio
{
	float: left;
	width: 290px;
	background: #FFF;
	padding: 0 3px 0 0;
	margin: 0 5px 0 10px;
	font-size: 12px;
/*solo ie6*/
	_width: 278px;
	_margin: 0 5px;
}
#notasinicio UL
{
	margin: 0px;
}
#notasinicio LI
{
	padding: 5px 0;
}
#notasinicio P
{
	text-align: justify;
	line-height: 1.3em;
}
.ilead
{
	border-bottom: 1px dotted #C00;
}
.tnoticias
{
	background: url(../images/f_t_noticias.png) no-repeat;
	width: 250px;
	height: 25px;
	padding: 5px;
	margin: 5px 0 0px;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}
#notasinicio A
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
#notasinicio A:hover
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000;
}
/*Centro*/
#fotoinicio
{
	font-size: 12px;
	width: 360px;
	margin: 0 5px;
	float: left;
}
#fotoinicio IMG
{
	width: 360px;
}
#fotoinicio P
{
	padding: 5px;
	text-align: justify;
	line-height: 1.2em;
}
/*Orden  del día*/
#ordendia
{
	float: left;
	width: 170px;
	margin: 0 0 0 5px;
}
.tordendia
{
	background: url(../images/bg_torden.png) repeat-x;
	width: 165px;
	height: 20px;
	padding: 0 0 0 5px;
	margin: 5px 0 0px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
#ordendia UL
{
	list-style: none;
	padding: 5px 0px;
	line-height: 1.2em;
}
#ordendia LI
{
	background: url(../images/cuadrado_azul_4x4.png) no-repeat 0px 7px;
	padding-left: 8px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #369;
}
#ordendia A
{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#ordendia A:hover
{
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}
/*Videos*/
#galeria_inicio
{
	float: left;
	width: 170px;
	margin: 0 0 0 8px;
}
.tgaleria_inicio
{
	background: url(../images/bg_torden.png) repeat-x;
	width: 165px;
	height: 20px;
	padding: 0 0 3px 5px;
	margin: 5px 0 0 1px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
#galeria_inicio IMG
{
	width: 170px;
}
.galery LI
{
	width: 115px;
	display: inline;
}
/*lateral ordenanzas*/
#lateral
{
	float: left;
	width: 260px;
	padding: 1px;
	margin-left: 15px;
}
/*Mesa Directiva*/
#mesadirectiva
{
	float: left;
	width: 260px;
	margin: 0 0 5px;
}
#mesadirectiva .diputado
{
	float: right;
	padding: 4px;
	background: #E5E5E5;
	border: 1px solid #666;
	width: 70px;
}
#mesadirectiva P
{
	width: 165px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 10px 0 10px 5px;
}
#mesadirectiva SPAN
{
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
}
#mesadirectiva A
{
	color: #2D4653;
	text-decoration: none;
}
#mesadirectiva A:hover
{
	color: #F00;
}
#mesadirectiva .tmesa
{
	background: url(../images/bg_titulomesa.png) no-repeat;
	width: 260px;
	height: 25px;
	padding: 5px;
	margin: 0 0 5px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
/*Mesa directiva Interna*/
#diputados{
	width:900px;
	padding:5px 0 5px 20px;
	float:left;
	margin:0 0 10px 0;
	}
#diputados li{
	float:left;
	display:inline;
	width:160px;
	margin:5px 20px;
	height:360px;
	}
#diputados .fotodiputado{
	width:160px;
	border:#666 1px solid;
	padding:6px;
	background:#CCC;
	}
#diputadologo{
	width:120px;
	margin:5px auto;
	}
#diputados .fotodiputado:hover{
	background:#666;
	}
#diputados p{
	width:160px;
	float:left;
	margin:5px auto;
	}
#diputados a{
	color:#29364B;
	text-decoration:none;
	font-weight:bold;
	}
#diputados a:hover{
	color:#F00;
}

/*Ordenanzas*/
.tordenanzas
{
	background: url(../images/bg_titulomesa.png) no-repeat;
	width: 260px;
	height: 25px;
	padding: 5px;
	margin: 0 0 5px;
	color: #666;
	font-weight: bold;
	font-size: 16px;
}
#ordenanzas
{
	width: 260px;
	float: left;
	margin: 0;
}
#ordenanzas UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.2em;
}
#ordenanzas LI
{
	background: url(../images/cuadrado_azul_4x4.png) no-repeat 0px 7px;
	padding: 0 0 2px 8px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #002448;
}
#ordenanzas A
{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}
#ordenanzas A:hover
{
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}
#borden
{
	margin: 8px;
}
#lateralbanners
{
	float: left;
	width: 217px;
	border-right: 1px solid #F7F7F7;
	background: #FFF;
	padding: 1px;
}
/*Pie*/
#pie
{
	min-height: 125px;
	background: #FFFFFF;
	background: url(../images/f_pie.png) repeat-x;
	margin: 0 auto;
}
.pie .hd .c, .pie .ft .c
{
	font-size: 1px;
/*ensure minimum height*/
	height: 11px;
}
.pie .ft .c
{
	height: 14px;
}
.pie .hd
{
	background: transparent url(../png/tl_2.png) no-repeat 0px 0px;
	margin-right: 14px;
/*space for right corner*/
}
.pie .hd .c
{
	background: transparent url(../png/tr_2.png) no-repeat right 0px;
	margin-right: -14px;
/*pull right corner back over "empty" space (from above margin)*/
}
.pie .bd
{
	background: transparent url(../png/ml.png) repeat-y 0px 0px;
	margin-right: 6px;
}
.pie .bd .c
{
	background: transparent url(../png/mr.png) repeat-y right 0px;
	margin-right: -6px;
}
.pie .bd .c .s
{
	margin: 0px 8px 0px 4px;
	background: #FFF url(../png/ms.png) repeat-x 0px 0px;
	padding: 1em;
	clear: both;
}
.pie .ft
{
	background: transparent url(../png/bl.png) no-repeat 0px 0px;
	margin-right: 14px;
}
.pie .ft .c
{
	background: transparent url(../png/br.png) no-repeat right 0px;
	margin-right: -14px;
}
/*Otros estilos pie*/
#menudatos
{
	float: left;
	width: 250px;
	height: 120px;
	color: #000;
	font-size: 10px;
	padding-top: 5px;
}
.gober
{
	text-align: center;
	padding-top: 15px;
	margin-left: 5px;
	float: left;
	width: 70px;
}
.webmail
{
	width: 65px;
	text-align: center;
	padding-top: 20px;
	margin-left: 10px;
	float: left;
}
.mapasitio
{
	width: 40px;
	text-align: center;
	margin-top: 34px;
	margin-left: 25px;
	float: left;
}
#menudireccion
{
	width: 380px;
	float: left;
}
#menupie
{
	width: 380px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	height: 45px;
}
#menupie UL
{
	float: left;
	height: 7px;
}
#menupie LI
{
	display: inline;
	border-right: 1px solid #FFF;
	padding: 0 6px;
}
#menupie A
{
	font-size: 12px;
	color: #069;
	text-decoration: none;
}
#menupie A:hover
{
	font-size: 12px;
	color: #F30;
	text-decoration: none;
}
#direccion
{
	float: left;
	color: #000;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 0 22px;
	width: 400px;
}
#trabajando
{
	float: left;
	margin: 5px 0 0 30px;
	width: 267px;
	height: 120px;
/*	background: url(../images/caro_gente.png) no-repeat;*/
	_width: 230px;
/*	_background: url(../images/trabajandoxarauca.gif) no-repeat;*/
	_margin-right: 5px;
}
/*listado titulares*/
.titulo_categoria
{
	background: url(../images/f_titulocategorias.png) no-repeat left;
	padding: 10px 0 10px 17px;
	margin: 5px;
	color: #036;
	font-weight: bold;
	font-size: 14px;
}
/*Detalles notas*/
#n_detalle
{
	padding: 5px 15px 0;
	width: 600px;
	float: left;
}
#n_detalle P
{
	line-height: 1.5em;
	margin-bottom: 10px;
	text-align: justify;
}
.titular
{
	font-size: 15px;
	font-weight: bold;
	padding: 5px 5px 15px;
}
/*Foto interna*/
#fotointerna
{
	width: 500px;
	margin: 5px auto;
}
#fotointerna IMG
{
	width: 500px;
	padding: 4px;
	background: #E6E6E6;
	border: 1px solid #999;
}
#fotointerna P
{
	font-size: 11px;
	padding: 3px;
}
.titularfecha
{
	font-size: 10px;
	font-style: italic;
}
#detalle_galeria
{
	float: left;
	width: 450px;
}
#detalle_archivos
{
	float: left;
	width: 450px;
}
/*lista titulares por categoria*/
#titulares_lista
{
	padding-top: 10px;
	float: left;
	width: 320px;
}
#titulares_lista UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#titulares_lista LI
{
	background: url(../images/cuadrado.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#titulares_lista A
{
	color: #006666;
	text-decoration: none;
}
#titulares_lista A:hover
{
	color: #FF0000;
	text-decoration: none;
}
/*Archivos*/
#archivos
{
	width: 100%;
}
#archivos UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#archivos LI
{
	background: url(../images/cuadrado_azul.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#archivos h2{
	font-size:16px;
	font-weight:bold;
	}
#archivos a{
	color:#069;
	text-decoration:none;
	}
#archivos a:hover{
	color:#F00;
	}	
/*Formularios*/
#formularios
{
	float: left;
	margin-top: 10px;
	width: 100%;
	height: 100%;
}
#formularios H4
{
	margin: 10px;
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #CC9;
	font-size: 16px;
}
#formularios FORM
{
	padding: 15px 5px 15px 10px;
	font-size: 12px;
}
#formularios INPUT, TEXTAREA, SELECT
{
	border-top: 1px solid #FEA8A3;
	border-right: 1px solid #FEA8A3;
	border-bottom: 1px solid #F93F33;
	border-left: 1px solid #F93F33;
	width: 300px;
	color: #3F4A73;
	padding: 2px 2px 2px 4px;
	margin-top: 10px;
}
#formularios INPUT:focus, TEXTAREA:focus
{
	background: #FEF8F0 url();
	border: 1px solid #F19488;
	color: #0E0640;
}
#formularios INPUT#submit
{
	width: 130px;
	height: 25px;
	background: #EC3226 no-repeat 6px 9px;
	padding: 2px 0px 3px 5px;
	color: #FFF;
	text-align: left;
	margin-left: 10px;
	border: none;
}
#formularios INPUT#submit:focus
{
	background: #03B0F4 6px 9px;
}
/*Contacto error*/
#contacto_validar
{
}
#contacto_validar
{
	width: 500px;
	margin: 200px auto 0;
	background: #E5E5E5 url(../images/Error.png) no-repeat right;
	border: 1px dashed #776363;
	padding: 35px;
}
#contacto_validar H1
{
	color: #F60D0D;
	font-weight: bold;
}
#contacto_validar P
{
	margin-left: 160px;
}
/*Contacto validado*/
#contacto_check
{
	width: 500px;
	margin: 200px auto 0;
	background: #E5E5E5 url(../images/Good.png) no-repeat right;
	border: 1px dashed #776363;
	padding: 40px;
}
#contacto_check H1
{
	color: #39A328;
	font-weight: bold;
}
#contacto_check P
{
	margin-left: 160px;
}
/*galeria*/
#galeria
{
	width: 400px;
	display: block;
}
.linizq
{
	background: #FF3300;
	color: #FFFFFF;
	font-weight: bold;
	width: 100px;
	padding: 0 5px;
	margin: 0 0 0 5px;
}
.linder
{
	background: #FFCCCC;
}
/*Mapa sitio*/
#mapasitio
{
	padding-top: 10px;
}
#mapasitio UL
{
	list-style: none;
	padding: 5px 10px;
	line-height: 1.3em;
}
#mapasitio .rojo
{
	background: url(../images/cuadrado.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio .azul
{
	background: url(../images/cuadrado_azul.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio .verde
{
	background: url(../images/cuadrado_verde.png) no-repeat 0px 7px;
	padding-left: 17px;
	margin-bottom: 10px;
}
#mapasitio A
{
	color: #006666;
	text-decoration: none;
}
#mapasitio A:hover
{
	color: #FF0000;
	text-decoration: none;
}
/*Secciones*/
.linkseccion
{
	font-size: 14px;
	margin: 10px;
}
.linkseccion LI
{
	display: inline;
	padding: 0 5px;
	border-right: 1px solid #000000;
}
.linkseccion A
{
	color: #0099CC;
	text-decoration: none;
}
.linkseccion A:hover
{
	color: #FF9900;
}