/* html { overflow-y:hidden; } */

* {
	padding: 0px;
	margin: 0px;
}

body { font-family:Century Gothic;
		/* font-size:12px;		 */
}
ul 
 {
	 list-style:none;
	 /* font-size:12px; */
	 
 }
 
#menu_lateral ul li{
	color: red;
	
} 
#menu-herramientas h1 
{
    text-transform:uppercase;
    letter-spacing:3px;
    font-size:22px;
    font-weight:normal;
    padding-top:2px;
} 
#web-content
 {
	 width:990px;
	 margin:0 auto;
	 
 }
#head
 {
	 margin-top:34px;
	 /* margin-bottom:8px; */
   position:relative;
   top:-21px;
 }
#head .col-left 
  {
  float:left;
  width:190px;  
  text-align:center;
  }
#head .col-left img 
   {
   margin:5px 0 0 0;
   }
#head .col-left h2
 {
	 color:#3F74AA;
	 font-size:18px;
	 font-family:Century Gothic;
	 margin-top:5px;
 }
#head .col-right 
  {
  position:relative;
  margin-left:190px;
  height:180px;
  width:750px;
  }
 /*#head #logo-ue
 {
     position:absolute;
     left:0;
     top:0;
     z-index:100;
 }*/
 #head #observa
 {
     position:absolute;
     left:492px;
     top:0;
     z-index:100;
 }
 
#head .col-right ul
  {
    width: 750px;
    height: 30px;
    /* background-color: white; */
    position:absolute;
    top:155px;
    left:0px;
    z-index:100;
  }
#head .col-right ul li
  {
    float: left;
    text-align: center;
    position:relative;
    /* vertical-align: bottom; */
  }
#head .col-right ul li a
{
    line-height: 30px;
    display:block;
    height: 30px;
    color:#FFF;
    font-weight:bold;
    font-size:95%;
    font-size:15px;
    font-family: Century Gothic, sans-serif;
    text-decoration:none;
}
#head .col-right ul li a.fondo1
{   
  width: 170px;
  background: -webkit-linear-gradient(rgba(179,119,89,.5), rgba(156,102,74,.5));
  background: -moz-linear-gradient(rgba(179,119,89,.5), rgba(156,102,74,.5));
  background: -o-linear-gradient(rgba(179,119,89,.5), rgba(156,102,74,.5));
  background: linear-gradient(rgba(179,119,89,.5), rgba(156,102,74,.5));
   
}
#head .col-right ul li a.fondo1:hover{
  background: -webkit-linear-gradient(rgb(179,119,89), rgb(156,102,74));
  background: -moz-linear-gradient(rgb(179,119,89), rgb(156,102,74));
  background: -o-linear-gradient(rgb(179,119,89), rgb(156,102,74));
  background: linear-gradient(rgb(179,119,89), rgb(156,102,74));
}
#head .col-right ul li a.fondo2
{
  width: 224px;
  background: -webkit-linear-gradient(rgba(77, 137, 199,.5),rgba(61,114,168,.5));
  background: -moz-linear-gradient(rgba(77, 137, 199,.5),rgba(61,114,168,.5));
  background: -o-linear-gradient(rgba(77, 137, 199,.5),rgba(61,114,168,.5));
  background: linear-gradient(rgba(77, 137, 199,.5),rgba(61,114,168,.5));
}
#head .col-right ul li a.fondo2:hover
{
  width: 224px;
  background: -webkit-linear-gradient(rgb(77, 137, 199),rgb(61,114,168));
  background: -moz-linear-gradient(rgb(77, 137, 199),rgb(61,114,168));
  background: -o-linear-gradient(rgb(77, 137, 199),rgb(61,114,168));
  background: linear-gradient(rgb(77, 137, 199),rgb(61,114,168));
}
#head .col-right ul li a.fondo3
{
  width: 130px;
	/* background:url(../img/items_cabecera/fondo_menu_3.gif) repeat-x; */
  background: -webkit-linear-gradient(rgba(236,178,87,.5),rgba(226, 163, 60,.5));
  background: -moz-linear-gradient(rgba(236,178,87,.5),rgba(226, 163, 60,.5));
  background: -o-linear-gradient(rgba(236,178,87,.5),rgba(226, 163, 60,.5));
  background: linear-gradient(rgba(236,178,87,.5),rgba(226, 163, 60,.5));
}
#head .col-right ul li a.fondo3:hover
{
  width: 130px;
  background: -webkit-linear-gradient(rgb(236,178,87),rgb(226, 163, 60));
  background: -moz-linear-gradient(rgb(236,178,87),rgb(226, 163, 60));
  background: -o-linear-gradient(rgb(236,178,87),rgb(226, 163, 60));
  background: linear-gradient(rgb(236,178,87),rgb(226, 163, 60));
}
#head .col-right ul li a.fondo4
{
  width: 226px;
  background: -webkit-linear-gradient(rgba(110,184,171,.5),rgba(101, 169, 145,.5));
  background: -moz-linear-gradient(rgba(110,184,171,.5),rgba(101, 169, 145,.5));
  background: -o-linear-gradient(rgba(110,184,171,.5),rgba(101, 169, 145,.5));
  background: linear-gradient(rgba(110,184,171,.5),rgba(101, 169, 145,.5));
}
#head .col-right ul li a.fondo4:hover
{
  width: 226px;
  background: -webkit-linear-gradient(rgb(110,184,171),rgb(101, 169, 145));
  background: -moz-linear-gradient(rgb(110,184,171),rgb(101, 169, 145));
  background: -o-linear-gradient(rgb(110,184,171),rgb(101, 169, 145));
  background: linear-gradient(rgb(110,184,171),rgb(101, 169, 145));
}
#head .col-right ul li .ayuda
{
    position:absolute;
    top:2px;
    right:0px;
    background:url(../img/i-blanco2.png) no-repeat;
    padding:3px 12px;
	
}
a#formulario
{
    background:url(../img/items_cabecera/fondo_menu_1.gif) repeat-x;
    color:#FFF;
    text-decoration:none;
    padding:2px 5px;
}
a#formulario:hover
{
   background:url(../img/items_cabecera/fondo_menu_4.gif) repeat-x;
}
#ayuda
{
    position:absolute;
    top:2px;
    right:2px;
    z-index:10;
    background:url(../img/i-blanco2.png) no-repeat;
    padding:3px 12px;
    text-decoration:none;
}
#head .col-right ul li .ayuda:hover, #ayuda:hover				
{
    background:url(../img/i-rojo2.png) no-repeat;
}
#head .col-right p
{
	margin-left:755px;
	font-size:9px;
	text-align:center;
}
#center
{
  /* width: 900px; */
  /* margin: auto; */
  /* padding-left:35px; */
  
}
   
#center .fecha 
{
	width:625px;
	text-align:right;
	padding:3px 0;
	font-size:12px;
}

 #center-info
{
	min-height:500px;
	padding: 0 50px 0 30px;
}
 #center-info h2 {
	 background:#4F81BD url(../img/h2-inter.png) no-repeat 98% -1px;
	 color:#FFF;
	 font-weight:bold;
	 font-size:9px;
	 padding:0 0 0px 5px;
	 height:20px;
	 margin-top:20px;
   
 }
 
#center-info p
{
	font-size:13px;
	line-height:15px;
	text-align:justify;

}

#center-info .enlaces
{
    margin:20px 0 40px 0;
    width:904px;
    padding:0;
}
#center-info .enlaces li
{
    display:inline;
    margin:0;
    padding:0;
    }
#center-info .enlaces li a 
{
        color:#6396CC;
        font-size:14px;
        font-weight:bold;
        text-decoration:underline;
}
 #progress-container {
    width: 200px;
    height: 12px;
    border: 1px solid #ccc;
    float:left;
    position:relative;
    margin-top:3px;
    color:#00f;
    padding-bottom:2px;
    font-size:12px;
    line-height:14px;
  }
  
  #progress-bar {
    width: 0;
    height: 14px;
    position:absolute;
    left:0;
    top:0;
  }

#map3d
{
	border: 1px solid #4A7FB5; 
	height: 443px; 
	width: 620px; 
	z-index: 0; 
	float:left;
}
#map
{
   border: 1px solid #4A7FB5; 
    height: 443px; 
	width: 620px; 
    float:left;
}
#map #map3d
{
    border:none;
    float:none;
}
#map #mapraster
{
    position:relative;
    height:443px;
    
}
#mapraster #leyenda
{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
#mapraster #mapa 
{
    position:absolute;
    bottom:0;
    right:0;
    z-index:0;
}
 #cajas
{
	margin-left:637px;
	position:relative;
	/*width:265px;*/
}
.botones
{
	
	padding:3px 0 3px 0;
	background:url(../img/botones1-bg.gif) repeat-x;  
	width:269px;
	position:relative;
 
}
.botones a
{
    background:url(../img/botones1-bg.gif) repeat-x;
	 /*background:url(../img/botones-bg.gif) repeat-x;*/
	 padding:2px 8px 5px 8px;
	 color:#FFF;
	 text-decoration:none;
	 font-weight:bold;
	 font-size:12px;
	 margin:0;
  
}
.botones a:hover
{
     background:url(../img/botones-bg.gif) repeat-x;
 /* background:url(../img/botones1-bg.gif) repeat-x;  */
}
.botones a.active
{
  background:url(../img/botones-bg.gif) repeat-x;
  /*background:url(../img/botones1-bg.gif) repeat-x;  */
}
#loading
{
    color:White;
    position:absolute;
    top:3px;
    right:40px;
    font-weight:bold;
    visibility:hidden;
    z-index:3;
}
#loading-empr 
{
     color:#4A7FB5;
    position:absolute;
   top:-20px !important;
    right:0px !important;
    font-weight:bold;
    visibility:hidden;
    z-index:3;
    
    
}
#tematico-caja1, #tematico-caja2, #tematico-caja3
{
    border:#4A7FB5 2px solid; 
	width:265px; 
	padding:0;
}
#tematico-caja1, #tematico-caja3 
{
    height:110px;
}
#tematico-caja2 
{
    height:130px;
}
.overf 
{
    overflow:auto;
}
#tematico-caja2 { margin-bottom:10px}
#caja2, #caja1 
{
	border:#4A7FB5 2px solid; 
	width:265px;
	height:185px; 
	padding:0;
}
#caja1 
{
margin-bottom:10px;
margin-top:0;
}
#caja2 
{
height:195px; 
}
label.title
{
	background:url(../img/botones1-bg.gif) repeat-x;  
	color:#FFF;
	padding:3px 0 4px 15px;
	width:254px;
	display:block;
	font-weight:bold;
	font-size:14px;
	position:relative;

}

.overfl, .overfl2 {overflow:auto}

#caja1 .overfl
{
height:166px; 
}
 #caja1 .overfl2
{
height:185px; 
}
#caja2 .overfl  
{
height:194px; 
}
   
 ul li a
 {
  color:Black;
  text-decoration:none;
 }
 ul li a:hover
 {
 text-decoration:none;
 }
 
  ul.listado li 
 {
  padding:1px 0 2px 5px;
  display:block;
  margin-right:1px;
  cursor:pointer;
 }
 ul.listado li:hover
 {
   background-color:#DDEBF9;  
 }
  ul.listado li a
  {
  display:block;
  /*padding:3px 0 3px 0;*/
  }
#letras {list-style:none; margin:0 0 3px 0; padding:0; }
#letras li {display:inline; padding:0 1px; font-size:11px;}
#letras li a  
{
font-size:11px;
}
#tree
{
   overflow:auto;
   /*margin-top:-373px;*/
   height:184px;
   width:265px;
   background-color:#FFF;
   /*margin-left:621px; */
   position:absolute;
   top:26px;
   left:2px; 
    z-index:1;
}  
 #ActividadesTree 
{
/*font-family:Verdana;*/
font-size:11px;
   
}
 #ActividadesTree img 
 {
     margin-right:3px;
 }
#ActividadesTree a.ActividadesTree_0
{
white-space:normal;
width:250px;
}
#nombre
{
   height:184px;
   width:265px;
   position:absolute;
   top:26px;
   left:2px; 
   z-index:1;
   background-color:#FFF;

}
#nombre p
{
    margin-top:30px;
    font-size:12px;
    text-align:center;
    line-height:30px;
}
#buscar
{
    padding:1px 4px;
    font-size:12px;
   border:#4A7FB5 1px solid;
   text-decoration:none;
   margin-left:5px; 
}
#buscar:hover 
{
    background-color:#CDD7E2;
}
#Years li, #Months li { display:inline; padding: 0 8px; border-right:1px Black solid}
#Years li.last { border-right:none;}
#Months li.last { border-right:none;}
ul.listado .active
{
background-color:#CBDCEE;
}   
.historico
{
display:block;
width:80px;
float:left;
font-weight:bold;
font-size:12px;
}
#Years .active, #Months .active
{
font-weight:bold;
}
#Descarga
{
height:24px;
}
#descargas, .descargas
{
    position:absolute;
    top:3px;
    right:2px;
}
#descargas a, .descargas a
{
    margin:0;
    padding:0 2px;
}
#fichas_excel
{
    position:absolute;
    top:0px;
    right:4px;
}
#fichas_pdf
{
    position:absolute;
    top:0px;
    right:26px;

}

.clear 
{
clear:left;
display:block;
height:1px;
 }
 #PanelCategorias 
 {
 width:600px;
 margin:0 auto;
 }
 #PanelCategorias div 
 {
 float:left;
 margin:0 20px 20px 0;
 }
 #PanelCategorias label
 {
 display:block;
 background:url(../img/botones1-bg.gif) repeat-x;  
color:#FFF;
padding:3px 0 3px 15px;
   
font-weight:bold;
font-size:12px;
 }
  #PanelCategorias p
  {
  text-align:right;
  padding-right:20px;
  }
  #PanelCategorias .lisbox 
 {
 width:280px;
 }
  #PanelCategorias .lisbox2 
  {
  width:80px;
  height:147px;
  }
  #PanelCategorias .lisbox3 
 {
 width:380px;
 height:147px;
 }
  .tabdatos div
  {
  overflow:auto;
  /*min-height:400px;*/
  }
 
#opciones
{
    padding:10px 50px 20px 152px ;
    text-align:right
 	
}
#opciones h3
{
    text-align:left;
    border-bottom:#797979 1px solid;
    margin-bottom:10px;
}
#opciones a
{
    padding-left:30px;
}
#TablaDatosBarrios
{
    margin:0 auto;
}  
  #TablaDatosBarrios th 
  {
  padding:5px;
  background-color:#DEDEDE;
  width:100px;
  }  
#TablaDatosBarrios td
{
padding:5px;
text-align:right;
}
#TablaDatosBarrios tr:hover
{
background-color:#DEDEDE;
}
#TablaDatosBarrios .td1
{
width:150px;
text-align:left;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	/*border: 1px solid #111;*/
	padding: 5px;
	color:#333;
}

#tooltip h3, #tooltip div {
	margin: 0;
	color: #000;
	border:1px #CCC solid;
	width: 166px;
	padding:5px 5px 5px 0px;
	text-align:center;
	/*background-image:url(../img/tooltip_bg.png);
 	behavior: url("iepngfix.htc");*/
	font-size:14px;
	font-weight:normal;
	background-color:#FFF;
}

#info-ficha table
{
    width:645px;
}
#info-ficha table td { padding:1px 0; }
#title-ficha	
{
    background-color:#DDEBF9;
	text-align:center;
	font-weight:bold;
	padding:2px 0;
	font-size:12px;
    width:645px;
	}
#info-ficha .pdf 
{
    margin:5px 0 -30px 0;
}	
#info-ficha .pdf a { text-decoration:none} 	
#info-ficha .pdf img
{
    vertical-align:middle;
}	
#printbt
{
    width:645px;
    text-align:right; 
    margin-top:5px
    }

#slideshow {
    position:relative;
    height:185px;
    float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#inline1
{
position:relative;
width:665px;
height:735px;
overflow:auto;
}
.pie-indicadores
{
    position:absolute;
	left:0;
	
	width:100%;
    padding:0 !important;
}
.pie-indicadores .body-pie
{
    margin:10px;
}
.contacto 
{
    text-align:right;
    color:#4d4d4d; 
    font-size:11px;
}
.contacto a  
{
     color:#4d4d4d; 
}

.boton-bonito{
	font-weight: bold;
	text-align:center;
	text-decoration: none;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	display:inline-block;
	color: #FFF;!important;
	background: #7F8C8D;
	padding: 15px 30px;
	white-space: nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 10px 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
a.boton-bonito:visited,
a.boton-bonito:active{
color:white;
}
.azul{
  background: #3498DB;
}

.azul:hover{
text-decoration: none;
  background: #2980B9;
}