/***** CSS Adria Garcia *****/

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

body {
	color: #fff;
	background: #262626 url(/media/img/bg.png) top left repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

#box {
/*float: left;*/
	margin: 0 auto;
	width: 960px;
}

/***** Footer *****/
#footer {
	background: #222 url(/media/img/bg_footer.png) top left repeat-x;
	margin-top: 30px;
	padding-bottom:20px;
}

	#footer .footer-content {
		width: 960px;
		margin: 0 auto;
	}
	
		#footer .footer-content img {
			float: right;
			margin-left: 1em;
			margin-top: 1em;
		}
	
		#footer .footer-content p {
			color: #4e4e4e;
			text-align: right;
			padding-top: 1em;
		}
			#footer .footer-content p a {
				color: #4e4e4e;
				text-decoration:none;
			}
	
/***** Header *****/
#header {
	margin-bottom: 50px;	
	overflow: hidden;
}
	#header .logo {
		margin-top: 20px;
		margin-right: 50px;
		float: left;
	}
	
	#header .nav {
		float: left;
	}
	
		#header .nav li {
			float: left;
			margin-right: 1px;
		}
			#header .nav .nav-home { display: block; height: 89px; overflow: hidden }
			#header .nav .nav-home:hover img { margin-top: -89px; }
			#header .nav .nav-home .active  { margin-top: -89px; }
			
			#header .nav .nav-about { display: block; height: 89px; overflow: hidden }
			#header .nav .nav-about:hover img { margin-top: -89px; }
			#header .nav .nav-about .active  { margin-top: -89px; }
			
			#header .nav .nav-solutions { display: block; height: 89px; overflow: hidden }
			#header .nav .nav-solutions:hover img { margin-top: -89px; }
			#header .nav .nav-solutions .active  { margin-top: -89px; }
			
			#header .nav .nav-stories { display: block; height: 89px; overflow: hidden }
			#header .nav .nav-stories:hover img { margin-top: -89px; }
			#header .nav .nav-stories .active  { margin-top: -89px; }
			
			#header .nav .nav-contact { display: block; height: 89px; overflow: hidden }
			#header .nav .nav-contact:hover img { margin-top: -89px; }
			#header .nav .nav-contact .active  { margin-top: -89px; }

	#header h4 {
		float: right;
	}

		#header h4.bepart a { 
			display: block; 
			width: 97px; 
			height: 102px; 
			background-image: url(/media/img/beparten.png); 
		} 
		#header h4.bepart a span { 
			display: none;
		}
		
/***** Home *****/		
#main-home {
	width: 960px;
	height: 385px;
	background: url(/media/img/bg_main_home.png) top left no-repeat;
	position: absolute;
}

	#main-home img.bombilla {
		position: relative;
		left: 840px;
		top: -30px;
	}

		#main-home #main-text-home {
			width: 693px;
			height: 248px;
			float: right;
			margin-top: 40px;
			background: url(/media/img/bg_main_text_homeen.png) top left no-repeat;
		}
	
	#main-home .button-solutions {
		position: relative;
		left: 250px;
		top: 190px;	
	}
	
	#main-home .button-about {
		position: relative;
		left: 475px;
		top: 113px;	
	}

#content-home {
	margin-top: 435px;
	height: 337px;
	background: url(/media/img/bg_content_homeen.png) top left repeat-x;
}

	#content-home .one {
		float: left;
		margin-top: 40px;
		width: 290px;
		height: 280px;
		background: url(/media/img/bg_content_home_oneen.png) 50px 40px no-repeat;
		border-right: 1px solid #000;
		padding-left: 15px;
		padding-right: 15px;
	}
	
		#content-home .one p {
			font-size: 1.2em;
		}
		
		#content-home .one p a {
			color: #eb1c23;
		}
		
		
	#content-home .two {
		float: left;
		margin-top: 40px;
		width: 290px;
		padding-left: 15px;
		padding-right: 15px;
		height: 280px;
		border-left: 1px solid #232323;
	}
	
			#content-home .two h3.title-ourmission { 
				display: block; 
				width: 128px; 
				height: 20px; 
				background-image: url(/media/img/title_ourmissionen.png); 
			} 
			#content-home .two h3.title-ourmission span { 
				display: none;
			}
			
			#content-home .two h4 {
				font-size: 1.2em;
				margin-top: 5px;
				margin-bottom: 10px;
			}
			
			#content-home .two p {
				font-size: 1.2em;
				line-height: 1.5em;
			}
			
			#content-home .three {
				float: left;
				background-color: #fff;
				margin-top: 40px;
				margin-left: 7px;
				margin-right: 6px;
				height: 255px;
			}
		
/***** About *****/	
#content-about {
	
}

	#content-about .content-about-text {
		height: 435px;
		background: url(/media/img/about_logoen.png) 0 65px no-repeat;
	}

		#content-about .content-about-text h1.title-about {
			display: block; 
			width: 100%; 
			height: 35px; 
			background: url(/media/img/title_about_abouten.png) top left no-repeat;
			border-bottom: 1px solid #242424;
		}
	
			#content-about .content-about-text h1.title-about span {
				display: none;
			}
			
			
		#content-about .content-about-text p {
			font-size: 1.6em;
			margin-left: 400px;
			margin-top: 20px;
			margin-right: 100px;
		}
		
		
		#content-about .content-about-our {
			margin-top: 40px;
			height: 460px;
			background: url(/media/img/about_silueta.png) center top no-repeat;
		}
		
			#content-about .content-about-our h1.title-our {
				display: block; 
				width: 100%; 
				height: 36px; 
				background: url(/media/img/title_about_ouren.png) top left no-repeat;
				border-bottom: 1px solid #242424;
			}

				#content-about .content-about-our h1.title-our span {
					display: none;
				}
				
	#content-about .people-item-left {
		width: 225px;
		height: 205px;
		background: url(/media/img/bg_people_item.png) center bottom no-repeat;
		padding-top: 35px;
		padding-left:175px;
		float: left;
	}
	
	#content-about .people-item-right {
		width: 225px;
		height: 205px;
		background: url(/media/img/bg_people_item.png) center bottom no-repeat;
		padding-top: 35px;
		float: right;
	}
		#content-about .people-item-left img, #content-about .people-item-right img {
			float: left;
		}
		
		#content-about .people-item-left h2, #content-about .people-item-right h2 {
			font-size: 2.5em;
			font-weight: normal;
			padding-top: 1.2em;
			}
		
		#content-about .people-item-left h3, #content-about .people-item-right h3 {
			font-size: 1.3em;
			font-weight: normal;
			color: #ffd558;
		}
		
		#content-about .people-item-left p, #content-about .people-item-right p {
			margin-top: 10px;
		}
			
/***** Solutions *****/				
#content-solutions {
	
}		

	#content-solutions h1.title-solutions {
		display: block; 
		width: 100%; 
		height: 35px; 
		background: url(/media/img/title_solutionsen.png) top left no-repeat;
		border-bottom: 1px solid #242424;
	}

		#content-solutions h1.title-solutions span {
			display: none;
		}	
		
	#content-solutions p {
		font-size: 1.6em;
		margin-top: 20px;
	}	
	
	#content-solutions img {
		margin-top: 40px;
	}
	
/***** Stories *****/				
#content-stories {

}

    #content-stories a {
    color: #4d4d4d;
        
}		 

	#content-stories h1.title-stories {
		display: block; 
		width: 100%; 
		height: 35px; 
		background: url(/media/img/title_storiesen.png) top left no-repeat;
		border-bottom: 1px solid #242424;
	}

		#content-stories h1.title-stories span {
			display: none;
		}
	
	
		#content-stories .clients {
			width: 400px;
			float: left;
			margin-top: 40px;
		}
		
			#content-stories .clients p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
			}
			
			#content-stories .clients h2.title-clients {
				display: block; 
				width: 100%; 
				height: 20px; 
				background: url(/media/img/title_ourclientsen.png) top left no-repeat;
			}

				#content-stories .clients h2.title-clients span {
					display: none;
				}
				
		#content-stories .clients div {
			float: left;
			margin-right: 15px;
			margin-top: 20px;
		}	
		
			#content-stories .clients div p {
				margin-top: 0;
				font-size: 0.85em;
				color: #4d4d4d;
				text-align: center;
				width:167px;
			}
		
		#content-stories .partners {
			width: 480px;
			float: right;
			margin-top: 40px;
		}
		
			#content-stories .partners p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
			}
			
			#content-stories .partners h2.title-partners {
				display: block; 
				width: 100%; 
				height: 21px; 
				background: url(/media/img/title_ourpartnersen.png) top left no-repeat;
			}

				#content-stories .partners h2.title-partners span {
					display: none;
				}
		
				#content-stories .partners div {
					float: left;
					margin-right: 15px;
					margin-top: 20px;
				}	

					#content-stories .partners div p {
						margin-top: 0;
						font-size: 0.85em;
						color: #4d4d4d;
						text-align: center;
						width:167px;
					}

/***** Contact *****/				
#content-contact {

}	

	#content-contact h1.title-contact {
		display: block; 
		width: 100%; 
		height: 35px; 
		background: url(/media/img/title_contactusen.png) top left no-repeat;
		border-bottom: 1px solid #242424;
	}

		#content-contact h1.title-contact span {
			display: none;
		}
		
		#content-contact p {
			font-size: 1.6em;
			margin-top: 20px;
			line-height: 1.5em;
		}	
		
		
		#content-contact .contact-info {
			float: left;
			width:400px;
		}
		
			#content-contact .contact-info img {
				margin-top: 20px;
			}
			
		#content-contact .contact-form {
			float: right;
			width:530px;
			background-color: #1a1a1a;
			margin-top: 20px;
			position: relative;
		}
			#content-contact .contact-form img.mail {
				position: absolute;
				top:-25px;
				left: 450px;
			}
		
			#content-contact .contact-form form {
				margin: 3em;
			}
			
				#content-contact .contact-form form input, #content-contact .contact-form form textarea {
					display: block;
					background-color: #2a2a2a;
					border-top:0;
					border-left:0;
					border-right:0;
					color: #fff;
					border-bottom: 1px solid #555;
					font-size: 1.3em;
					padding: .5em 1em;
					width: 400px;
					margin-bottom: 1em;
					margin-top: .3em;
				}
				
				#content-contact .contact-form form label {
					text-transform: uppercase;
				}
				
					#content-contact .contact-form form .contact {
					   margin-bottom: -30px;
					   margin-top:-10px;	
					}
				
				.errorlist li {color:red;
							   }

/***** Hiring *****/	
#content-hiring {

}

    #content-hiring a {
    color: #4d4d4d;
        
}		 

	#content-hiring h1.title-hiring {
		display: block; 
		width: 100%; 
		height: 35px;
		font-size:30px;

		border-bottom: 1px solid #242424;
	}

		#content-hiring .job {
			margin-top:30px;
	
		}
			#content-hiring .job p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
	
			}	
	
			#content-hiring .job h2.title-job {
				display: block; 
				width: 100%; 
				height: 20px; 
				font-size:30px;
		
			}
				#content-hiring .job h2.title-job span {
					color:#fec929;
				}
		#content-hiring .description {
			width: 400px;
			float: left;
			margin-top: 30px;
		}
			#content-hiring li {
				list-style-type:square!important;
			}
		
			#content-hiring .description p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
			}
			
			#content-hiring .description h2.title-description {
				display: block; 
				width: 100%; 
				height: 20px; 
		
			}

				#content-hiring .description h2.title-description span {
					color:#fec929;
				}
				
		#content-hiring .description div {
			float: left;
			margin-right: 15px;
			margin-top: 20px;
		}
			#content-hiring .description ul li {
				margin-bottom:-15px;
			}	
		
			#content-hiring .description div p {
				margin-top: 0;
				font-size: 0.85em;
				color: #4d4d4d;
				text-align: center;
				width:167px;
			}
		
		#content-hiring .requirements {
			width: 480px;
			float: right;
			margin-top: 30px;
		}
		
			#content-hiring .requirements p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
			}
			
			#content-hiring .requirements h2.title-requirements {
				display: block; 
				width: 100%; 
				height: 21px; 
				
			}

				#content-hiring .requirements h2.title-requirements span {
					color:#fec929;
				}
		
				#content-hiring .requirements div {
					float: left;
					margin-right: 15px;
					margin-top: 20px;
				}
				#content-hiring .requirements ul li {
					margin-bottom:-15px;
				}	

					#content-hiring .requirements div p {
						margin-top: 0;
						font-size: 0.85em;
						color: #4d4d4d;
						text-align: center;
						width:167px;
					}
				
				
		#content-hiring .benefits {
			margin-top:40px;
			width:1000px;
			float:left
	
		}
	
			#content-hiring .benefits h2.title-benefits {
				display: block; 
				width: 100%; 
				height: 20px; 
		
			}
				#content-hiring .benefits h2.title-benefits span {
					color:#fec929;
				}	
			#content-hiring .benefits	 p {
				font-size: 1.6em;
				margin-top: 20px;
				line-height: 1.5em;
	
			}