@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Shadows+Into+Light+Two');
/* FAMILIAS TIPOGRAFICAS
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Shadows Into Light Two', cursive;
*/

@font-face {
    font-family: 'daysregular';
    src: url('../fonts/days-webfont.woff2') format('woff2'),
         url('../fonts/days-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
	font-size: 16px;
}

body {
	font-family: 'Roboto Condensed', sans-serif;
}

/*Fuentes*/
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #f4992e;
}

h2 {
	font-family: 'Shadows Into Light Two', cursive;
	font-weight: 400;
	font-size: 3rem;
}

h3 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #f4992e;
}

h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
}

p {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
}
/*End Fuentes*/

/*Estilos Etiquetas*/
a {
	color: #000000;
}

a:hover{
	text-decoration: none;
}

ul {
	padding-left: 0;
	margin-bottom: 0;
}
ul li {
	list-style: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
}
/*End Estilos Etiquetas*/

/*Helpers*/
.no-margin-bottom {
	margin-bottom: 0;
}
.margenes-secciones {
	margin-top: 30px;
}

.img-sombra {
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,.4);
}

.d-mobile-none {
	display: none;
}
/*End Helpers*/

/*Botones*/
.btn-main {
	width: 100%;
	display: block;
    padding: 6px 2%;
    text-align: center;
	background-color: #f2f2f2;
	border-radius: 0;
	border: 2px solid #d8d8d8;
	font-family: 'daysregular';
	font-size: 1.15rem;
	line-height: 2rem;
	color: #019934;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,.1);
	text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}

.btn-main:hover {
	background-color: #d8d8d8;
	border-color: #d8d8d8;
	color: #019934;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,.1);
	text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}

.btn-main.btn-disable:hover {
	background-color: #f2f2f2;
}

.btn-secondary {
	background-color: #f4992e;
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,.1);
	border: 1px solid #e7e2e2;
	border-radius: 0;
	font-style: italic;
	color: #e7e2e2;
	padding: 10px 30px;
}
/*End Botones*/

/*Secciones Datos Contactos*/
.seccion-datos-contacto {
	display: block;
	background-color: #f2f2f2;
	border: 2px solid #d8d8d8;
	margin-bottom: 30px;
}

.seccion-datos-contacto article {
	display: inline-block;
	width:98%;
	margin: 30px -4px 30px 1%;
}

.seccion-datos-contacto article:nth-of-type(3) {
	width: 98%;
}

.seccion-datos-contacto h4{
	font-family: 'daysregular';
	font-size: 1rem;
	color:#000000;
}

.seccion-datos-contacto small {
	font-size: 0.8rem;
	font-family: 'Roboto Condensed', sans-serif;
}
.seccion-datos-contacto h5, .datos-ofertas h5, .datos-ofertas .h5{
	font-family: 'daysregular';
	font-size: 1.35rem;
	color:#019934;
	text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
}
.seccion-datos-contacto a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	color: black;
}

#c_information p {
	font-size: 1.5rem;
    margin-top: 20px;
    color: #f4992e;
}

/*End Seccion Datos Contacto*/

/*Homepage*/
.home-wp {
	text-align: left;
}

.ofertas {
	display: flex;
    align-items: center;
	background: url(../img/icono-whatsapp-home.png) no-repeat;
	font-family: 'daysregular';
	color:#019934;
	min-height: 92px;
	background-size: 63px;
    margin-left: 20px;
    padding-left: 71px;
    line-height: 2rem;
    font-size: 2rem;
	text-shadow: rgb(255, 255, 255) 2px 0px 0px, rgb(255, 255, 255) 1.75517px 0.958851px 0px, rgb(255, 255, 255) 1.0806px 1.68294px 0px, rgb(255, 255, 255) 0.141474px 1.99499px 0px, rgb(255, 255, 255) -0.832294px 1.81859px 0px, rgb(255, 255, 255) -1.60229px 1.19694px 0px, rgb(255, 255, 255) -1.97998px 0.28224px 0px, rgb(255, 255, 255) -1.87291px -0.701566px 0px, rgb(255, 255, 255) -1.30729px -1.5136px 0px, rgb(255, 255, 255) -0.421592px -1.95506px 0px, rgb(255, 255, 255) 0.567324px -1.91785px 0px, rgb(255, 255, 255) 1.41734px -1.41108px 0px, rgb(255, 255, 255) 1.92034px -0.558831px 0px;
}
/*End Homepage*/

/*Seccion Super*/
.secciones-super img {
	margin-bottom: 30px;
}
/*End Secciones Super*/

/*Carrousel*/
.carrousel h4 {
	margin-bottom: 15px;
	margin-top: 30px;
}

.carrousel img {
	width: 100%;
}

.carrousel-container {
	padding: 20px 30px;
	background-color: #cebca7;
	margin-bottom: 30px;
}
/*End Carrousel*/

/*seccion-atencion*/
.seccion-atencion img:last-child {
	display: none;
}
/*End seccion-atencion*/


/*Tarjetas*/
.tarjetas {
	margin-top: 30px;
	margin-bottom: 30px;
}

.tarjetas .row {
	align-items: center;
}

.tarjetas p {
	text-align: center;
	margin: 0;
}

/*End Tarjetas*/

/*Footer*/
footer {
	padding-bottom:30px; 
	padding-top:30px;
	background-color: #f4992e;
}

footer nav li{
	display: inline-block;
	margin-bottom: 5px;
}

footer nav li a {
	color: white;
}

footer nav li a:hover {
	color: #efecec;
}

footer nav li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	font-weight: 700;
	margin-left: 20px;
}

/*footer nav li:last-child {
	font-family: 'daysregular';
	font-size: 1.5em;
}*/

footer .footer-redes a {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;	
	color: black;
}

footer .footer-redes img {
	width: 60px;
	margin-left: 10px;
}

footer .alineacion-footer {
	margin-top: 30px;
	text-align: center;
}
/*Footer*/

/*------Secciones------*/
.seccion {
	margin-bottom: 60px;
}

.seccion h1 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.seccion h3 {
	margin-top: 30px;
}

.img-seccion {
	margin-top: 10px;
}

.imagen-seccion-btn {
	margin-bottom: 30px;
}
/*-----End Secciones-----*/

/*------ Sección sucursales ------*/
.seccion-sucursales p, .seccion-sucursales h3{
	font-size: 1.2rem;
	line-height: 1.4rem;
}

.seccion-sucursales h5 {
	font-size: 1.7rem;
	margin-bottom: 1rem;
}

.seccion-sucursales .btn-main {
	max-width: 326px;
	margin-bottom: 20px;
}

.seccion-sucursales .btn-main span {
	font-size: 1.5rem;
}
/*------ End Sección Sucursales ------*/

/*------ MEDIA QUERIES ------*/

/*Contacto*/
.contacto h1 {
	margin-top: 60px;
}


.c_error {
	color: red;
	width: 100%;
    display: inline-block;
}

form {
	margin: 30px auto 0 auto;
	padding-bottom: 20px;
	max-width: 600px;
	width: 100%;
}

.form-info, .button-info {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-top: 15px;
}

form .form-info:nth-child(8) label {
	align-self: flex-start
}

.button-info {
	align-items: flex-end;
	margin-bottom: 15px;
	margin-top: 0;
}

.button-info .btn-main {
	margin-bottom: 15px;
}

label {
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 20px;
	color: #9c9494;
	margin-bottom: 0;
}

input, textarea, select {
	height: 36px;
	width: 100%;
	border: 2px solid #d8d8d8;
}

textarea {
	height: 150px;
}

.verificador {
	display: flex;
	justify-content: flex-end;
}

form .btn-secondary {
	margin-top: 20px;
}

.btn-main.btn-disable {
	width: 100%;
}
/*End Contacto*/

/*Seccion Ofertas*/
.ofertas-3 li{
	display: inline-block;
	width: 26.5%;
	margin-right: 2%;
}

.ofertas-3 li:first-child {
	width: 40%;
}

.ofertas-3 li:last-child {
	margin-right: 0;
}

.datos-ofertas, .datos-ofertas a {
	color:#019934;
}

.datos-ofertas img {
	width: 70px;
}

.datos-ofertas-txt {
	margin-top: 5px;
}

.seccion.seccion-ofertas {
	margin-bottom: 30px;
}

.seccion-ofertas h1 {
	margin-bottom: 30px;
}
/*End Seccion Ofertas*/
@media (min-width: 470px) {
	.ofertas-3 li:first-child {
		width: 40.3%;
	}

	.ofertas-3 li {
		width: 27%;
	}
}

@media (min-width: 576px) {
	html {
		font-size: 17px;
	}

	.seccion-ofertas img{
		margin-top: 20px;
	}

	.form-info {
		flex-direction: inherit;
	}

	label {
		width: 30%;
	}

	input, select, textarea, .btn-main.btn-disable {
		width: 70%;
	}

	.c_error {
		width: 70%;
		margin-left: 30%;
	}

	.seccion-datos-contacto article {
		width: 48%;
		margin:30px -4px 30px 1%;
	}

	.ofertas {
		background-size: 90px;
		margin-left:30px; 
		padding-left: 100px;
		line-height: 2.35rem;
		font-family: 'daysregular';
		font-size: 2.35rem;
	}

	footer .alineacion-footer {
		text-align: left;
	}
}

@media (min-width: 768px) {
	.margenes-secciones {
		margin-top: 60px;
	}

	.datos-ofertas-txt {
		margin-top: 80px;
	}

	.tarjetas p {
		text-align: right;
	}

	.seccion-img {
		margin-top: 0;
	}

	.ofertas-3 li:first-child {
		width: 40.6%;
	}
}

@media (min-width: 992px) {
	html {
		font-size: 20px;
	}

	.d-mobile-none {
		display: block;
	}

	.seccion-datos-contacto {
		display: flex;
		flex-direction: row;
	}

	.seccion-datos-contacto article {
		width: 30%;
		margin:30px 1%;
	}

	.seccion-datos-contacto article:nth-of-type(2) {
		order: 3;
	}

	.seccion-datos-contacto article:nth-of-type(3) {
		width: 44%;
		order: 2;
	}

	.ofertas {
		margin-left: 0;
	}

	.carrousel-container {
		padding: 20px 60px;
	}

	.seccion-sucursales .btn-main {
		max-width: 390px;
	}

	.seccion-atencion img:first-child {
		display: inline-block;
		margin-right: -4px;
		width: 72.5%;
		vertical-align: bottom;
	}

	.seccion-atencion img:last-child {
		display: block;
		display: inline-block;
		margin-right: -4px;
		vertical-align: bottom;
		width: 27.4%;
	}
}	

@media (min-width: 1550px) {

	.container {
	    max-width: 1500px;
	}
}