@charset "UTF-8";

/**************************************************
	CSS Document
	Oscar Jaime Loaiza Echeverri
	http://www.ojotal.com
	Estilos desarrollados para la aplicacion Monitor Urbano de la Primera Curadura Urbana de Manizales 
	Creado: 		Febrero/15/2009
	Actualizado: 	Junio/15/2009
**************************************************/

/* ESTRUCTURA
------------------------------------------------------------------*/
body, #contenedor {	
	min-height: 100%; /* alto minimom FF y Safari */
    width: 100%;
    height: 100%; /* alto minimo para IE Windows */
    margin: 0;
    padding: 0;	font-family:Arial, Helvetica, sans-serif;}
	
	body {background:#FFF url(html_bg.jpg) top left repeat-x;}
	*{ margin:0; padding:0;}
	
	#contenedor{width:1024px; height:auto; margin:0 auto; padding:0;}
	
	#contenido{padding:20px; background:#E2E2E2;}
	
	#header{width:1024px; height:210px; background:#E2E2E2 url(header_bg.jpg) no-repeat; position:relative; top:0;}

/* MENU PRINCIPAL
------------------------------------------------------------------*/	
	#menu{ height:31px; width:auto; margin:0; padding:90px 0 0 0; position:relative; background:transparent;}
		#menu ul {padding:0; margin:0;}
		#menu ul li {float:left; margin:-2px 1px 0 1px; padding:0; list-style:none; display:block; height:31px;}
		#menu ul li a{font-size:14px; color:#9E062A; display:block; width:107px; margin:0; background:url(menu_btn.png) top no-repeat; background-position:0 2px; text-align:center; text-decoration:none; font-weight:bold; height:auto; height:20px; padding-top:13px; border:none;}
		#menu ul li a:hover{color:#FFF; background-position:0 -30px;}
		#menu span{font-size:14px; color:#FFFFFF; display:block; width:107px; margin:4px; background:url(menu_btn.png) bottom no-repeat; text-align:center; font-weight:bold; height:22px; padding-top:6px;}
			
/* SUBMENU VINCULADO
------------------------------------------------------------------*/
@import "submenu.css";

/* CERRAR/AYUDA
------------------------------------------------------------------*/
		#herramientas{height:82px; width:36px; float:right;}
			
			#herramientas ul{height:74px; padding:0; margin:0; list-style:none;}
			#herramientas li{width:26px; height:26px; padding:0;  margin:0 4px; float:left;}
			#herramientas li a{width:28px; height:28px; background-position: 0 0; padding:0; margin:0; display:block; border:none; }

				#herramientas ul li.inicio a{background:url(inicio.jpg) left no-repeat;}
				#herramientas ul li.inicio a:hover{background-position:-28px 0}
				#herramientas ul li.ayuda a{background:url(ayuda.jpg) left no-repeat;}
				#herramientas ul li.ayuda a:hover{background-position:-28px 0}
				#herramientas ul li.salir a{background:url(salir.jpg) left no-repeat;}
				#herramientas ul li.salir a:hover{background-position:-28px 0}

		
/* SUBMENU VENTANA
------------------------------------------------------------------*/		
		#submenuV{height:24px; width:auto; background:#E2E2E2; position: relative; padding:0; margin:0;}

		#contenido #submenuV ul{height:24px; padding:0 0 0 16px; margin:0; list-style:none; text-align:center;}
		#contenido #submenuV ul li{ padding:0; margin:0; float: left;}
			#contenido #submenuV ul li a{height:24px; width:136px; color:#990000; padding:6px 0 0 0; padding-left:0px; font-size:11px; display:block; background:url(menu_v.jpg) left no-repeat; background-position:-137px 0; border:none;;}
			#contenido #submenuV ul li a:hover{background-position:0 0; color:#FFFFFF; padding:6px 0 0 0; font-weight:bold;}
			
			#contenido #submenuV ul li span{height:24px; width:136px; color:#FFFFFF; padding:6px 0 0 0; font-size:11px; display:block; background: url(menu_v.jpg) left no-repeat; background-position:0 0; font-weight:bold;}
			
/* CONTENIDO TITULOS
------------------------------------------------------------------*/
	h1, h2, h3, h4, h5, h6{font-family: "Georgia", Times New Roman, Times, serif;}
	h1{font-size:1.6em; font-weight:bold; color:#590000;}
	h2{font-size:1.6em; font-weight:bold; color:#8A0000; margin:3px 0 2px 25px; letter-spacing: 1px; text-align: left;}
	h3{font-size:1.5em; font-weight:bold; color:#B60000; margin:5px 0 2px 35px; text-align:left;}
	h4{font-size:1.3em; font-weight:bold; color:#E60000; text-align:left; margin-left:45px;}
	h5{font-size:0.8em; font-weight:bold; color:#666666; text-align:left; margin-left:35px;}
	h6{font-size:0.6em; font-weight:bold; color:#333333; text-align:left; margin-left:35px;}
	
/* CONTENIDO INTERNO
------------------------------------------------------------------*/
	/* parraros */
	p{font: 0.8em Arial, Verdana, Helvetica, sans-serif; text-align: justify; padding:0 5px 8px;}
	
	/* vinculos */
	a, a:link, a:visited{color:#B60000; text-decoration:none; padding: 0 2px 0 2px; border-bottom:#B60000 1px solid;}
	a:hover{color:#B60000; background: #DBDBDB; padding: 0 2px 0 2px; border-bottom:none;}
	a img{border: 0pt none; vertical-align:middle;}

	/* imagenes */
	img {text-align:center; margin:0; padding:0; border:#EFEFEF 3px solid;}
	
	/* listas */
	#contenido li p{margin-left:0 ; margin-right:0; padding-left:0; padding-right:0; padding-top:0; margin-top:0;}

	/* ul */
	#contenido ul{text-align:justify; padding:0; list-style-type:none; margin: 0 0 0 35px; font: 0.8em Arial, Helvetica, sans-serif;}
	#contenido ul li{ padding:8px 10px 5px 25px; margin:0 15px 6px 0; line-height:12px; background:transparent url(li.jpg) 0 5px no-repeat; list-style-type:none; padding-bottom:0;}
	
	/* ol */
	#contenido ol{margin: 0 25px 0 60px; padding:0; font-weight:bold; font: 0.8em Arial, Helvetica, sans-serif;}
	#contenido ol p, ol li{font-weight:normal; text-align:justify; padding:3px;}
	#contenido ol li p {margin-left:0 ; margin-right:0; padding-left:0; padding-right:0; padding-top:0; margin-top:0;}
	#contenido ol ul{ margin:0; padding:0}
	
	/* blockquote */
	blockquote{ background: #EFEFEF; padding: 10px 10px 10px 10px; margin:5px 40px 5px 40px; border:#CCCCCC 1px solid; text-align:justify;}
	
/* VENTANA
------------------------------------------------------------------*/	
	#ventana{background:#E2E2E2 url(mid_bg.gif) repeat-y; margin:0 auto 35px auto; height:auto; padding:0; width: 574px;}
	
	#sup{background:url(sup_bg.jpg) top no-repeat; height:26px; width:574px; margin:0; padding:0;}
	
	#venta_cont{ padding:10px 15px 0; text-align:justify; color:#333333;}
		
	#inf{background:url(inf_bg.gif) top no-repeat; height:14px; margin:0; padding:0;}
	
/*TABLAS
------------------------------------------------------------------*/

.tabla {text-align:center !important; margin: 10px;}
div.tabla table {
margin: 0 auto;
text-align: left;
}
	
table {
	background-color: #FFFFFF;
	border: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

table a:link, table a:visited, table a:active {
	background-color: transparent;
	color: #0096BD;
	text-decoration: none;
}

table a:hover {
	background: transparent;
	color: #000000;
	text-decoration: underline;
}

table caption {
	background-color: transparent;
	color: #666666;
	font-weight:bold;
	font-size: 1em;
	padding-bottom: 8px;
	padding-left: 8px;
	text-align: center;
	letter-spacing: 0.8px;
}

table, td, th {
	margin: 0;
	padding: 0;
}
table{border:3px solid #EFEFEF;}

tbody td, tbody th {
	background-color: #FFFFFF;
	border-top: 1px solid #CCCCCC;	
	border-right: 2px solid #989898;	
	border-bottom: 2px solid #989898;
	border-left: 1px solid #CCCCCC;
	padding: 4px; color:#333333;
}

tbody th {background:#E6D9C1;}

tbody tr.odd th, tbody tr.odd td {
	background-color: #EFEFEF;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	color:#E60000; font-weight:bold;
	text-align:center;
}

tbody tr.odd2 th, tbody tr.odd2 td {
	background-color: #EFEFEF;
	color:#E60000; font-weight:bold;
}

td, th {
	vertical-align: middle;
}

tfoot{background:#EAEAEA; color:#8A0000; text-align:center;}

tfoot td, tfoot th {
	font-weight: bold;
	padding: 4px 8px 6px 9px;
	border:#CCCCCC 1px solid;
}

thead th {
	background:#E2E2E2; 
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	padding: 4px 8px 4px 8px;
	white-space: nowrap;
}
thead tr {
	color: #B60000;
	}
	
/* FOOTER
------------------------------------------------------------------*/
	
	#footer {position: relative; width: auto; height: 28px; padding:0; margin: auto; background:#DBDBDB url(footer_bg.jpg) bottom repeat-x;  border-left: #C7C7C7 1px solid; border-right: #C7C7C7 1px solid; border-bottom:#C7C7C7 1px solid;}
		#footer p{margin:0; padding:5px 0 0 20px; text-align:center; color: #FFF; font:0.9em; letter-spacing:0.5px; line-height:140%;}