/* 

	project: internet services - 2nd edition
	author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */

body { 
	font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff; 
	color: #444; 
}

a {	color: #E0691A;	background: inherit; text-decoration:none; border: 0px}
/*a:hover { color: #6C757A; background: inherit; }*/

h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; }
h1 a { color: #737373; background: inherit; }
.orange { color: #E0692A; }
sup { font-size: .5em; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

ul { list-style : none; }

/* layout
   ------ */

.content { 
	margin: 0 auto;
	width: 980px;
	/*padding: 10px; */
}

.header { 
	height: 70px;
	background: #fff url(images/headerbg.gif) repeat-x bottom;
	color: #808080;
	margin: 3px 0;
	padding: 5px 0 0 0;
}

.top_info {
	float: right;
	width: 555px;
	vertical-align:middle;
	padding: 5px 0 4px 0;
	color: #808080;
}

	.top_info_left {
		width:250px;
		float: left;
		text-align: center;
	}
	
	.top_info_center {
		width: 450px;
		float: left;
		border-left: 1px solid #eee;
	}

	.top_info_right {
		float: right;
		width: 180px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
		text-align: center;
	}

.browse_category  {
	width: 390px;
	color: #FFF;
	background: inherit;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.container4 {
	text-align:center; 
	background:#ff9148 url(images/menubg.gif); 
	border-width:5px 1px 1px 1px; 
	height:30px;
   margin:0 0 20px 0; /* for this demo only */
}

.menu4 {
  text-align:left; 
  font-family: "Trebuchet MS", Arial, Sans-Serif;
  position:relative; 
  font-size:1.3em; 
  font-weight: bold;
  font-variant: small-caps;
  background:transparent; 
  width:1000px; 
  height:30px; 
  margin:0 auto;
}

.menu4 ul {
  padding:0; 
  margin:0; 
  list-style-type: none;
}
.menu4 ul li {
  float:left; 
  position:relative;
  z-index: 100;
}

.menu4 ul li.catastro {background:transparent url(/Catastro/images/catastro.png) 9px 6px no-repeat;}
.menu4 ul li.servicios {background:transparent url(/Catastro/images/servicios.png) 9px 6px no-repeat;}
.menu4 ul li.productos {background:transparent url(/Catastro/images/productos.png) 9px 6px no-repeat;}
.menu4 ul li.informacion {width: 110px; background:transparent url(/Catastro/images/informacion.ico) 9px 6px no-repeat;}
.menu4 ul li.aplicaciones {background:transparent url(/Catastro/images/aplicaciones.png) 9px 6px no-repeat;}

.menu4 ul li ul li.mision {background:transparent url(/Catastro/images/mision.png) 9px 6px no-repeat;}
.menu4 ul li ul li.meta {background:transparent url(/Catastro/images/meta.png) 9px 6px no-repeat;}
.menu4 ul li ul li.antecedentes {background:transparent url(/Catastro/images/antecedentes.png) 9px 6px no-repeat;}
.menu4 ul li ul li.descfunciones {background:transparent url(/Catastro/images/descfunciones.ico) 9px 6px no-repeat;}
.menu4 ul li ul li.directorio {background:transparent url(/Catastro/images/directorio.png) 9px 6px no-repeat;}
.menu4 ul li ul li.organigrama {background:transparent url(/Catastro/images/organigrama.gif) 9px 6px no-repeat;}
.menu4 ul li ul li.marcolegalmenu {background:transparent url(/Catastro/images/marcolegal.png) 9px 6px no-repeat;}

.menu4 ul li.tablaservicios {background:transparent url(/Catastro/images/tablaservicios.png) 9px 6px no-repeat;}
.menu4 ul li.statustramite {background:transparent url(/Catastro/images/statustramite.png) 9px 6px no-repeat;}

.menu4 ul li ul li.catalogoproductos {background:transparent url(/Catastro/images/catalogoproductos.ico) 9px 6px no-repeat;}
.menu4 ul li ul li.solicitudmapa {background:transparent url(/Catastro/images/solicitudmapa.png) 9px 6px no-repeat;}

.menu4 ul li ul li.cedula {background:transparent url(/Catastro/images/cedula.png) 9px 6px no-repeat;}
.menu4 ul li ul li.zonashomogeneas {background:transparent url(/Catastro/images/zonashomogeneas.ico) 9px 6px no-repeat;}
.menu4 ul li ul li.tipologia {background:transparent url(/Catastro/images/tipologia.gif) 9px 6px no-repeat;}
.menu4 ul li ul li.mapainteractivo {background:transparent url(/Catastro/images/mapainteractivo.jpg) 9px 6px no-repeat;}
.menu4 ul li ul li.redgeodesica {background:transparent url(/Catastro/images/redgeodesica.png) 9px 6px no-repeat;}
.menu4 ul li ul li.peritos {background:transparent url(/Catastro/images/peritos.png) 9px 6px no-repeat;}

.menu4 ul li ul li.ecatastro {background:transparent url(/Catastro/images/ecatastro.png) 9px 6px no-repeat;}
.menu4 ul li ul li.ecarto {background:transparent url(/Catastro/images/ecarto.png) 9px 6px no-repeat;}
.menu4 ul li ul li.predial {background:transparent url(/Catastro/images/predial.ico) 9px 6px no-repeat;}

.menu4 ul li.delete {background:transparent url(../images/delete.gif) 9px 6px no-repeat;}
.menu4 ul li.show {background:transparent url(../images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.last {background:transparent url(../images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.first {background:transparent url(../images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.all {background:transparent url(../images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.none {background:transparent url(../images/articles_menu.gif) 9px 6px no-repeat;}
.menu4 ul li.subsubl {background-image:url(../images/next.gif);background-repeat: no-repeat;background-position: top right;}


.menu4 ul li a, .menu4 ul li a:visited {
  display:block; 
  text-decoration:none; 
  width:80px; 
  height:30px; 
  color:#FFF; 
  padding-left:30px; 
  line-height:29px;
}

* html .menu4 ul li a, .menu4 ul li a:visited {
  width:80px; w\idth:70px;
}

.menu4 ul li ul {
  visibility:hidden; 
  position:absolute; 
  top:0; 
  left:0; 
  height:0; 
  overflow:hidden;

}

.menu4 ul li ul li {
    font-size:.8em; 
    font-weight: normal;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
  color:#c00; text-decoration:none; border:0;
}

.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
  visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}

.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
  display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
  display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; w\idth:125px;
}

.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
  visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
  color:#00f; text-decoration:underline;
}

.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
  visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}

.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
  display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px; w\idth:140px;
}

* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
  color:#000; text-decoration:underline;
}	
	
/* search form */
.search_field { 
	background: #fff url(images/searchbg.gif) no-repeat right; 
	color: #808080;
	clear: both;
	font-weight: bold;
	padding: 7px 12px 10px 10px;
	margin: 5px 0;
}
	input.search { 
		width: 150px; 
		border: 0;
		background: #FFF url(images/input.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	
	input.search150 { 
		width: 150px; 
		border: 0;
		background: #FFF url(images/input150.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.search100 {
		width: 100px; 
		border: 0;
		background: #FFF url(images/input100.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	
	input.submit {
		background: #E0691A url(images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: right; }

/* left side
   --------- */

.left {
	float: left;
	width: 634px;
	margin: 0 0 10px 0;
}

.left p {	
	margin: 0 0 5px 0;
	font: 1.2em "Trebuchet MS", Arial, Sans-serif; }


.left h2 {
	clear: both;
	background: #E8E8E8 url(images/h2bg.gif) no-repeat center left;
	color: #444;
	padding: 3px 0 4px 43px;
	font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 10px 0;
}
	.left_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;
	}
		
	.left_side a, .right_side a { color: #414141; background: #FFF; }
		
	.right_side {
		float: right;
		width: 280px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	.left_box { 
		margin: 0 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding: 3px 0; 
	}
	
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 340px;
	margin: 0 0 10px 0;
}
	.right h3 {
		background: #BDBDBD  url(images/h3bg.gif) no-repeat center right;
		color: #FFF;
		padding: 8px 0 8px 5px;
		font: bold 1em Tahoma, Arial, Sans-Serif;
		margin: 0 0 3px 0;
	}
	.right_articles {
		background: #f5f5f5;
		color: #414141;
		padding: 8px;	
		margin: 0 0 3px 0;
	}
	.notice {
		background: #eee;
		color: #808080;
		padding: 12px 8px;	
		margin: 0 0 3px 0;
	}
	.image {
		float: left;
		margin: 0 9px 3px 0;
	}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}
	.footer a { color: #808080; background: #fff; }
	
/* mapa
	----- */
#map {
            width: 700px;
            height: 480px;
            border: 1px solid black;
            margin: 5px 5px 5px 5px;
}

/* ----- slideshow 
 --------- */
 .slideshow {
  	margin: 10px 100px 10px;
	border: 1px solid black;  	}
  	
.marcolegal {
  width: 240px;
  margin: 15px 5px 15px 40px;
  } 
  
  .marcolegal tr {
    height: 40px;
    text-align: justify;
  }
  
  .marcolegal td {
    padding: 2px 2px 2px 2px;
   }
 
 /* folios
  --------------- */
  
 #loadingfolio {
 	width: 300px;
 	height: 300px;
 	display: none;
 	}

.gralfolio {
  width: 500px;
  height: 350px;
  margin: 10px 10px 10px 10px;
  float: left;
  display: none;
  }

.historico {
	width: 430px;
	height: 350px;
	margin: 10px 10px 10px 10px;
	float: right;
	display: none;
	overflow: auto;
	}
	
.etiquetas {
  text-align: right;
  width: 110px;
  }