@charset "UTF-8";
/* CSS Document */


/* FUENTES */
@font-face {
    font-family: 'titillium';
    src: url('font/titilliumweb-light.eot');
    src: url('font/titilliumweb-light-.eot#iefix') format('embedded-opentype'),
         url('font/titilliumweb-light.woff') format('woff'),
         url('font/titilliumweb-light.ttf') format('truetype'),
         url('font/titilliumweb-light.svg#titillium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'titillium';
  src: url('font/TitilliumWeb-Bold-.eot#iefix') format('embedded-opentype'),  url('font/TitilliumWeb-Bold.woff') format('woff'), url('font/TitilliumWeb-Bold.ttf')  format('truetype'), url('font/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}



/* ---- RESET ----- */

body, div, span, h1, h2, h3, h4, h5, p, a, ul, ol, li, img, table, tr, td, form, input, legend, fieldset, object, embed, param, blockquote{
 margin:0;
 padding:0;
 outline: none;
}

body {
  font-family: 'titillium';
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

ul li{list-style-type:none;}

img{
 border:0;
}

.limpia{
float:none;
display:block;
clear:both;
}

.home .limpia{display: none;}

fieldset{
border:0;
} 

a{color: #666; text-decoration:underline;
  -webkit-transition: all 100ms linear;
	   -moz-transition: all 100ms linear;
	     -o-transition: all 100ms linear;
	    -ms-transition: all 100ms linear;
	        transition: all 110ms linear;
	}
a:hover{color: #999; text-decoration:none ;}



h2{
	font-size: 25px;
    line-height: 28px;
    /*border-bottom: 1px solid #739c8c;*/
    padding-bottom: 8px;
    margin-bottom: 15px;
	font-weight: bold;
	color: #000;
}

h3{
	margin: 50px 0 10px; 
	font-size: 20px;
  color: #739c8c;
  font-weight: normal;
}

h4{
	margin: 10px 0 5px;
  font-size: 17px;
  line-height: 22px;
  color: #555;
}

h5{
	margin: 10px 0 5px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

	
hr{border:0; height:1px; clear:both;}
sup, sub{font-size: 8px !important; }

p, #main ul, #main ol{margin: 5px 0 15px 0}
.text_right{text-align:right;}
.text_big{font-size: 120%;}
.imagen-centro{display: block; margin: 10px 0; text-align: center;}
.imagen-derecha{float: right; margin: 0 20px 20px 35px;}
.imagen-izquierda{float: left; margin: 0 35px 20px 20px;}

.pdf{
	background: url("../../../css/images/admin/file_pdf.gif") no-repeat 0 0;
	padding: 0 0 20px 40px;
}

.no_margin{margin-bottom: -5px;}						

.floatLeft{float:left; margin: 0 15px 5px 0;}
.floatRight{float:right; margin: 0 0 5px 15px;}

.verde{color: #00632E !important;}


blockquote{margin: 0 45px;}

/* ----- ESTRUCTURA ------ */


body{
  font-size: 13px;
  line-height: 19px;
	color: #000;
}

/* Imagen de fondo */
img.bg {
	/*display: none;*/
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1181px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	bottom: 0;
	left: 0;
	
	z-index: -1;
}

.second-title {
      float: right;
      margin-top: 50px;
      margin-right: 60px;
      font-size: 15px;
      color: #6A6A6A;
    }

@media screen and (max-width: 1181px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -590px;   /* 50% */
	}
}



#wrapper {
  background-color: rgba(255, 255, 255, 0.9);
}
/* Imagen de fondo 	*/
#header {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}
/*
body.perfil-de-la-entidad #header{background-image: url("images/bg/1_cabecera.jpg");}
body.estructura-de-gobier #header{background-image: url("images/bg/2_cabecera.jpg");}

body.informe-de-gestion-2 #header {background-image: url("images/bg/3_cabecera.jpg");}
body.indicadores-economic #header{background-image: url("images/bg/4_cabecera.jpg");}
body.medio-ambiente #header  {background-image: url("images/bg/3_cabecera.jpg");}
body.equipo-humano #header,
body.mapa-web #header {background-image: url("images/bg/5_cabecera.jpg");}
body.cuentas-anuales #header {background-image: url("images/bg/6_cabecera.jpg");}*/
/*body.equipo-humano #header {background: url("images/bg/bg_07.jpg.html") no-repeat center 30px;}
body.cuentas-anuales #header {background: url("images/bg/bg_08.jpg.html") no-repeat center 30px;}	*/

/* NAV UTIL */
	
#navutilities_wp{
	position: absolute;
	overflow: hidden;
	/*background: rgba(255,255,255,0.6);*/
	width: 100%;
  height: 30px;
  z-index: 15;
}

	
  #navutilities{
		overflow: hidden;
 		max-width: 1050px;
		margin: 0 auto;
	}	
	
		#navutilities ul{
			float: right;
		}
		
			#navutilities ul li {
				float: left;
				/*margin-right: 12px; */
				padding-right: 12px;
        background-color: #fff;
			}
			
				#navutilities ul li a{
					text-decoration: none;
					overflow: hidden;
					display: block;
					color: #333;
					font-size: 12px;
					line-height: 15px;
					padding: 8px 4px;
				}
				

				#navutilities ul li a:hover{
					color: #008363;

      	}
      	
    #navutilities .first.last {margin-right: 0;}
      #navutilities .first.last a{
        background: #008363;
        color: #FFF;
        padding: 8px 10px 6px;
      }
    
      #navutilities .first.last a:hover{
        background-color: #EAA700;
      }
    

/* CABECERA */


	#header{
    height: 160px;
    margin: 0 auto;
    max-width: 1050px;
	  position: relative;
	}
  
  body.home #header{background: none; display: none}
			
    h1{float: left;
    margin-left: 60px;
    margin-top: 50px;}
    
    h1 span{display: none;}
    
    body.home h1,
    body.home h2{ display: none}
    
    h2.mainsection{
      font: normal 27px/35px 'titillium', Helvetica, sans-serif;
      text-transform: uppercase;
      color: #333;
      border: none;
      position: absolute;
	    margin: 0;
	    padding: 0;
	    bottom: 35px;
	    right: 60px;
	    text-align: right;
      /*text-shadow: 1px 0px 2px #FFF;*/
    }



/* ESTRUCTURA GENERAL */

#wrapper{
  /*background: url("images/bg_wrapper.png") no-repeat 0 0;*/
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 30px;
	max-width: 1050px;
	min-height: 502px;
	_height: auto;
  position: relative;
  -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    0px 1px 10px 0px rgba(50, 50, 50, 0.25);
  box-shadow:         0px 1px 10px 0px rgba(50, 50, 50, 0.25);
  min-height: 100vh;
}

body.home #wrapper{
	padding: 0px;
  height: 100vh;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  background-color: rgba(255, 255, 255, 0.7);
}
	
				
		/* NAVEGACION PRINCIPAL */
			
		#navmain{      
		}
    
    body.home #navmain{
    	  margin-top: 0;        
        margin-left: 0;
        float: left;
        width: 25%;
        background-color: rgba(255,255,255,0.4);
        height: 100vh;
    }
		
			#navmain ul{
        		background: #FFF;
				background: url("images/navbg.png") repeat-x bottom;
				border-bottom: 2px solid #666;
				/*border-top: 1px solid #f5f5f5;*/
        		overflow: hidden;
				
			}
      
      body.home #navmain ul{
       	background: none; /*url("images/navmain_home.png") no-repeat top right*/
		    border-bottom: none;
		    margin-top: 60px;
        border-top: 1px solid #000;
      }
			
				#navmain ul li{
					float:left;
					/*background: url("images/bk.menu.li.png") repeat-x 0 0;*/
					/*border-right: 1px solid #ddd;*/
				}
				
				#navmain ul li.last{border-right: 0;}
				
				/*#navmain ul li:hover,*/
				/*#navmain ul li.current{background: url("images/bk.menu.li.on.png") repeat-x 0 0;}*/
        
				
			    #navmain li.first{
     				margin-left: 29px; 
			    }

        body.home #navmain ul li{
         	float:none;
			    padding: 0;
    			margin-left: 0;
    			border-bottom: 1px solid #000;
    			border-right: 0;
    			background: none;
        }
        body.home #navmain ul li:before {
          content: "» ";
          display: inline;
          float: left;
          font-size: 17px;
          margin-top: 10px;
          padding-left: 28px;
          margin-right: 5px;
        }
				
					#navmain a{
						text-decoration:none;
						font-size: 14px;
            			line-height: 25px;
						padding: 4px 10px 0 10px;	
						color: #000;
            			display: block;
            			float: left;
						border-bottom: 4px solid #EEEEEF;
					}
          
          body.home #navmain a{
           	float: none;
            color: #000;
            font-size: 17px;
            line-height: 18px;
			      border-bottom: 0;
			      padding: 12px 10px;
          }
          			                  
					#navmain li.current a,
          #navmain li a:hover{
						color: #000;
						border-bottom-color: #008363;
					}
          
          body.home #navmain a:hover{
            background-color: white;
          	color: #666;   
          }
          
        #navmain ul ul {display: none}
        
				/*	body#eu #navmain ul li a{padding: 4px 10px;}				 		*/
					
					
		/* NAV PRINCIPAL HOME */
		
		
	/* CONTENIDO */
	
	#content{
		/*overflow:hidden;*/
  	position: relative;
  	max-width: 1050px;
  	padding-top: 30px;
	  padding-bottom: 50px;
	}	
				
			
		/* HOME */
			
			body.home #content{
				float: left;
        		width: 690px;
        		margin-top: 0;
        		background: none;
			}
		
		
    .link-web{
     	position: absolute;
      bottom: 20px;
      left: 20px;}
		
    .download_pdf{
     	clear:both;
      overflow: hidden;
    }
    
    	.download_pdf a{
        background: url("images/nav_pdf.png.html") no-repeat 0 0;
        display: block;
        font-size: 12px;
        line-height: 31px;
        height: 31px;
        color: #000;
        padding-left: 40px;
        text-decoration: none;
      }	
      
      .download_pdf a:hover{color: #666;}

		
		/*  INTERIORES */
		
		
		/* NAV SECOND, SECUNDARIA*/
		
		#left{
			float: left;
			width: 20%;
		}
    
    body.home #left{display: none;}
		
			#submenu{
       			/*margin-left: 10px;*/
				/*border: 1px solid #ddd;*/
      		}     
     
      
			#submenu ul{
				/*padding-left: 10px;*/
        border-right: 1px solid #666;
			}
			
        #submenu ul li{
          	margin-bottom: 0;
        }
			 
        #submenu > ul > li:before {
          content: "» ";
          display: inline;
          float: left;
          font-size: 17px;
          margin-top: 6px;
          padding-left: 10px;
          margin-right: 5px;
        }
			
          #submenu ul li a{
            font-size: 13px;
            text-decoration: none;
			     padding: 8px 10px 8px 15px;
			     display: block;
            color: #666;
            margin-left: 10px;
			/*border-top: 1px solid #FFF;*/
			/*border-bottom: 1px solid #FFF;*/
          }
          #submenu ul li.current,
          #submenu ul li:hover {
            background-color: #e7e7e7;
          }
          #submenu ul li.current a,
          #submenu ul li a:hover{
    			
    			color:#000;
    			border-bottom-color: #ddd;
    			border-top-color: #f5f5f5;
		      }
			
          
          /* Tercer nivel */
          
          #submenu ul ul{
           	background: #f1f1f1;
            padding-bottom: 6px;
            padding-left: 10px;
            padding-top: 5px;
			      margin-left: 0;
          }
          
            #submenu ul ul li{
              margin-top: 0;
              margin-right: 0;
              padding-bottom: 0;
            }
            
              #submenu ul li.current ul li a{
                color: #666;
                border-bottom: 0;
                font-weight: normal;
                padding: 5px;
               	border: 0;
				font-size: 11px;
				background: none;
              }
              
              	#submenu ul li.current ul li a:hover{color: #000}
                
                #submenu ul li.current ul li.current a{color: #000; font-weight: bold;}
					
				
		
		/* CONTENIDO PPAL */	
		
		#content #main{
			float: right;
			width: 75%;
			margin-right: 2%;
			overflow:hidden;
		}
			/* HOME */
			
			body.home #content #main{
          float: none;
          margin-top: 30px;
          border-top: 1px solid #000;
          padding-left: 50px;
          padding-top: 4px; 
          width: 738px;
      }	
      
      		body.home h3,
      		body.home h3 a{
            margin: 0; color: #777; text-decoration: none; font-size: 24px; line-height: 24px; margin-top: 7px;
            font-weight: normal;
          }	
			     body.home h3, body.home h3 a strong {
            color: #000;
            font-weight: normal;
           }
      		body.home img{
       			margin-top: 50px; 
      		}
      
			/*  */
			
			/* INTERIORES */
		
			
			/* Los titulicos */
			
			#content h2{/*width: 650px; height: 40px;*/}		
      
      body.home #content h2{
        float: left;
        font-size: 47px;
        line-height: 52px;
        width: 430px;
        border-bottom: 0;
      }		
      
      	body.home #content h2 a{color: #000; text-decoration: none;}
        body.home #content h2 a:hover{color: #999;}
			
			/*#main .col1, #main .col2{
				float: left;
				width: 285px;
			}
			
			#main .col1{}
			#main .col2{padding-left: 30px;}*/
			
			#content #main ul{
				padding-left: 12px;
			}
			
			
			#content #main ol{
				margin-left: 25px;
				list-style-type: decimal;
			}
		
				#content #main ul li{
					background: url("images/guion.png") no-repeat 0 9px;
					padding-left: 16px;
          padding-bottom: 3px;
				}
				
				#content #main ol li{
					background: none;
					list-style-type:decimal;
          padding-bottom: 3px;
				}
			
			  /* Migas de pan */

  			#migas {padding-bottom: 25px}

  			  #content #main #migas ul,
  			  #content #main #migas ul li{
  			    margin: 0; padding: 0; list-style-type: none; background: none;
  			  }
  			  
  			  #content #main #migas ul li {display: inline; padding-right: 4px; color: #999;}
			  
			  body.home #migas {display: none !important}
			
			#content p.banner{
				width: 270px;
				border: 1px solid #666;
				background-color: #dedede;
				padding: 10px;
			}
			
			/* Boton de imprimir tablas */
			.print-table-link {
			  background-color: #CCC;
			  color: #666;
			  text-decoration: none;
			  padding:  5px 5px 0;
			  -webkit-border-radius: 5px 5px 0 0;
			     -moz-border-radius: 5px 5px 0 0;
			       -o-border-radius: 5px 5px 0 0;
			      -ms-border-radius: 5px 5px 0 0;
			          border-radius: 5px 5px 0 0;
			}
			
			.print-table-link:hover {background-color: #008363; color: #FFF}
			
			#main table{
				width: 100% !important;
				height: auto !important;
				margin-bottom: 30px;		
        font-size: 12px;
        line-height: 14px;
        border-right: 1px solid #CCC;
        border-top: 1px solid #CCC;
			}
			
			#main table sup, 
			#main table sub {
        font-size: 8px;
        line-height: 11px;
			}
			#main table.text-small{font-size: 10px}
      #main table.text-xsmall{font-size: 9px}
      
      #main table tr td br {
        display: none;
      }
			
				#content #main table th{
					padding: 3px 8px;
          background-color: #F5F5F5;
					border-bottom: 1px solid #00632E;
          border-left: 1px solid #CCC;
          border-top: 1px solid #CCC;
					color: #333;
				}				
				
				#main table td{
					padding: 3px 8px;
					border-bottom: 1px solid #CCC;
          border-left: 1px solid #CCC;
				}
        
        	#main table.padd-small td,
          #main table.padd-small th{padding: 3px !important;}
				
					#main table .back{
						background-color: #dedede;
					}
				  
          .indicadores-economic #main table tr td:first-child {
            width: 550px;
          }
				.mceLayout table th {
				  padding: 0  !important;
				  margin: 0  !important;
				  border: none  !important;
				}
				.mceLayout table  {
				  width: auto !important;
				  margin: 0 !important;
				}
				.mceLayout table td{
				  padding: 0  !important;
				  border: 0  !important;
			  }
				
			
			/* Mapa web */
			#main .webmap{
				
			}
			
				#main .webmap ul{
				}
				
					#main .webmap ul li{
					}
				
						#main .webmap ul li a{text-transform: uppercase;font-weight: bold;}
						
					
						#main .webmap ul li ul li a{text-transform: none;font-weight:normal;}
            
   /** GALERIAS DE FOTOS Y VIDEOS */
   
   #photo-gallery{
   		background-color: #FFF;
      padding-top: 45px;
   }