/*
Hoja de Estilos para Pinturerías Arcoiris
Autor: MyDesign.com.ar
*/

/*
NAVBAR
*/

body{
	background: url('../img/arcoiris_imagen_de_fondo_web1.png') top left;
	font-family: 'Lato', sans-serif;
}

.clear{
	clear: both;
}

.navbar{
	min-height: 141px;
}

.navbar-brand{
	padding: 21px 15px;
}

ul.navbar-right{
	padding: 44px 0;
}

.navbar-default{
	background: none;
	border: 0;
}

.navbar-default .navbar-nav>li>a{
	border:1px solid transparent;
	font-size: 14px;
	color: #727272;
}

.navbar-default .navbar-nav>li>a:hover{
	border:1px solid;
	border-radius: 25px;
}

.navbar-default .navbar-nav>li>a:before{
	content: "• ";

}
.navbar-default .navbar-nav>li.empresa >a:before{
	color: #7DA4A1; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li.arquitectonica>a:before{
	color: #2617ae; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li.automotor>a:before{
	color: #c1171b; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li.industria>a:before{
	color: #f7e700; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li.sucursales>a:before{
	color: #7360AA; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li.contacto>a:before{
	color: #7DA4A1; /* or whatever color you prefer */
}
.navbar-default .navbar-nav>li>a{
	text-transform: uppercase;
}
@media (max-width: 767px) {
	.navbar-header{
		min-height: 141px;
	}
	ul.navbar-right{
		padding: 0;
		background: #ddd;
	}
	.servicio{
		margin-bottom: 50px;
	}

}

/*=============================
			SERVICIOS
=============================*/

.servicios{
	padding-top: 45px;
	padding-bottom: 45px;
}

.servicios a{
	text-transform: uppercase;
	border-radius: 25px;
	padding: 10px 20px;
	display: block;
	margin: auto;
	width: fit-content;
	font-size: 20px;
}

.servicios a:after{
	content: "  ›";
	font-size: 25px;
	line-height: 20px;
}

.servicios a.automotor{
	background: #c1171b;
	color: #fff;
}

.servicios a.hogar{
	background: #2617ae;
	color: #fff;
}

.servicios a.industria{
	background: #f7e700;
	color: #232323;
}

/*=============================
			ASESORES
=============================*/

.asesores{
	color: #9277ba;
	font-size: 22px;
	text-align: center;
	padding-top: 35px;
	padding-bottom: 35px;
}

.asesores span{
	font-weight: 300;
	font-size: 37px;
}

/*=============================
			SUCURSALES
=============================*/

.sucursales .sucursal{
	background-size: cover !important;
	background-position: bottom center !important;
	min-height: 440px;
}

.sucursales .sucursal span{
	text-transform: uppercase;
	display: block;
	margin-left: -15px;
	margin-right: -15px;
	padding: 15px;
	text-align: center;
	font-size: 30px;
}

.sucursal a{
	display: table;
	margin: auto;
	padding: 10px 20px;
	text-transform: uppercase;
	background: #000;
	color: #fff;
	margin-top: 30px;
}

.sucursal img{
	width: 20px;
	vertical-align: middle;
}

.sucursales .casa-central{
	background: url('../img/Arcoiris-Pintureria-Sucursales_CasaCentral.jpg');
}

.sucursales .casa-central:hover{
	background: url('../img/Arcoiris-Pintureria-Sucursales_CasaCentral-Hover.jpg');
}

.sucursales .casa-central span{
	background: #c1171b;
	color: #fff;
}

.sucursales .godoy-cruz{
	background: url('../img/Arcoiris-Pintureria-Sucursales-GodoyCruz.jpg');
}

.sucursales .godoy-cruz:hover{
	background: url('../img/Arcoiris-Pintureria-Sucursales-GodoyCruz-Hover.jpg');
}

.sucursales .godoy-cruz span{
	background: #2617ae;
	color: #fff;
}

.sucursales .dorrego span{
	background: #f7e700;
	color: #232323;
}

.sucursales .godoy-cruz:hover span, .sucursales .dorrego:hover span, .sucursales .casa-central:hover span{
	display: none;
}

.sucursales .dorrego{
	background: url('../img/Arcoiris-Pintureria-Sucursales-Dorrego.jpg');
}
.sucursales .dorrego:hover{
	background: url('../img/cuadro_amarillo_de_seleccion_de_sucursales.png');
}

.sucursales .datos{
	text-align: center;
	padding-top: 100px;
}

.sucursales .godoy-cruz .datos, .sucursales .casa-central .datos{
	color: #fff;
}

.sucursales .datos strong{
	font-size: 28px;
}

.sucursales .datos{
	font-size: 20px;
}

.sucursales .dorrego .datos, .sucursales .godoy-cruz .datos, .sucursales .casa-central .datos{
	display: none;
}

.sucursales .dorrego:hover .datos, .sucursales .godoy-cruz:hover .datos, .sucursales .casa-central:hover .datos{
	display: block;
}



/*=============================
			MARCAS
=============================*/

.representacion{
	background: url('../img/triangulos_lado_derecho-01.png') no-repeat;
	background-position: top left;
}

.marcas{
	background: url('../img/triangulos_lado_ezquierdo.png') no-repeat;
	background-position: top right;
	padding-top: 100px;
	padding-bottom: 80px;
	text-align: center;
}

.marcas .col-md-2 {

}

.marcas .col-md-2 > div {
	display: table-cell;
	height: 90px;
	vertical-align: middle;
}

.marcas img{
	display: inline-block;
	margin: auto;
	vertical-align: middle;
}

.marcas h3{
	font-size: 36px;
	font-weight: 300 !important;
	color: #606060;
	margin-bottom: 60px;
}

.carousel-inner.onebyone-carosel { margin: auto; width: 90%; }
.onebyone-carosel .active.left { left: -20%; }
.onebyone-carosel .active.right { left: 20%; }
.onebyone-carosel .next { left: 20%; }
.onebyone-carosel .prev { left: -20%; }

@media (max-width: 767px) {
	.marcas{
		padding-top: 250px;
	}
}


/* override position and transform in 3.3.x */
.carousel-inner .item.left.active {
	transform: translateX(-33%);
}
.carousel-inner .item.right.active {
	transform: translateX(33%);
}

.carousel-inner .item.next {
	transform: translateX(33%)
}
.carousel-inner .item.prev {
	transform: translateX(-33%)
}

.carousel-inner .item.right,
.carousel-inner .item.left {
	transform: translateX(0);
}


.carousel-control.left,.carousel-control.right {background-image:none;}



/*=============================
			TALLER
=============================*/

.taller{
	background: #B1241C;
	color: #fff;
	padding-top: 85px;
	padding-bottom: 85px;
	text-align: center;
}

.taller h2{
	text-transform: uppercase;
	font-size: 36px;
	font-family: 'Lato', sans-serif;
}

.taller p{
	font-size: 24px;
	font-weight: 300 !important;
	font-family: 'Lato', sans-serif;
}

.taller form{
	padding-top: 45px;
}

.taller form input{
	font-family: 'Lato', sans-serif;
	border-radius: 0;
	border: 1px solid #7c0000;
	padding: 20px 15px;
	font-size: 20px;
	color: #606060;
}

form .btn-default{
	background: #7c0000;
	border-radius: 0;
	text-transform: uppercase;
	padding: 6px 15px;
	font-size: 20px;
	color: #fff;
}

/*=============================
			EMPRESAS
=============================*/

.page-empresa {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.page-empresa h2 {
	font-size: 36px;
	font-style: italic;
	margin-bottom: 50px;
}

.page-empresa h3 {
	padding-left: 30px;
	padding-right: 30px;
	line-height: 1.3;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 50px;
}

.page-empresa h3 strong {
	font-weight: 700;
}

.page-empresa-bottom {
	background: url('../img/triangulos_empresa_izquierda.png') no-repeat, url('../img/triangulos_empresa_derecha.png') no-repeat;
	background-position: top left, top right;
	padding-top: 100px;
	padding-bottom: 80px;
	text-align: center;
}

.page-empresa-bottom h3 {
	line-height: 1.3;
	font-size: 24px;
	font-weight: 300;
}

.page-empresa-consulta {
	background: #c01015;
	color: #FFF;
	padding-top: 35px;
	padding-bottom: 35px;
}

.page-empresa-consulta .consulta-description {
	font-size: 22px;
	text-align: right;
}

.page-empresa-consulta .consulta-telephone {
	font-weight: 300;
	font-size: 45px;
}

@media (max-width: 767px) {
	.page-empresa-bottom{
		background-size: 150px;
	}
}

@media (max-width: 991px) {
	.page-empresa-consulta {
		text-align: center;
		margin-bottom: 10px;
	}
	.page-empresa-consulta .consulta-description {
		text-align: inherit;
	}
}

@media (max-width: 1199px) {
	.page-empresa-consulta .consulta-description {
		font-size: 18px;
	}
	.page-empresa-consulta .consulta-telephone {
		font-size: 40px;
	}
}

/*=============================
	    ARQUITECTÓNICA
=============================*/

.page-arquitectonica {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.page-arquitectonica h2 {
	font-size: 36px;
	text-transform: uppercase;
	margin-bottom: 35px;
}

.page-arquitectonica h3 {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 0;
}

.footer-carousel {
	padding-top: 50px;
	padding-bottom: 60px;
}

.footer-carousel h2 {
	 text-align: center;
	 font-size: 36px;
	 text-transform: uppercase;
	 margin-bottom: 70px;
 }

.footer-carousel img {
	margin: 0 auto 30px;
	display: block;
}

.arquitectonica-productos h2 {
	font-size: 36px;
	font-style: italic;
	text-align: center;
	margin-bottom: 49px;
}

.arquitectonica-productos {
	background: url('../img/triangulos_arquitectonica_izquierda.png') no-repeat, url('../img/triangulos_arquitectonica_derecha.png') no-repeat;
	background-position: bottom left, bottom right;
	padding-bottom: 60px;
}

.arquitectonica-productos ul > li {
	font-size: 24px;
}

#footer-carousel .owl-nav {
	display: block !important;
	background: #929292;
	text-align: center;
}

#footer-carousel .owl-prev,
#footer-carousel .owl-next {
	display: inline-block;
	margin: 10px 5px;
}

@media (max-width: 767px) {
	.page-arquitectonica h3 br {
		display: none;
	}
	.arquitectonica-productos {
		background-size: 100px;
		padding-bottom: 80px;
	}
	.automotor-frase{
		background-size: 100vw;
		padding-bottom: 50px;
	}
	.footer-carousel .row > .col-sm-4:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer-carousel .row > .col-sm-4:nth-child(3n+1) {
		clear: both;
	}
}

@media (min-width: 768px) {
	.arquitectonica-productos ul {
		padding: 0;
	}
	.arquitectonica-productos ul > li:before {
		display: block;
		content: "";
		margin: 0 auto -5px;
		width: 8px;
		height: 8px;
		background: #333;
		border-radius: 8px;
	}
	.arquitectonica-productos ul > li {
		list-style: none;
		text-align: center;
		width: 50%;
		float: left;
		margin-bottom: 16px;
	}
	.arquitectonica-productos ul > li:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width: 992px) {
	.footer-carousel .row > .col-md-3:nth-child(4n+1) {
		clear: both;
	}
}

/*=============================
	       INDUSTRIA
=============================*/

.industria-productos {
	background: url('../img/triangulos_industria_izquierda.png') no-repeat, url('../img/triangulos_industria_derecha.png') no-repeat;
	background-position: center left, center right;
}

.industria-productos .arquitectonica-productos {
	background: none;
	padding-bottom: 60px;
}

@media (max-width: 767px) {
	.industria-productos {
		background-size: 100px;
		padding-bottom: 80px;
	}
}

/*=============================
			FOOTER
=============================*/

.footer{
	background: #fff;
	color: #606060;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .marca img{
	margin: auto;
	display: block;
}

.footer strong{
	color: #000;
}

.footer .redes{
	width: 35px;
}
@media (max-width: 767px) {
	.footer{
		text-align: center;
	}
	.footer .marca img{
		padding-top: 30px;
	}
}

/*=============================
			CONTACTO
=============================*/

.mapa {
	position: relative;
	background: #B1241C;
	color: #fff;
	max-height: 500px;
}

.mapa .container:after {
	content: "";
	max-width: 1170px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding-bottom: 60%;
	z-index: -1;
}

.mapa .container #map {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
}

#infowindow {
	color: #000;
}

.texto-mapa{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 20px;
}

.mapa strong{
	font-size: 22px;
	text-transform: uppercase;
}

.mapa .telefono{
	font-size: 44px;
	font-weight: 300;
	line-height: 44px;
}

.formulario-de-contacto{
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	font-size: 20px;
	color: #606060;
}

.formulario-de-contacto h1{
	text-transform: uppercase;
	padding-top: 100px;
}

.formulario-de-contacto strong{
	font-size: 30px;
	color: #000;
	padding-top: 15px;
}

.formulario-de-contacto img.marker{
	display: block;
	margin: auto;
}

.formulario-de-contacto img.tel{
	width: 20px;
}

.formulario-de-contacto p{
	font-size: 20px;
	color: #606060;
}

.formulario-de-contacto form{
	padding-top: 70px;
}

.formulario-de-contacto form input, .formulario-de-contacto form textarea{
	border: 1px solid #7c0000;
	border-radius: 0;
	font-size: 20px;
	padding: 15px 10px;
}

@media (max-width: 767px) {
	.text-right, .telefono{
		text-align: center;
	}
}

/*=============================
			AUTOMOTOR
=============================*/

.automotor-marcas{
	padding-top: 50px;
	padding-bottom: 60px;
}

.automotor-marcas h2{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.automotor-marcas img{
	margin: 0 auto 30px;
	display: block;
}

.automotor-productos {
	/*padding-top: 60px;*/
	background: none;
	padding-bottom: 100px;
	font-size: 20px;
}

.automotor-productos ul{
	padding-top: 50px;
}

.automotor-productos h2{
	text-align: center;
	font-style: normal;
	font-size: 36px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.automotor-productos p{
	text-align: center;
	font-weight: 300;
	font-size: 24px;
}

.automotor-frase{
	background: url('../img/triangulos_automotor_izquierda.png') no-repeat, url('../img/triangulos_automotor_derecha.png') no-repeat;
	background-position: bottom left, bottom right;
	padding-bottom: 105px;
	font-style: italic;
	font-size: 34px;
	text-align: center;
}

@media (max-width: 767px) {
	.automotor-frase{
		background-size: 100vw;
		padding-bottom: 50px;
	}
	.automotor-marcas .row > .col-sm-4:nth-child(2n+1) {
		clear: both;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.automotor-marcas .row > .col-sm-4:nth-child(3n+1) {
		clear: both;
	}
}

@media (min-width: 992px) {
	.automotor-marcas .row > .col-md-3:nth-child(4n+1) {
		clear: both;
	}
}