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

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

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

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

img{
 border:0;
}

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

hr{
display: block;
height: 1px;
border-top: 1px solid #299926;
border-left: none;
border-bottom: none;
border-right: none;
}

fieldset{
border:0;
}

a{color: #666; text-decoration: none;}
a:hover{color: #000;}
			
.floatRight{float: right; margin-left: 20px;}
.floatLeft{float: left; margin-right: 20px;}

.text_small{font-size: 11px;}
.text_big{font-size: 18px; color:#CC3333;}
.text_right{text-align: right;}
.text_center{text-align: center;}

.grey{color: #666;}
.no_screen{display:none;}

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


body{
	font: normal 14px/18px Arial, Helvetica, sans-serif;
	color: #666;
}

/** ESTRUCTURA GENERAL: contenedores */

#wrapper{
	width: 940px;
	margin: 0 auto;
}

			
	/** CABECERA */
	
	#header{
		overflow: hidden;		
		padding: 10px 0;
		border-bottom: 2px solid #ccc;
	}
	
		h1{
			float: left;
			width: 169px;
			margin:20px 0 0 25px;
			height: 92px;
			text-indent: -5000em;
			overflow: hidden;
			background: url(images/logo_ilune.gif) no-repeat 0 0;
		}	
				
	/** NAVEGACIÓN PRINCICPAL */
	
	
	#navmain{
		width: 700px;
		overflow: hidden;
		float: right; 
		font: normal 18px/18px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
	}
	
		#navmain ul{
			overflow: hidden;
		}
		
			#navmain ul li{
				overflow: hidden;
				float: left;
			}
			
			#navmain a{
				display: block;
				height: 44px;
				text-decoration: none;
				color: #333;
				overflow: hidden;
				padding-top: 93px;
			}
	
			#navmain a:hover, 
			#navmain li.current a{color: #666; background-color: #FFF;} 
			
			/* El apartado ilune*/
			#navmain ul li#nav_ilune a{background: url(images/navmain/nav_ilune.png) no-repeat top left; width: 79px;	padding-left:75px;}
			#navmain ul li#nav_ilune a:hover{background: url(images/navmain/nav_ilune.png) no-repeat bottom left;}
			
			/* El apartado ilune*/
			#navmain ul li#nav_ilune-formacion a{background: url(images/navmain/nav_formacion.png) no-repeat top right; width: 170px;	padding-left:20px;}
			#navmain ul li#nav_ilune-formacion a:hover{background: url(images/navmain/nav_formacion.png) no-repeat bottom right;}
			
			/* El apartado ilune*/
			#navmain ul li#nav_damoslacaraporilune a{background: url(images/navmain/nav_damoslacara.png) no-repeat top right; width: 194px;	padding-left:20px;}
			#navmain ul li#nav_damoslacaraporilune a:hover{background: url(images/navmain/nav_damoslacara.png) no-repeat bottom right;}
			
			/* El apartado ilune*/
			#navmain ul li#nav_contacto a{background: url(images/navmain/nav_contacto.png) no-repeat top left; width: 110px; padding-left: 20px}
			#navmain ul li#nav_contacto a:hover{background: url(images/navmain/nav_contacto.png) no-repeat bottom left;}
		
				
				#navmain a b{font-size: 12px; line-height: 13px;}
				#navmain a span{color: #999; font-size: 12px;}
				#navmain a:hover span{color: #4A9212; font-size: 12px;}
	
	
	/** CONTENIDO */
	
	p.adress{padding-top: 5px;font: normal 11px/11px Arial, Helvetica, sans-serif; color: #888; margin-left:270px; }
			 
	#content{
		width: 940px;
		overflow: hidden;
		margin: 5px 0 10px 0;
	}
	
		
		/* Home */
		
			.fila, #footer{
				margin: 0;
				padding: 30px 10px;
				clear: both;
				width: 100%;
				border-top: 1px solid #CCC;
			}
			
				.logo, .load{
					float: left; overflow: hidden;
				}
				
				
				/* Los iconos y logotipos*/
				.logo a{
					display: block;
					width: 170px;
					font: normal 12px/15px Arial, Helvetica, sans-serif;
					padding-bottom: 20px;
				}
					
				.contact{
					background: url(images/contact.png) no-repeat bottom left;
					padding-bottom: 250px;	
					width:300px;
				} 
							
					.logo a span.title{font-family:Georgia, "Times New Roman", Times, serif; color: #000; font-size: 16px;}
					
					.oculto{visibility: hidden;}
					
					a.select{background: url(images/select.png) no-repeat top left;float: right; text-indent: -5000px; width: 104px; height: 101px;}
					a.wolda{background: url(images/wolda.png) no-repeat top left;float: right; text-indent: -5000px; width: 104px; height: 101px;}
					a.facebook{background: url(images/facebook.png) no-repeat 0 0;padding-left:50px; padding-top: 5px;margin-left: 40px;}
					a.flickr{background: url(images/flickr.png) no-repeat 0 0;padding-left:50px; padding-top: 5px;margin-left: 40px;}
					a.ilunik{background: url(images/ilunik.png) no-repeat 0 0;padding-left:90px; padding-top: 15px;}
					a.youtube{background: url(images/youtube.png) no-repeat 0 0;padding-left:50px; padding-top: 5px;margin-left: 40px;}
					a.slideshare{background: url(images/slideshare.png) no-repeat 0 0;padding-left:50px; padding-top: 5px;margin-left: 40px;}
					
				.strech_img{width: 225px;}			
				.strech_video{width: 210px;}
					
				/* Zona donde se carga los dinamico*/
				
				.load{width: 620px; margin-bottom: 10px;}
				
				#intro{width: 640px; padding-left: 125px;}
				
				#intro p{padding: 25px 0 35px 30px;width: 340px; float: left;}
				
					.post{border-bottom: 1px dotted #999; overflow: hidden;padding-bottom: 10px; padding-top: 10px;}
					
					.post.last {border-bottom: none;}
						h2{font: normal 17px/19px Georgia, "Times New Roman", Times, serif;margin-bottom: 5px;}
						
							h2 a{color: #000;}
							h2 a:hover{color: #4A9212;}
							
						h3{font: normal 15px/17px Georgia, "Times New Roman", Times, serif; margin-bottom:5px;}
						
							h3 a{color: #666;}
							h3 a:hover{color: #000;}
							
						.post p{font-size: 12px; padding-left: 15px}
						
						/* Flickr*/
						.load a.bg_img, .load .flickr_img{
							background: url(images/bg_img.png) no-repeat top left;
							display: block;
							float: left;
							margin-left: 34px; 
							overflow:hidden;
						}
						
						.load .flickr_img{background: none;}
						.load .flickr_img a.bg_img {float: none; margin-left: 0;}
						
						.load a.bg_img:hover{background: url(images/bg_img.png) no-repeat bottom left;}
						
							.load a.bg_img div{
								width: 100px;
								height: 89px;
								padding:9px 11px 10px 10px;
								overflow:hidden;
							}
							
								.load a.bg_img div p{
									width: 100px;
									height: 89px;
									overflow: hidden;
									
								}
							
								.load a.bg_img div p img{
									vertical-align: middle;
								}
								
						/* Youtube*/
						.load .bg_video{
							float: left;
							margin-left: 48px;
							overflow: hidden;
						}
						
						.load .bg_video a{
							background: url(images/bg_video.png) no-repeat top left;
							padding: 9px 11px 10px 10px;
							display: block;			
						}
						
						.load .bg_video a:hover{background: url(images/bg_video.png) no-repeat bottom left;}
						
						.bg_video p{margin-left: 2px;}	
						
						
						p.footer_title{margin-left: 2px;font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px;}				
				
		
	/* FORMULARIOS */
	
	form{
		width: 550px;
		margin-left: 60px;
	}
	
		form label{
			font: normal 18px/25px Georgia, "Times New Roman", Times, serif;
			color: #333;
		}
		
		form p{
			margin-bottom: 15px;
		} 
		
		form input, form textarea{
			border:0;
			border-bottom: 1px solid #666;
			padding-bottom:5px;
			width: 500px;
			font-family: Georgia, "Times New Roman", Times, serif;
			margin: 5px 0 10px 0;
			font-size: 13px;
			color: #666;
		}
		
		input#chec{width: 20px;}
		label.chec{font-size: 12px;}
					
			input.btn{
				color: #333;
				width: auto;
				font-weight: bold;
				padding: 5px;
				border: 0;
			}
		
		.validation-advice{color:#CC0000; font: bold 12px/15px "Courier New", Courier, monospace}
	
 

	/* FOOTER */
	
	#footer{
		font: normal 12px/15px Arial, Helvetica, sans-serif;
		padding: 30px 0;
		overflow: hidden;
	}
	
		#footer .logo{
			width: 150px;	
			padding-top: 27px;
		}
		
			#footer .logo p{text-align: center;}
		
		#footer .load{
			width: 790px;
		}
		
			#footer .load a{
				margin-right: 18px;
			}
			
			#footer .load a.last{margin-right: 0}