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

body { background-color: #F8F8F8;
	  background-repeat:repeat-x;
	  margin:0;
      padding:0;
	 }
.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    text-indent:-9999px;
    background: url(../image/icon_top.png) no-repeat;

}	  

.cleaner { clear:both; } 

.mostrarnoticia { width:18cm;} 

.campus2 { background: url(../image/eg2.png);
		    display:block;
			width:66px;
			height:95px;
			position: fixed;
			right:0px;
   		   	top: 80px;
    		width: 65px;
			text-indent:-9999px;
			z-index:1
}

.formacion	{ background:url(../image/formacion-democratica.png) no-repeat;
		    display:block;
			width:66px;
			height:95px;
			position: fixed;
			right:0px;
   		   	top: 200px;
			text-indent:-9999px;
			z-index:2;
}
     			
#container { width:1000px;
              height:auto;
              margin: 0 auto;
              padding:0;
              box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8) !important;
  }
#container_org { width:1066px;
                height:auto;
                margin: 0 auto;
		padding:0;
                background-color: #FFF;
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.8) !important;
  }


		
/** reset**/

	
ul,li { list-style-type:none;
         margin:0px; 
		 padding:0px;}

h1 h2 h3 h4 h5 h6 {margin:0px; 
                   padding:0px;
		   font-weight:normal;}
				   
/**        comienza header             **/

#header { padding:0px;
          margin:0px;
          
 }
p { font-family: Arial, Helvetica, sans-serif;
           }		
 
#menugenerico  { height: 25px;
				 background-color:#dedede;
				 border-bottom:#666 solid 10px;
           }
		   
#menugenerico a { display: block; 
          width: 90px;
		  height:15px;
		  padding-top: 5px;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 10px;
		  text-decoration:none;
		  text-align:center;
		  color: #000;
		  padding-left:20px;
   }
		  		   		  
#menugenerico a:hover { color:#FFF
				         }

			 
a:focus{ outline-width: 0px;
           }
				
#menugenerico ul, li   { margin:0;
                 padding-bottom:5px;
		         list-style-type:none; /*vineta*/
         }
		 
#menugenerico ul     { float: right;
         }
		 
#menugenerico li     { float: left;
         }

.inicio  { 
           width:50px;
		   height:15px;
		   
		   }
		   
.telefono { 
           width:90px;
		   height:15px;
		   }	
		   
.portal { width:50px;}

/**                                 acceso directo                            **/		   
.tipologias { font-weight:bold;
               }

		   
h1 {text-indent:-9999px;
    background-repeat:no-repeat;
    background-color:#fff !important;
    height:131px;
    width:1000px;
    margin:0px;
    padding:0px;
}

.home { background:url(../image/header-registro.jpg);
        background-color: #fff;
	} 
 
.homeorg { background:url(../image/header-org.jpg);
        background-color: #fff;
	}         
       
.escuela { background:url(../image/header-registro.jpg);
	}	
.registro {background: url(../image/header-registro_1.jpg);
	 }	
	
.subrelcomyco  {background: url(../image/header-registro.jpg);	}

.relcomyco{background: url(../image/header-registro.jpg);}	
	
.seguridadvial{	background: url(../image/header-seguridad.jpg);}
	

	
.subrefpolit{ background: url(../image/header-registro.jpg);}
	
.subcoordgob{background: url(../image/header-registro.jpg);}
	
.subgabinete	{ background: url(../image/header-registro.jpg);}
	
.prensa { background: url(../image/header-registro.jpg);}
	
.provelectoral{background:url(../image/header-provelectoral.jpg);}
	
.fortalecimiento {background: url(../image/header-registro.jpg);}
	
.responsabilidad {background:url(../image/header-registro.jpg);}

.biometria{background: url(../image/header-registro.jpg);	}

.guardavidas{background: url(../image/header-registro.jpg);}

.boletinOficial { background: url(../image/header-boletin.jpg)}

#menuprincipal  { height: 30px;
		  padding-top:5px;
                  align-content: center;
		  background:#00aec3;
		  padding-bottom:0px;
                  font-weight: bold;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size:11px;
}
#menuprincipalr  { height: 40px;
		  padding-top:5px;
		  background:#00aec3;
		  padding-bottom:0px
}
		   
#menuprincipal a { display: block; 
                   width:200px;
		   height:16px;
                   font-weight: bold;
		   font-family: Arial, Helvetica, sans-serif;
		   font-size:11px;
		   text-decoration:none;
		   text-align:center;
		   color: #FFF;
		   padding-top:5px;
		   padding-left:30px;
				   
               }
			   

		   
#menuprincipal a:hover { font-weight:bold;
                         color:#FFF;
			 
     }
				
#menuprincipal ul, li   { margin:0;
                	 padding:0;
		         list-style-type:none; /*vineta*/
         }
		 
#menuprincipal ul     { float: left;
         }
		 
#menuprincipal li     { float:left;
         }
		 
#preguntas   { width:150px!important;}

#preguntas:hover   { width:150px!important;}  
 

.presionado  { font-weight:bold;
               color: #fff!important;
			  }  
		
 /* comienza  content   */   

#content 

{	
height:auto;
width:auto;
	}
/**#content .banner { display: block;
           width:600px;
		   height:150px;
		   text-indent:-9999px;
		   background:url(../image/banner/Independencia.jpg) no-repeat;
		   position:absolute;
		   top:1050px;
		   right:270px
		   }**/
/**menu derecha**/

h3{  font-family: Arial, Helvetica, sans-serif!important;
     font-size:11px;
	 font-weight:bold;
	 color: #666;
	 display:block;
	 width:221px;
	 height:15px;
	 background:#ccc;
	 padding-left:10px;
	 padding-top:10px;
	 padding-bottom:5px;
	 margin:0;
	 border-bottom:solid 2px #00aec3;}

h9 {  font-family: Arial, Helvetica, sans-serif!important;
     font-size:11px;
	 font-weight:bold;
	 color: #fff;
	 display:block;
	 width:221px;
	 height:30px;
	 background:#00aec3;
	 padding-left:10px;
	 padding-top:10px;
	 padding-bottom:5px;
	 margin:0;
	 border-bottom:solid 2px #00aec3;}
	 
#menuderecha { width:231px;
               background-color: #EEE;
			   float:left}

#menuderecha .boton  { display:block;
                 height:20px;
				 font-family: Arial, Helvetica, sans-serif!important;
				 color:#666!important;
				 font-size:10.5px;
				 line-height:11px;
				 padding:5px;
				 border-bottom: solid 2px #ccc;
				 background-color:#FFF;
				 padding-right:3px;
				 text-align:left;
				 }

#menuderecha .boton:hover{ border-bottom: solid 2px  #00aec3;
				       background-color: #E6E6E6;
				 }
			 
#menuderecha .botonseleccionado { display:block;
                 				height:20px;
				 				font-family: Arial, Helvetica, sans-serif!important;
				 				color:#333;
								font-size:11px;
				 				padding:5px;
                                border-bottom: solid 2px  #00aec3;
				  			    background-color: #E6E6E6;}	
					   
.banners  { 
           /* width:231px;*/
			}	


			
/**eventos(dentro de columna derecha**/
		   

#agenda { background-color:#FFF;
          font-family:Arial, Helvetica, sans-serif;
		  font-size:10px;}
		  
#uno, #dos, #tres { padding:10px;}

#agenda .fecha {margin-left:120px;
                color:#999}

#agenda .fecha, .titulo { 
                 text-transform:uppercase;
                 font-weight:bold!important;
				 
				 }                   
		
#agenda .titulo {color:#F90;}
#agenda .titulo p { text-transform:none;
                     text-indent: 60px;
					 color:#333;}
					 
#multa { background-color:#FFF;
          font-family:Arial, Helvetica, sans-serif;
		  font-size:10px;}

#valor, #disposicion{ padding:10px;}

#multa .fecha {color:#999;
                font-size:12px;
				padding-bottom:10px;}

#multa .fecha, .titulo { 
                 text-transform:uppercase;
                 font-weight:bold!important;
				 
				 }                   
		
#multa .titulo {color:#F90;}
#multa .titulo p { text-transform:none;
                   color:#333;}	
	 
#contenido { width:758px;
            /* min-height:975px;*/
             float:left;
			 padding:2px 0px 45px 10px;
			 background-color:#FFF;
			 position:relative}
#central { width:990px;
            /* min-height:975px;*/
             float:left;
			 padding:2px 0px 45px 10px;
			 background-color:#FFF;
			 position:relative}
				
h4  	{ background:#E6E6E6;
          display:block;           
	  height:10px;
	  padding:10px;
          margin-right: 11px;
	  font-family:Arial, Helvetica, sans-serif;
	  color:018d9e;
	  font-size:12px;
					 
 }
a { text-decoration:none;
    display:block; 
    font-family: Arial, Helvetica, sans-serif;
    color: #94CA2A;
    }

		
/**cajas grises DENTRO DE CONTENIDO**/

/**columnas  home**/	
.cajagrisa { display:block;
            width:160px;
	    height:350px;
            background-color:#E6E6E6;
            margin-right:11px;
            float:left;
            padding:0px 10px;
	}
			
.cajagrisderecha { display:block;
            width:164px;
            height:350px;
            background-color:#E6E6E6;
            float:left;
            padding:0px 6px;
            margin-right:10px
			}
			
.cajagrisderecha a { text-decoration:none;
              font-family: Verdana, Geneva, sans-serif;
			color:#333;
			font-size:10px;
			padding-bottom:10px
			
          }			
.cajagrisderecha a:hover { font-weight:bold;}



.cajagrisa a:hover { font-weight:bold;}
.cajagrisa a {text-decoration:none;
              font-family: Verdana, Geneva, sans-serif;
			  color:#333;
			  font-size:10px;
			  padding-bottom:10px
			
          }			
.cajagrisa img {margin-right:5px} 
.cajagrisderecha img {margin-right:5px} 

/**columnas  home**/
#personas{       background: url(../image/cajas/apersonas.png);
                 background-repeat:no-repeat;
				 width:180px;
				 height:60px;
				 position: absolute;
				 top: 465px;
				 left:10px;
				 z-index:1;
				 }
#instituciones {background: url(../image/cajas/ainstituciones.png); 
                 background-repeat:no-repeat;
				 width:178px;
				 height:58px;
				 position: absolute;
				 top:465px;
				 left:202px;
				 z-index:1;
				 }
#material {    background: url(../image/cajas/materia.png);
                 background-repeat:no-repeat;
				 width:179px;
				 height:57px;
				 position: absolute;
				 top:465px;
				 left:80px;
				 z-index:1;
				 }	
#descargas { 	 background:url(../image/cajas/descargas.png);
				 background-repeat:no-repeat;
				 width:179px;
				 height:60px;
				 position: absolute;
				 top:465px;
				 left:392px;
				 z-index:1;
				 }				 
				 
#uso { 	 background: url(../image/cajas/uso.png);
				 background-repeat:no-repeat;
				 width:179px;
				 height:60px;
				 position: absolute;
				 top:465px;
				 left:578px;
				 z-index:1;
				 }	
				 
				 
/** columnas relaciones con la comunidad**/	

				 
#personasg  { background: url(../image/cajas/apersonasg.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;}

#institucionesg { background:url(../image/cajas/ainstitucionesg.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top:405px;
				 left:261px;
				 z-index:1;}
				 
#descargasg    {background:url(../image/cajas/descargasg.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:517px;
				 z-index:1;
				 }
/** columas registro de las personas**/				 
#documentacion{ background: url(../image/cajas/documentacion.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;}


				 
 #certificados {background: url(../image/cajas/certificados.png); 
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:260px;
				 z-index:1;
				 }
				 
#actos{background: url(../image/cajas/actos.png); 
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:512px;
				 z-index:1;
				 }
/** columnas seguridad vial**/	

#descargasvial {background: url(../image/cajas/descargasg.png); 
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:261px;
				 z-index:1; }
				 
#masservicios  { background: url(../image/cajas/maservicios.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:512px;
				 z-index:1;
}

/** columnas transporte**/	


#pasajeros{background: url(../image/cajas/pasajeros.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;
}

#carga{ background: url(../image/cajas/carga.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top:405px;
				 left:261px;
				 z-index:1;}

#recorridos{background: url(../image/cajas/recorridos.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:512px;
				 z-index:1;
}	

/**columnas provincial electoral**/

#personasg  { background: url(../image/cajas/apersonasg.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;}
				 
#presmesa {background: url(../image/cajas/presmesa.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top:405px;
				 left:261px;
				 z-index:1;}
				 
#extranjeros    {background:url(../image/cajas/extranjeros.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:513px;
				 z-index:1;
				 }				 
				 


/**cajas x 3**/

.cajaunodos {display:block;
            width:200px;
			height:110px;
			background-color: #E6E6E6;
			margin-right:11px;
			float:left;
			padding:70px 20px;}

.cajatres { display:block;
            width:200px;
          	height:90px;
			background-color:#CCC;
			float:right;
			padding:70px 20px;
			margin-right:11px} 
			
.cajaunodos a, 
.cajatres a			{text-decoration:none;
              font-family: Verdana, Geneva, sans-serif;
			color:#333;
			font-size:10px;
			padding-bottom:10px}
			
.cajaunodos  a:hover { font-weight:bold;}
.cajatres a:hover { font-weight:bold;}

#descargastres{ 	 background: url(../image/cajas/descargasg.png);
				 background-repeat:no-repeat;
				 width:245px;
				 height:90px;
				 position: absolute;
				 top:300px;
				 left:392px;
				 z-index:1;}

/** subsecretarias**/
.autoridades{ display:block;
              width:300px;
          	  height:200px;
			  background-color:#CCC;
			  float:right;
			  padding:10px;
			  margin-right:11px;
			  }
h5 { color:#FFF;
     font-family:Arial, Helvetica, sans-serif;
	 font-size:14px;
	 margin:0;
	 padding:0;
	 }
	 
.cargo{ color:#FFF;
     font-family:Arial, Helvetica, sans-serif;
	 font-size:10px;
	 margin:0;
	 padding:0;
	 }	 
.autoridades  .cv {float:left;}

.autoridades .foto {float:right;}
		
/**							        comienza  footer   					      **/

#footer {  background-color:#414042;
           width: 970px;
           height: 100px;
           margin:0px auto;
           padding-top:30px;
           padding-left:30px;
           font-family: Arial, Helvetica, sans-serif ;
			
             }

#footerindex {  background-color:#414042;
           width: 970px;
           height: 180px;
           margin:0px auto;
           padding-top:30px;
           padding-left:30px;
           font-family: Arial, Helvetica, sans-serif ;
			
             }
             
#footer_org {  background-color:#414042;
           width: 1036px;
           height: 100px;
           margin:0px auto;
           padding-top:30px;
           padding-left:30px;
           font-family: Arial, Helvetica, sans-serif ;
			
             }             
             
#centrarcajas { margin: 0 auto;
                width:999px;
				padding-left:25px}
				
.caja   { width:205px;
          float:left;
		  padding-left:35px;
		  }	
		  
.caja  h6 { 
            color:#FFF;
			font-size:18px;
			text-transform:uppercase;
			margin:0 0 10px 0;
			padding-bottom:3px;
			padding-top:20px;
			border-bottom:1px solid  #CCC;
		
			}
			
.caja a {
          font-size:10px;
		  color:  #F60;
		  padding-bottom:5px;}	
		  
		  
.validacion { 
              width:980px;
              height:100px;
			  /*margin-left:750px;*/
			  }
			  

.validacion p {float:left;
               display:block;
			   width:20px;
			   height:60px;
			   margin-right:50px;
			   }

.banda { background:#f58030;
        height:40px;
		padding-top:10px;
		padding-left:908px;
			   }

.logo { background:url(../image/logo.gif) no-repeat;
        width:92px;
		height:30px;
		 }

.fortalecimiento {text-indent:-9999px;
	background: url(../image/headerfortalecimiento.png);
	background-repeat:no-repeat;
	background-color:#F5802D;
    height:131px;
	width:1000px;
	margin:0px;
	padding:0px}	
	/**columnas fortalecimiento**/

#ciudadanos { background: url(../image/cajas/ciudadanos.png) no-repeat;
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;}

#municipios{ background: url(../image/cajas/municipios.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top:405px;
				 left:261px;
				 z-index:1;}
				 

#concejales{background:url(../image/cajas/concejales.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:58px;
				 position: absolute;
				 top:405px;
				 left:513px;
				 z-index:1;
				 }		
/**coordinacion gubernamental*/
#descargasgub { background: url(../image/cajas/descargasg.png);
                 background-repeat:no-repeat;
				 width:240px;
				 height:60px;
				 position: absolute;
				 top: 405px;
				 left:10px;
				 z-index:1;}
				 /****/
.videoscampus ul { 
                   display:block;
                   width:900px;
				   height:60px;
				   margin-top:15px;
				   margin-left:-10px;
				   
				
				   
                   }
				   
				   
.videoscampus ul li { display:block;
                     height:60px;
				   float:left; 
				  
					 
} 
					
					 
				  

.legislacion { background: url(../image/legislacion.png) no-repeat;
			  display: block;
			   width:180px;
                  height:60px; 
              text-indent:-9999px;
			  margin-left:10px;
			
			
			  
			  }
.legislacion:hover { background:url(../image/legislacion1.png) no-repeat;
			 ;
			  }			  
			  
.regper { background: url(../image/registro.png) no-repeat;
			  display: block;
			  width:180px;
              height:60px;
              text-indent:-9999px; 
			  margin-left:10px;
			   }
.regper:hover { background: url(../image/registro1.png) no-repeat;
			
			   }
			  
.seguridadv  { background: url(../image/seguridadvial.png) no-repeat;
			  display: block;
			  width:180px;
              height:60px;
              text-indent:-9999px; 
			   margin-left:10px;
			  }
.seguridadv:hover  { background:url(../image/seguridadvial1.png) no-repeat;
			  
			  }
			  			  
			  
.boletin { background: url(../image/boletin.png) no-repeat;
			  display: block;
			  width:180px;
              height:60px;
              text-indent:-9999px; 
			  margin-left:10px;
			  }
			
				  
.boletin:hover { background: url(../image/boletin1.png) no-repeat;
			 
			  }
					


.restricciones   { background:url(../image/restricciones.png);
                   display:block;
				    width:225px;
                    height:83px;
                  text-indent:-9999px; 
			    
			 
			  }
			  

			  
	.tormenta  { background:url(../image/banner/banner_recomendacion-rayos.png) no-repeat;
         display: block;
		 width:230px;
		 height:176px; }
		 

		 
		 
.banner {  background: url(../image/banner/registrodeartistas.jpg) no-repeat;
           display: block;
           width:750px;
           height:301px;
           text-indent:-9999px;
           margin-top:420px;
          }		 
.comisasep

{ background:url(../image/headercomisasep.jpg);
			  
			  }
		  
.guardavidas{text-indent:-9999px;
	background: url(../image/headersguardavidas.jpg);
	background-repeat:no-repeat;
	background-color:#F5802D;
    height:131px;
	width:1000px;
	margin:0px;
	padding:0px;}			  
	
.imagenoti2		
{display:block;
 float:right;
 margin:2px;
 width:auto;
 }
.nuevo {    background: rgba( 0, 153, 402 ,0.5);
	    	position: relative;  
			color:#FFF;
		
			}
			
.enlaceresaltado{ margin-left:500px;
             color:#00aec3;
             font-weight:bold;			 
		
			}


.ancla a { font-family:Arial, Helvetica, sans-serif;
					  color:#0099cc!important;
					  font-size:12px;}                        
@keyframes ex4 { /* CSS3 */
		0%   { background-color: white; }
		50%  { background-color: rgba( 0, 153, 402 ,0.5); }
		70%  { background-color: rgba( 0, 153, 402 ,0.5); }
		100% { background-color: white; }
	}
	@-moz-keyframes ex4 { /* Firefox */
			0%   { background-color: white; }
		50%  { background-color: rgba( 0, 153, 402 ,0.5); }
		70%  { background-color: rgba( 0, 153, 402 ,0.5); }
		100% { background-color: white; }
	}
	@-webkit-keyframes ex4 { /* Webkit */
			0%   { background-color: white; }
		50%  {background-color: rgba( 0, 153, 402 ,0.5); }
		70%  { background-color: rgba( 0, 153, 402 ,0.5); }
		100% { background-color: white; }
	}
	.ex4 {
		animation:          ex4 5s infinite; /* CSS3 */
		 -moz-animation:    ex4 5s infinite; /* Firefox */
		 -webkit-animation: ex4 5s infinite; /* Webkit */
		 padding:1px;
		 color:white;
		 -webkit-border-radius: 2px;
		-moz-border-radius:2px;
		border-radius:2px;
	}