/*Estilos para secciones*/

.mainSection section > .page-header h1{
	margin-bottom: 0;
}

.mainSection #sectionInicio {
	background-color: #eee;
}

.mainSection #sectionInicio .jumbotron {
	background-color: transparent;
	color: #666;
	margin-bottom: 0;
	padding: 20px;
}

.mainSection #sectionInicio .jumbotron  button{
	margin: 20px;
}

.mainSection #sectionInicio .col-sm-8{
	padding: 0;
}

.mainSection #sectionInicio .carousel{
	width: 100%;
	background: #fff;
}

.mainSection #sectionInicio .carousel .item img ,
.mainSection #sectionQuienesSomos .carousel .item img {
	width: 100%;
}

.mainSection #sectionInicio .carousel .item .carousel-caption{
	position: absolute;
	top: 300px;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	width: 100%;
	height: 100px;
	padding-bottom: 16px;
	text-align: left;
}

.mainSection #sectionInicio .carousel .item .carousel-caption h3{
	padding: 0 64px;
}

.mainSection #sectionInicio .carousel .carousel-control{
	background-image: none;
}

.mainSection #sectionInicio .carousel .row{
	padding: 0 15px;
}

.mainSection #sectionInicio .carousel .row .col-sm-8{
	padding: 0;
}

.mainSection #sectionInicio .carousel .row .col-sm-4{
	min-height: 400px;
}

.mainSection #sectionQuienesSomos {
	background: rgba(34, 53, 102, 1);
}

.mainSection #sectionQuienesSomos h1,
.mainSection #sectionContacto h1{
	text-shadow: 1px 1px #333;
}

.mainSection #sectionQuienesSomos  .custom-icon{
	height: 40px;
	width: 230px;
	position: absolute;
	background-size: auto 40px;
	background-repeat: no-repeat; 
	background-position: left top;
}

.mainSection #sectionQuienesSomos .carousel {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.mainSection #sectionProyectos .projects-container{
	width: 100%;
	height: 380px;
	overflow-x: scroll;
	overflow-y: hidden;
}

.mainSection #sectionProyectos .projects-wrapper{
	width: 1770px;
}

.mainSection #sectionProyectos .project{
	width: 400px;
	display: inline-block;
	margin: 0 20px;
}

.mainSection #sectionProyectos .project .panel-body{
	padding: 0;
}

.mainSection #sectionProyectos .jumbotron{
	background: #fff;
	padding: 20px;
}

.mainSection #sectionProyectos .carousel{
	width: 100%;
	height: 300px;
	overflow: hidden;
	cursor: pointer;
}

.mainSection #sectionProyectos .carousel:hover{
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
}

.mainSection #sectionProyectos .gallery-target{
	background-image: url('../resources/images/portada/portada1.jpg');
}

.mainSection #sectionProyectos > figure > img {
	width: 100%;
	height: auto;
}

.mainSection #sectionProyectos ul{
	line-height: 2em;
}

.mainSection #sectionAplicaciones > .panel .panel-body,
.mainSection #sectionProductos > .panel .panel-body,
.mainSection #sectionSucursales > .panel .panel-body{
	padding: 0;
}

.mainSection #sectionAplicaciones .carousel .item .carousel-caption{
	background: rgba(0, 0, 0, 0.5);
	text-align: left;
	text-shadow: 1px 1px #333;
}

.mainSection #sectionProductos .jumbotron {
	background-color: #fff;
	min-height:425px;
	padding: 20px;
}

.mainSection #sectionProductos .row {
	margin: 0;
}

.mainSection #sectionProductos .gallery-target{
	background-image: url('../resources/images/ofertas/oferta.jpg');
	background-size: contain;
	background-color: #eee;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.mainSection #sectionQuienesSomos .panel .panel-body,
.mainSection #sectionSucursales > .panel:nth-child(3) .panel-body,
.mainSection #sectionSucursales .jumbotron{
	color: inherit;
	background: rgba(34, 53, 102, 1);
	color: #ddd;
}

.mainSection #sectionContacto .glyphicon,
.mainSection #sectionSucursales .glyphicon{
	font-size: 20px;
	margin-right: 1em;
}

.mainSection #sectionContacto > .panel:last-child .panel-body{
	padding: 40px;
}

.mainSection #sectionContacto .contact-form-container{
	color: #ddd;
	background: #3b3b3b;
}

.mainSection #sectionContacto .contact-form-container input.form-control{
	max-width: 400px;
}

.mainSection #sectionContacto .contact-form-container textarea.form-control{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 128px;
	min-height: 128px;
}

.mainSection #sectionContacto .contact-form-container form{
	padding: 40px;
}

.mainSection #sectionContacto .contact-form-container form.focus{
	color: #666;
	background: rgba(255, 255, 255, 0.8);
	padding: 40px;
	box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.8);
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
}

.mainSection #sectionContacto .row:nth-child(even){
	border-bottom: 1px solid #ddd;
}

.mainSection #sectionSucursales .jumbotron {
	padding: 0;
}

.mainSection #sectionSucursales .row .figure-container{
	padding: 0;
}

.mainSection #sectionSucursales .row .text-container{
	padding: 20px 40px;
}

.mainSection #sectionSucursales .mapContainer{
	width: 100%;
	height: 300px;
	border: none;
}