/*--------------------------------------------------------------------------

	
	///////          CSS DEL INDEX DE ADWA           ////////


------------------------------------------------------------------------*/		



body{

	margin: 0px auto;
	width: 100%;
	height: 100%;
	
}

img{border:0px;}

/*----------------------------------------------------------------------

	
	///////          CABECERA          ///////////////


------------------------------------------------------------------------*/		
#logo p {
margin-left: -3000px;
}
#twitter_update_list li {
border-bottom:1px dotted #000000;
padding-bottom:3px;
text-align:justify;
}

#wrappercabecera{

	background: url("../img/cabecera.jpg") repeat-x;
	background-color: #f1f1f1;
	height: 217px;
}


	
	#cabecera{
	
		margin: 0px auto;
		
	}
	
		/*...................................   LOGO ...................................*/
		#logo{
	
			background: url("../img/fondologo.png") no-repeat;
			height: 196px; 
			width: 276px;
			float: left;
		}
		
			#logo span{
			
			    display: block;
				margin-left:-3000px;
				height: 196px; 
				width: 276px;
				
			
			}
		
			
		
		/*...................................   PARTE DERECHA DE LA CABECERA...................................*/
	
		#der{float: left;}	
		
			
			/*..........    formulario ....................*/
			#inscripcion{height: 120px;}
		
		
			
			
				
		    /*..........    menu ....................*/
			ul.menu{
		        
				height:23px;
				list-style: none;
				margin: 0px;
				padding:0px;
				padding-left: 10px;
				float: right;
				margin-top: 65px;
			}
			    
            ul.menu li{
				display:inline;
				float: left;
				padding:0px 0px;
				margin: 0px -2px;
			}

			ul.menu li a{
				color:#fff;
				text-decoration:none;
				display: block;
			}

			ul.menu li a:link, ul.menu li a:visited {
				padding: 0px;
				display: block;
				text-decoration: none;

			}
			
			ul.menu li a span{
				
				display: block;
				text-indent:-3000px;
				
			}
				
				ul.menu li a.info{
			
					background-image:url("../img/menu/info.png");
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					margin-top:4px;
					margin-right:-2px;
					
					
				
				}
				
				ul.menu li a.info:hover{
			
					background-image:url("../img/menu/info.png");
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					background-position:0 -22px;
					margin-top:4px;
					
				}
						
				ul.menu li a.punto{
			
					background-image:url("../img/menu/punto.png") ;
					background-repeat: no-repeat;
					height:13px;
					width:13px;
					margin-top: 2px;
												
				}
				ul.menu li a.proyectos{
			
					background-image:url("../img/menu/proyectos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:90px;
					margin-top:4px;
					
				}
				
				ul.menu li a.proyectos:hover{
			
					background-image:url("../img/menu/proyectos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:90px;
					background-position:0 -22px;
					margin-top:4px;
								
				}
				
				ul.menu li a.recursos{
			
					background-image: url("../img/menu/recursos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:85px;
					margin-top:4px;
					
				}
				
				ul.menu li a.recursos:hover{
			
					background-image: url("../img/menu/recursos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:85px;
					background-position:0 -22px;
					margin-top:4px;
					
				}
				
				
				ul.menu li a.agenda{
			
					background-image: url("../img/menu/agenda.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:66px;
					margin-top:4px;
						
				}
				
				ul.menu li a.agenda:hover{
			
					background-image: url("../img/menu/agenda.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:66px;
					background-position:0 -22px;
					margin-top:4px;
					
				}
				
				
				ul.menu li a.bolsadetrabajo{
			
					background-image: url("../img/menu/trabajos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:76px;
					margin-top:4px;
											
				}
				
				ul.menu li a.bolsadetrabajo:hover{
			
					background-image: url("../img/menu/trabajos.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:76px;
					background-position:0 -22px;
					margin-top:4px;
										
				}
				
				ul.menu li a.wiki{
			
					background-image: url("../img/menu/wiki.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					margin-top:4px;
							
				}
				
				ul.menu li a.wiki:hover{
			
					background-image: url("../img/menu/wiki.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					background-position:0 -22px;
					margin-top:4px;
							
				}

				ul.menu li a.foro{
			
					background-image: url("../img/menu/foro.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					margin-top:4px;
								
				}
				
				ul.menu li a.foro:hover{
			
					background-image: url("../img/menu/foro.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					background-position:0 -22px;
					margin-top:4px;
				
				}
				
				ul.menu li a.blog{
			
					background-image: url("../img/menu/blog.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					margin-top:4px;
					
				}
				
				ul.menu li a.blog:hover{
			
					background-image: url("../img/menu/blog.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:46px;
					background-position:0 -22px;
					margin-top:4px;
							
				}
				
				
				ul.menu li a.fag{
			
					background-image: url("../img/menu/faq.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:36px;
					margin-top:4px;
									
				}
				
				ul.menu li a.fag:hover{
			
					background-image: url("../img/menu/faq.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:36px;
					background-position:0 -22px;
					margin-top:4px;
					
				}
				
				ul.menu li a.contacto{
			
					background-image: url("../img/menu/contacto.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:85px;
					margin-top:4px;
									
				}
				
				ul.menu li a.contacto:hover{
			
					background-image: url("../img/menu/contacto.png") ;
					background-repeat: no-repeat;
					height:22px;
					width:85px;
					background-position:0 -22px;
					margin-top:4px;
						
				}
			
			

		
		    /*..........    botón de hazte socio ....................*/
			#socio{
		
				float:right;
				padding-top: 6px;
margin-top:55px;			
			}
		
			
		
		
		
/*----------------------------------------------------------------------------

	
	///////          APLICACIONES            ///////////////


-------------------------------------------------------------------------------*/		

#wrapperaplicaciones{

    background: #f1f1f1;
	
}


	/*...................................  DIV que contiene todas las aplicaciones..................................*/
	#aplicaciones{
	
		margin:0px auto;
		height: 250px;
		
	}
	
		/*.......... div vacio.............*/
		#vacio{
			
			/*background: #000;*/
			height:4px;
			margin: 0px auto;
			clear: both;
			
		
		}
	
		/*.......... menú de aplicaciones    ............*/
		
		#agenda{
	
			/*background: #fff;*/
			height: 180px;
			
			
		}
		#wiki{
		
			/*background: #fff;*/
			height: 180px;
			
		
		}
		#trabajo{
			
			/*background: #fff;*/
			height: 180px;
		
		}
		
		
/*----------------------------------------------------------------------

	
	///////          CONTENIDO          ///////////////


------------------------------------------------------------------------*/		


#wrappercontenido{

    background: url("../img/degradado.jpg") repeat-x;
	/*height: 462px; */


}

	#contenido{
	
		background: url("../img/fondocontenido.png") no-repeat;
		/*min-height: 336px; */
		margin: 0px auto;
		padding: 20px 0px;
		
	
	}
	
		/*Es un contenedor general para que sea usada por todas las secciones*/
		#contenedor_g{
		
			/*background-color: #999;*/
			margin: 0px auto;
			overflow: auto;
			font-size:13px;
		}
		/*INDEX*/
		#i_contenido{
		
			/*background-color: #999;*/
			height: 180px;
			margin-top: 10px;
		
		}

	
/*-----------------------------------------------------------------------

	
	///////          PIE          ///////////////


------------------------------------------------------------------------*/		


#wrapperpie{

    background: url("../img/pie.jpg") repeat-x;
	height: 172px;
	clear:both;
}

	/*...................................   DIV QUE CONTIENE TODO EL PIE..................................*/
	
	#subpie{
	
		margin: 0px auto;
		height: 150px;
	}
	
		/*................... Contacto .......................*/
		
		/*tamaño del div contacto*/
		#contacto{
		
			/*background: #fff;*/
			height: 150px;
			color: #bcbcbc;
		
		}
		
			/*Encabezado de contacto*/
			#contacto img{margin-top: 8px;}
						
			
			ul.contacto{	margin-top: -15px;}
				
				ul.contacto li {
				
					margin-top: -7px;
							
				}
				
				ul.contacto li img{
				
				margin-right: 8px;
				vertical-align: middle;
				padding-bottom: 4px;
				
							
				}
			
				ul.contacto li span.tlf{vertical-align: middle;}
					
			
		/*................... Empresa .......................*/
		
			/*tamaño del div empresas*/
			#empresas{height: 150px;}
		
				/*Encabezado de empresa*/
				#empresas img{margin-top: 8px;}
		
			ul.empresas{
			
						margin-top: 10px;
						/*text-align: center;*/
						margin-left: 5px;
						
				
					}
			ul.empresas li{
				display: inline;
				width: 50px;
				margin-left: 28px;
			}  

		
		/*................... Redes Sociales .......................*/
		
			/*tamaño del div redes*/
			#redes{
			
				height: 150px;
				margin-left: 6px;
			
			
			
			}
				
				#redes h3 img{margin:8px 0px;}
		
					ul.redes{
			
						margin-top: 10px;
						/*text-align: center;*/
						margin-left: 5px;
						
				
					}
					
					ul.redes li{
			
				
						display:inline;
						margin-left: 28px;
							
					}
			
		
		/*................... COPY.......................*/
		
		#copy {margin: 0px auto;}
		
			#copy p{
		
				display:inline;
				color: #bcbcbc;
			}
			
			
		    #copy img{
			
				vertical-align:middle;
				
				margin-right: 590px;
				
			}
		


/*----------------------------------------------------------------------------------


           ////        SECCIONES      //////


-------------------------------------------------------------------------------------*/

#titulo_seccion{

	border-bottom: 1px solid #e9e8e9;
	overflow: auto;
}	



/*----------------------------------------------------------------------------------


           ////        GRILLA      //////


-------------------------------------------------------------------------------------*/

.columna{
	
	float:left;
	margin-right:10px;

}

.ultimo{

	margin-right: 0px;

}

.ancho-1   { width: 10px;}
.ancho-2   { width: 20px;}
.ancho-3   { width: 30px;}
.ancho-4   { width: 40px;}
.ancho-5   { width: 50px;}
.ancho-6   { width: 60px;}
.ancho-7   { width: 70px;}
.ancho-8   { width: 80px;}
.ancho-9   { width: 90px;}
.ancho-10  { width: 100px;}
.ancho-11  { width: 110px;}
.ancho-12   { width: 120px;}
.ancho-13 { width: 130px;}
.ancho-14 { width: 140px;}
.ancho-15 { width: 150px;}
.ancho-16   { width:160px;}
.ancho-17   { width: 170px;}
.ancho-18   { width: 180px;}
.ancho-19  { width: 190px;}
.ancho-20   { width: 200px;}
.ancho-21  { width: 210px;}
.ancho-22   { width: 220px;}
.ancho-23   { width: 230px;}
.ancho-24   { width: 240px;}
.ancho-25  { width: 250px;}
.ancho-28   {width: 280px;}
.ancho-30  { width: 300px;}
.ancho-31  { width: 310px;}
.ancho-32  { width: 320px;}
.ancho-42{width: 420px;}
.ancho-60 { width: 600px;}
.ancho-66 { width: 660px;}
.ancho-67 { width: 670px;}
.ancho-67-b { width: 679px;}
.ancho-92 { width: 920px;}
.ancho-96 { width: 960px;}

.vacio{clear:both}