

h1 a {
	float: left;
	width: 310px;
	height: 100px;
	margin-left: 10px;
	text-indent: -1000px;
	background: url(../images/logo.png) left 50% no-repeat;
	background-size: 100%;
}

h1 {
	float: left;
	position: absolute;
}

.success {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  text-align: center;
  margin-top: 30px
}

.error {
  padding: 1em;
  margin-bottom: 0.75rem;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid rgba(185, 74, 72, 0.3);
  text-align: center;
  margin-top: 30px
}


#menu {
	float: right;
	margin-top: 20px
}

#lang {
	position: absolute;
	top: 0;
	right: 0
}

	#lang li {
		display: inline-block;
		float: left;
		font-size: .9em
	}

		#lang li a {
			padding: 6px 20px 3px;
			color: black;
			background: white;
			-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
		}

		#lang li a:hover {
			background: #ccc;
			color: #fff;
		}

		#lang li a:hover {
			cursor: pointer;
		}

			#lang li a.active {
				color: white;
				background: black
			}

#mainMenu {
	float: left;
	margin-top: 35px;
}

	#mainMenu li {
		float: left;
		text-transform: uppercase;
		margin-right: 25px;
		display: inline-block;
	}

		#mainMenu li a {
			color: #2D2D2E;
			text-decoration: none;
			font-size:.8em
		}

		#phone {
			float: left;
			background: #193966;
			border-radius: 20px;
			margin-top: 30px;
			padding: 5px 15px;
				height: 30px;
				margin-right: 20px;
		}

			#phone p {
				margin: 0;
				color: #fff;
			}



#map {
	float: left;
	left: 0;
	width: 100%;
	margin-bottom: 30px;
	height: 300px;
}



#submenu {
	float: right;
	margin-right: 20px
}

#submenu li {
	float: left;
	border-right: 1px solid #999;
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
}

	#submenu li:last-child {
		border-right: none;
	}

#submenu li a {
	color: #fff;
	text-decoration: none;
	font-size: .7em
}

	#submenu li a:hover {
		color: #ccc;
		cursor: pointer;
	}

.slide {
	position: fixed;
	right: 0;
	width: 60%;
	height: 100%;
	padding-bottom: 60px;
	background: #2D2D2E;
	z-index: 10000;
	bottom: 0;
}

#solicitud{
	height: 1300px;
	padding-top: 80px
}

	form {
		width: 100%;
		max-width: 980px;
		top:0;
		height: 100%;
		padding: 30px 40px 10px;
		left: 50%;

		margin: 0 auto;
	}

		fieldset {
			float: left;
			width: 100%;
			margin-top: 20px;
			padding-top: 30px;
			border-top:1px solid #ccc;
		}
			.row {
				float: left;
				width: 100%;
				margin-bottom: 15px
			}

			textarea {
				float: left;width: 100%;
				height: 100px;
				background: #F1F1F2;
				border:none;
							border-radius: 5px;
							margin-top: 5px;
							font-size: 1em;
							font-weight: 100;
							padding: 10px
			}
				fieldset h4 {
					margin-bottom: 10px;
				}

				input[type="submit"] {
			display: inline-block;
			background: #193966;
			width: 250px;
			margin-left: 10px;
			border:none;
			border-radius: 3px;
			color: #fff;
			font-size: .8em;
			font-weight: 700;
			padding: 5px 0;
			margin-top: 20px;
			box-shadow: 0 2px 0px black;

		}

				.column {
					float: left;
					width: 50%;
					padding: 0 10px;
					margin-top: 10px
				}

				.column-1 {
					float: left;
					width: 100%;
					padding: 0 10px;
					margin-bottom: 10px;
				}

				.column-3 {
					float: left;
					width: 33.3%;
					padding: 0 10px;
				}

				.column-4 {
					float: left;
					width: 25%;
					padding: 0 10px;
				}

					.row .column-4 label,
					.row .column-3 label {
					float: left;
					width: 90%;	}

											}

					.row label {
						float: left;
						width: 100%;
						padding-left: 10px
					}

						.row input[type="text"] {
							float: left;
							width: 100%;
							border:none;
							background: #F1F1F2;
							height: 30px;
							border-radius: 5px;
							margin-top: 5px;
							font-size: 1em;
							font-weight: 100;
							padding: 0 10px
						}

							.row input[type="radio"] {float: left;
								width: 10%;margin-top: 5px}

							textarea:focus,
							.row input[type="text"]:focus {
								background: #666;
								border:none;
								color: #fff
							}


.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 80px 0 0 0;
	position: relative;
	width: 350px;	
}


#valores,
#politicas,
#preguntas,
#glosario {
	right: -60%
}
	.contenido {
		float: left;
		width: 100%;
		max-width: 980px;
		height: inherit;
		overflow: auto;
		padding: 40px 150px 0 40px;
	}

		.contenidoTxt {
			float: left;
			height: auto;
		}

		.tab {margin-left: 20px;}

	.contenido p {
		color: #fff;
		font-size: 1em;
		margin-bottom: 20px;
		line-height: 1.8em;
		font-weight: 100
	}

		.contenido a {
			color: #fff;
		font-size: 1em;
		margin-bottom: 20px;
		line-height: 1.8em;
		font-weight: 100;
		text-decoration: none;
		display: inline-block;
		border-bottom:1px dotted white;
		}

		.contenido h2 {
			color: #fff;
			text-transform: uppercase;
		}




.all {
	float: left;
	width: 100%;
	margin-bottom: 20px
}

#avaluos .items {
	color: #221F1F;
	padding: 0 20px
}

	#avaluos .items img {
		height: auto;
	}

.close {
	color: #fff;
	font-size: .7em;
	padding-top: 10px;
	text-indent: -50px;
	right: 10px;
	top: 10px;
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../images/close.png) 50% 50% no-repeat;

	background-size: cover;


}

.close:hover {
	cursor: pointer;
}

#avaluos .more:hover{
	color: #fff;
	background: #221F1F;
}

.back-link a {
				color: #4ca340;
				text-decoration: none; 
				border-bottom: 1px #4ca340 solid;
			}
			.back-link a:hover,
			.back-link a:focus {
				color: #408536; 
				text-decoration: none;
				border-bottom: 1px #408536 solid;
			}
			h1 {
				height: 100%;
				/* The html and body elements cannot have any padding or margin. */
				margin: 0;
				font-size: 14px;
				font-family: 'Open Sans', sans-serif;
				color: #1c1d1e;
				font-size: 32px;
				margin-bottom: 3px;
			}
			h2 {
				color: #1c1d1e;
				font-family: 'Open Sans', sans-serif;
				font-weight: normal;
			}
			.entry-header .inner {
				text-align: left;
				margin: 0 auto 20px auto;
				width: 800px;
			}
			.entry-header { background-color: #fff; 
				height: 90px;
				padding: 0 10px;
				width:100%; position: fixed; 
				top: 0; left: 0; z-index: 999}


/* Parallax */

.content {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

#pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}



.float-left{
	float: left;	
	margin: 0 0 0 40px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

.mas {
	display: inline-block;
}


#header, #inicio, #first,  #second{
	width: 100%;
}

#wrapper {
	float: left;
	width: 100%;
	padding-top: 400px
}
	

#inicio{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#267d91+0,0f4f5e+100 */
	padding: 0 20px 20px;
	color: white;
	height: 450px;
	text-align: center;
	margin: 0 auto;
}

.inicio {
	float: left;
		padding-top: 200px;
	width: 100%;
	height: inherit;
	background: #267d91; /* Old browsers */
background: -moz-linear-gradient(top,  #267d91 0%, #0f4f5e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #267d91 0%,#0f4f5e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #267d91 0%,#0f4f5e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267d91', endColorstr='#0f4f5e',GradientType=0 ); /* IE6-9 */

}

	#inicio h2 {
		color: #fff;
		text-shadow: 0 1px 2px black;
		line-height: 1.8em
	}



#first{
	background:url(../images/firstBG.jpg) 50% top no-repeat fixed;
	color: white;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	text-align: center;	
}

	#first h2 {
		text-align: center;
		color: #193966;
		font-weight: 700;
		font-size: 1.4em;
		padding-top: 150px;
		background: url(../images/solicitar.png) 50% top no-repeat;
	}

		#first a {
			display: inline-block;
			background: #666;
			width: 250px;
			border-radius: 3px;
			color: #fff;
			padding: 5px 0;
			margin-top: 20px;
			box-shadow: 0 2px 0px black;

		}

			#first a:hover {
				background: #39b8d5;
				color: #fff
			}

#second{
	background: url(../images/imagen-slide.png) 50% 50% no-repeat fixed;
	background-size: cover;
	color: white;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second.en {
	background: url(../images/english.png) 50% 50% no-repeat fixed;
	background-size: cover;		
	color: white;
	height: 700px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	
	
}


#avaluos{
	background: #fff;
	color: white;
	height: 850px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	text-align: center;
	padding-top: 100px
}


	#avaluos h3 {
		margin-top: 20px;
		font-weight: 700;
		font-size: 1em
	}
	.all {
		float: left;
		width: 100%;
		margin-bottom: 80px
	}

		#avaluos .items img {
			height: auto
		}

		.all h2 {
			margin-bottom: 30px
		}

#second .bg{
	background: url(../images/trainers.png) 50% 0 no-repeat fixed;
	height: 1000px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#empresa{
	background: url(../images/bcg_slide-1.jpg) 50% 20% no-repeat fixed;
	background-size: cover;
	color: white;
	height: 650px;
	padding: 200px 0 0 0;	
}

	.items {
		float: left;
		width: 33.33%;
		text-align: center;
		padding: 0 20px;
	}

		#empresa img {width: 80px; height: auto}
		.items h3 {font-weight: 100;font-size: 1.3em; margin-bottom: 20px;}
		.items p {
			font-weight: 100
		}

		.items a {
			display: inline-block;
			background: #fff;
			width: 250px;
			border-radius: 3px;
			color: #193966;
			font-size: .8em;
			font-weight: 700;
			padding: 5px 0;
			margin-top: 20px;
			box-shadow: 0 2px 0px black;

		}

		#avaluos .items a {
			background: #193966;
			color: #fff
		}

			.items a:hover {
				cursor: pointer;
				background: #39b8d5;
				color: #fff
			}

#footer{
	
	background: #2D2D2E;
	height: 100px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

/*.inicio{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}*/





