/* HEADER */
header{
	font-family: 'Quicksand', sans-serif;
	font-size:13pt;
	margin-top: 20px;
	min-height: 60px;
	font-weight: 400;
	line-height: 17pt;
}

h1,h2,h3,h4,h5,h6,p,a{
	font-family: 'Quicksand', sans-serif;
	font-size: 12pt;
	font-weight: 400;
	line-height: 17pt;
}

/*MENU PRINCIPAL*/
.navbar-inverse{
	background-color: white;
    border:none;
    border-radius: 0px;
	border-bottom: 1px solid #D1D1D1;
    margin-bottom: 50px;
}

.navbar-nav{
	margin-bottom: 20px;
}

.navbar-inverse .navbar-nav> li{
    text-align: center;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav>li>a{
	color:black;
	padding-bottom: 10px;
	padding-top: 20px;
}

@media screen and (max-width: 1199px) {
	.navbar-inverse .navbar-nav>li>a{
		color:black;
		padding-bottom: 10px;
		padding-top: 10px;
	}
}

@media screen and (max-width: 991px) {
	.navbar-inverse .navbar-nav>li>a{
		color:black;
		padding-bottom: 10px;
		padding-top: 0px;
		padding-left: 7px;
		padding-right: 7px;
		font-size: 12pt;
	}
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav>li>a{
		color:black;
		padding-bottom: 20px;
		padding-top: 20px;
	}
}

.navbar-inverse .navbar-nav>li>a:hover{
	border-radius:5px;
	border-bottom:3px solid #EA9111;
	color:#EA9111;
}

.navbar-inverse .navbar-nav>li>a:focus{
	border-radius:5px;
	border-bottom:3px solid #EA9111;
	color:#EA9111;
}

.navbar-inverse .navbar-nav>.active>a{
	border-radius:5px;
	border-bottom:3px solid #EA9111;
	color:#EA9111;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a:visited{
	color:#EA9111;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a:focus{
	border-radius:5px;
	border-bottom:3px solid #EA9111;
	color:#EA9111;
	background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a:hover{
	border-radius:5px;
	border-bottom:3px solid #EA9111;
	color:#EA9111;
	background-color: transparent;
}

.navbar-collapse{
	float:right;
	margin-top: 20px;
}

.navbar-inverse .navbar-toggle{
	background-color: black;
}

.container>.navbar-header{
	margin-right: 0px;
	padding-right: 0px;
}

.logo{
	max-width: 90%;
	padding-top: 20px;
	padding-bottom: 20px;	
}

@media screen and (max-width: 1199px) {
	.logo{
		max-width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
}

@media screen and (max-width: 991px) {
	.logo{
		max-width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
}

@media screen and (max-width: 767px) {
	.logo{
		max-width: 220px;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
}

@media screen and (max-width: 385px) {
	.logo{
		max-width: 95%;
		padding-top: 20px;
		padding-bottom: 20px;	
	}
}

button.navbar-toggle.collapsed{
	border:none;
	border-left: 1px solid;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;	
	min-height: 50px;
	min-width: 45px;
}

button.navbar-toggle{
	border:none;
	border-left: 1px solid;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-right: 0px;
	min-height: 50px;
	min-width: 45px;
}

.container>.navbar-collapse{
	margin-right:0px;
}

/*BODY*/
body{
    background: url("images/background-body.jpg");
    background-position: center;
    background-attachment: fixed;
}

/*TEXTOS*/
.subtitulo_margin{
	font-family: 'Comfortaa', cursive;
	color: #EA9111;
	font-size:15pt;
	font-weight: 700;
	margin-bottom: 30px
}

.subtitulo_margin_borde{
	border-bottom: 3px solid #EA9111;
	font-family: 'Comfortaa', cursive;
	color: #EA9111;
	font-size:15pt;
	font-weight: 700;
	padding-bottom: 7px;
	margin-bottom: 30px
}

.subtitulo_margin_blanco{
	font-family: 'Comfortaa', cursive;
	color: white;
	font-size:15pt;
	font-weight: 700;
	margin-bottom: 30px
}

.subtitulo_margin_centrado{
	font-family: 'Comfortaa', cursive;
	color: #EA9111;
	font-size:15pt;
	font-weight: 700;
	text-align: center;
}

.subtitulo_blanco{
	font-family: 'Comfortaa', cursive;
	color:white;
	font-size:15pt;
	font-weight: 700;
}

.cuerpo_texto{
	font-size:12pt;
	font-weight: 400;
	text-align: justify;
}

.cuerpo_texto_naranja{
	color:#EA9111;
	font-size:12pt;
	font-weight: 400;
	text-align: justify;
}

.cuerpo_texto_sin_margin{
	font-size:12pt;
	font-weight: 400;
	text-align: justify;
	margin:0px;
}

.cuerpo_texto_sin_margin_ultimo{
	font-size:12pt;
	font-weight: 400;
	text-align: justify;
	margin-bottom:50px;
	margin-top:0px;
}

.cuerpo_texto_centrado{
	font-size:12pt;
	font-weight: 400;
	text-align: center;
	margin-bottom:50px;
}

.cuerpo_texto_centrado_sin_margin{
	font-size:12pt;
	font-weight: 400;
	text-align: center;
	margin:0px;
}

.cuerpo_texto_centrado_contactanos{
	background-color: rgba(255,255,255, 1);
	border-radius: 5px;
	font-size:12pt;
	font-weight: 400;
	text-align: center;
	padding: 30px 15px 30px 15px;
	margin-bottom: 60px;
}

.cuerpo_texto_margin{
	padding-bottom: 15px;
	text-align: justify
}

.cuerpo_texto_margin_top{
	font-size:12pt;
	font-weight: 400;
	margin-top:30px;
	text-align: justify;
}

.cuerpo_texto_margin_left_negro{
	color:black;
	font-size:12pt;
	font-weight: 400;
	margin-top:10px;
	margin-left: 30px;
}

.cuerpo_texto_margin_left_negro_ultimo{
	color:black;
	font-size:12pt;
	font-weight: 400;
	margin-top:10px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.cuerpo_texto_margin_left_blanco{
	color:white;
	font-size:12pt;
	font-weight: 400;
	margin-top:10px;
	margin-left: 30px;
}

.cuerpo_texto_margin_left_blanco_ultimo{
	color:white;
	font-size:12pt;
	font-weight: 400;
	margin-top:10px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.cuerpo_texto_centrado_margin{
	font-size:12pt;
	font-weight: 400;
	margin-bottom:30px;
	text-align: justify;
}

.cuerpo_texto_centrado_margin_2{
	font-size:12pt;
	font-weight: 400;
	margin-bottom:30px;
	margin-top: 0px;
	text-align: center;
}

.cuerpo_texto_blanco{
	color: white;
	font-size:12pt;
	font-weight: 400;
}

.cuerpo_texto_blanco_footer{
	color:white;
	font-size:12pt;
	font-weight: 400;
	padding-top: 10px;
	text-align: center;
}

.cuerpo_texto_blanco_ultimo{
	color:white;
	font-size:12pt;
	font-weight: 400;
	margin-bottom: 50px;
}

.cuerpo_texto_bold{
	font-size:12pt;
	font-weight: 700;
}

.cuerpo_texto_bold_margin{
	font-size:12pt;
	font-weight: 700;
	margin-bottom:0px;
	margin-top:30px;
}

.cuerpo_texto_bold_centro{
	font-size:12pt;
	font-weight: 700;
	text-align: center;
}

.cuerpo_texto_bold_centro_margin_bottom{
	font-size:12pt;
	font-weight: 700;
	text-align: center;
	margin-bottom:0px;
}

.cuerpo_texto_bold_centrado{
	font-size:12pt;
	font-weight: 700;
	text-align: center;
	padding-bottom: 30px;
}

.cuerpo_texto_bold_blanco{
	color:white;
	font-size:12pt;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	.cuerpo_texto_bold_blanco{
		color:white;
		font-size:12pt;
		font-weight: 700;
		margin-top: 30px;
	}	
}

.enlace{
	color: black;
	font-size:12pt;
	font-weight: 400;
	padding-top: 30px;
	text-decoration: none;
	text-decoration: underline;
}

.enlace:hover{
	color: #EA9111;
	font-size:12pt;
	font-weight: 400;
	text-decoration: none;
	text-decoration: underline;
}

.enlace_azul{
	color: blue;
	font-size:12pt;
	font-weight: 400;
	padding-top: 30px;
	text-decoration: none;
	text-decoration: underline;
}

.enlace_azul:hover{
	color: #EA9111;
	font-size:12pt;
	font-weight: 400;
	text-decoration: none;
	text-decoration: underline;
}

.enlace_azul_02{
	color: blue;
	font-size:12pt;
	font-weight: 400;
	padding-top: 30px;
	text-decoration: none;
	text-decoration: underline;
}

.enlace_azul_02:hover{
	color: white;
	font-size:12pt;
	font-weight: 400;
	text-decoration: none;
	text-decoration: underline;
}

.enlace-normal{
	color: black;
	font-size:12pt;
	font-weight: 400;
	padding-top: 30px;
	text-decoration: none;
}

.enlace-normal:hover{
	color: #EA9111;
	font-size:12pt;
	font-weight: 400;
	text-decoration: none;
	text-decoration: underline;
}

.icono{
	font-size:12pt;
}

/*SLIDER*/
.arquitectura-concreto-logo{
	width: 120px;
	margin-right: 20px;
}
.slider{
	padding-top: 150px;
}

.slider .carousel-caption{
	color:white;
	background-color: #1D1D1D;
	border-radius: 5px;
	max-height:140px;
	opacity: 0.9;
	margin-bottom: 50px;
	max-width: 700px;
	padding: 0px;
	text-shadow: none;
}

.slider .carousel-control{
	max-height: 50px;
	max-width: 50px;
	top: calc(50% - 25px);
    opacity: 0,8;
}

.slider .carousel-control.left,
.slider .carousel-control.right{
	background-color: black;
	background-image: none;
}

.slider .fa{
	color: white;
    text-shadow: none;
    margin-top: 17px;
}

/*SECCIONES*/
.galeria{
	border-radius: 0px 0px 15px 15px;
	min-height:550px;
	width: 100%;
	margin-bottom: 50px;
	padding: 50px 15px 15px 15px;
	background-color: rgba(255,255,255, .8);
	box-shadow: 5px 5px 15px #D1D1D1;
	border-top:3px solid #EA9111;
}
@media screen and (max-width: 767px) {
	.galeria{
		min-height:580px;
	}
}
#grises:hover{
	filter:gray;
	transition:filter 0.3s;
	-webkit-filter: grayscale(1);
	-webkit-transition:-webkit-filter 1s;
}

.img-thumbnail{
	height: 180px;
	margin-bottom: 30px;
}

.img-thumbnail.responsive{
	height: 100%;
    width: 100%;
	margin-bottom: 30px;
}

.img-responsive.margin_bottom{
	margin-bottom: 50px;
	padding-bottom:10px;
	border-bottom: 1px solid #D1D1D1;
}

.img-responsive.margin_top{
	margin-top: 30px;
	margin-bottom: 30px;
}

.fondo-blanco-contenido{
	padding:30px 15px 15px 15px; 
	background-color: rgba(255,255,255, .8);
	border-radius: 0px 0px 15px 15px;
	box-shadow: 5px 5px 15px #D1D1D1;
	margin-bottom: 30px;
	border-top:3px solid #EA9111;
}

.fondo-blanco-contenido-ultimo{
	padding:30px 15px 15px 15px; 
	background-color: rgba(255,255,255, .8);
	border-radius: 0px 0px 15px 15px;
	box-shadow: 5px 5px 15px #D1D1D1;
	margin-bottom: 15px;
	border-top:3px solid #EA9111;
}

.fondo-blanco{
	padding:30px 15px 15px 15px; 
	background-color: rgba(255,255,255, .8);
	border-radius: 0px 0px 15px 15px;
	box-shadow: 5px 5px 15px #D1D1D1;
	border-top:3px solid #EA9111;
	min-height: 500px;
	overflow: hidden;
}

.fondo-blanco-servicios{
	padding:30px 15px 0px 15px; 
	background-color: rgba(255,255,255, .8);
	min-height: 100px;
	overflow: hidden;
}

.fondo-negro{
	padding:30px 15px 0px 15px; 
	background-color: rgba(40,38,37, .8);
	min-height: 100px;
	overflow: hidden;
}

.fondo-naranja{
	padding:30px 15px 0px 15px; 
	background-color: rgba(234,145,17, .8);
	min-height: 100px;
	overflow: hidden;
}

.seccion_top{
	margin-top: 150px;
}

.seccion_1{
	padding: 100px 15px 0px 15px;
}

.container.ancho-ideal{
	width: 1140px;
}

.seccion_2{
	padding:150px 0px 15px 0px;
}

.seccion_3{
	background-color:#282625;
	padding-bottom: 0px;
	padding-top: 50px;
}

.seccion_4{
	padding-bottom: 50px;
	padding-top: 100px;
}

.seccion_5{
	padding:0px 0px 30px 0px;
}

.seccion_6{
	padding-bottom: 50px;
	padding-top: 150px;
}

.sin-padding{
	padding-left: 0px;
	padding-right: 0px;
}

/*FOOTER*/
.footer{
	background-color: #30383F;
	max-width: 100%;
	min-height: 35px;
}

.footer .texto{
	color:white;
	margin-top: 15px;
	text-align: center;
}

#icono-redes{
	color: white;
	font-size: 25pt;
	margin-bottom: 50px;
	margin-left: 5px;
}

.icono-redes{
	text-align: center;
}

#icono-redes:hover{
	color: #EA9111;
	font-size: 25pt;
}

i{
	margin-right: 5px;
}

/*FORMULARIO*/
.seccion_formulario{
	padding-top: 150px;
	padding-bottom: 30px;
}

#contactForm{
	border-right:1px solid grey;
	padding-right: 30px;
	margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
	#contactForm{
		border-right:none;
		padding-right: 0px;
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	#contactForm{
		border-right:none;
		padding-right: 0px;
		margin-bottom: 30px;
	}
}

label{
	font-family: 'Quicksand', sans-serif;
	font-size: 12pt;
	font-weight: 700;
	color: white;
}

input::-webkit-input-placeholder {
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	font-weight: 400;
}

textarea::-webkit-input-placeholder {
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	font-weight: 400;
}

button.btn.btn-warning.btn-lg{
	font-family: 'Quicksand', sans-serif;
	font-size: 12pt;
	font-weight: 700;
}

.list-unstyled{
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	font-weight: 700;
}
#msgSubmit{
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	font-weight: 700;
}

.btn.disabled{
	color:black;
	border-color:white;
	background-color:white;
	opacity: 1;
}

.btn.disabled:hover{
	border-color:#EA9111;
	background-color:#EA9111;
	color: white; 
}

.btn.disabled:focus{
	border-color:#EA9111;
	background-color:#EA9111;
	color: white; 
}

/*MAPS*/
#maps{
	border-radius: 5px;
	margin-bottom: 60px;
}

.embed-responsive-16by9.maps{
    padding-bottom: 35%;
}

@media screen and (max-width: 991px) {
	.embed-responsive-16by9.maps{
	    padding-bottom: 60%;
	}
}

@media screen and (max-width: 767px) {
	.embed-responsive-16by9.maps{
	    padding-bottom: 100%;
	}
}

.padding-map{
	padding-top: 30px;
	border-top:1px solid grey; 
}

/*ANCLAS*/
#top{
	position: relative;
	top:-20px;
}

#contactanos{
	position:relative;
	top:-105px;
}

.btn_volver_top{
	position: fixed;
	bottom: 30px;
	right: 30px
}

@media screen and (max-width: 1199px) {
	.btn_volver_top{
		position: fixed;
		bottom: 30px;
		right: 30px
	}	
}

@media screen and (max-width: 991px) {
	.btn_volver_top{
		position: fixed;
		bottom: 20px;
		right: 20px
	}	
}

@media screen and (max-width: 767px) {
	.btn_volver_top{
		position: fixed;
		bottom: 15px;
		right: 15px
	}	
}

.estilo_btn_top{
	color:#EA9111;
	text-decoration: none;
	font-size:40pt;
	opacity: 0.5;
}

.estilo_btn_top:hover{
	color:#EA9111;
	text-decoration: none;
	font-size:40pt;
	opacity: 1;
}

.estilo_btn_top:focus{
	color:#EA9111;
	text-decoration: none;
	font-size:40pt;
	opacity: 0.5;
}