/*******************************/
/* Generales
/*******************************/

body {
	font-family: "lato",sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 100%;
 	color: #000;
 	background-color: #F2F2F2;
}

@media (min-width: 768px) {
	body {
		font-size: 28px;
	}
}

h2 {
	margin: 0 0 20px 0;
	font-size: 32px;
	color: #000 !important;
}

h2.mt {
	margin-top: 30px;
	margin-bottom: 0;
}

h2.titulo-interior:after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	margin: 25px auto 30px auto;
	background: #556760;
}

a {
	color: #CD2410;
}

a:hover,
a:focus {
  color: #E51C13;
  text-decoration: none;
}

p {
	margin-bottom: 30px;
}

hr {
	height: 30px;
	margin: 0;
	border: 0;
}

hr.grande {
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 20px;
	border-top: 1px solid #F2F2F2;
}

.btn-gde {
	display: inline-block;
	padding: 5px 20px;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	color: #FFF !important;
	border: 1px solid rgba(255,255,255,0.4);
	border-bottom: 4px solid #950f0e;
	background-color: #f40000;
}

.btn-gde:hover {
	color: #FFF !important;
	background-color: #E51C13;
}

@media (min-width: 768px) {
	.btn-gde {
		padding: 7px 20px;
		font-size: 20px;
		border: 2px solid rgba(255,255,255,0.4);
		border-bottom: 6px solid #950f0e;
	}
}

.sm {
	margin-bottom: 0 !important;
}

.spl {
	padding-left: 0 !important;
}

.bloque {
	padding-top: 40px;
	padding-bottom: 50px;
}

.bloque-margin {
	margin-top: 70px;
	margin-bottom: 70px;
}

.bloque-padding {
	padding-top: 70px;
	padding-bottom: 70px;
}

.bloque-productos {
	padding-top: 20px;
	padding-bottom: 0;
}

	.bloque-productos .prod {
		padding-left: 1px;
		padding-right: 1px;
	}

	.bloque-productos .prod img {
		margin-bottom: 0 !important;
	}

	.productos .prod span {
		display: block;
		padding: 12px 5px;
		min-height: 62px;
		font-weight: 300;
		font-size: 15px;
		line-height: 100%;
		color: #FFF;
		border-bottom: 8px solid #950f0e;
		background-color: #f40000;
	}

@media (min-width: 768px) {
	.bloque-productos {
		padding-top: 40px;
		padding-bottom: 20px;
	}	
}

@media (min-width: 992px) {
	.bloque-productos .prod {
		padding-left: 15px;
		padding-right: 15px;
	}
	.productos .prod span {
		min-height: 80px;
		font-weight: 400;
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.productos .prod span {
		min-height: auto;
	}
}

.bloque-separador {
	border-bottom: 2px solid rgba(0,0,0,0.05);
}

.bloque-padding-npt { padding-top: 0 !important; }
.bloque-padding-npb { padding-bottom: 0 !important; }

/*.np-top {
	padding-top: 0 !important;
}*/

.row-eq-height {
display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}

.row-eq-height > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

a.whatsapp img {
	height: 18px;
}

@media (min-width: 768px) {
	.btn-gde.btn-portada {
		display: none;
	}
}


/*******************************/
/* Interiores
/*******************************/

/* Portada */
.productos {}

	.productos .prod {
		position: relative;
		margin-bottom: 20px;
		font-size: 18px;
		line-height: 130%;
		text-align: center;
	}

	.productos .prod img {
		margin: 0 auto 5px auto;
	}

	.productos .prod img.album {
		position: absolute;
		top: 10px;
		right: 25px;
	}

/* Mercado Libre */
body.interior .mercado-libre {
	margin-top: 70px;
}

.mercado-libre {
	padding-top: 70px;
	background-color: #feef4a;
}

	.mercado-libre .nota {
		margin-top: 70px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 18px;
		color: #FFF;
		text-align: center;
		background: #3c4043;
	}

@media (min-width: 768px) {
	.mercado-libre .nota {
		font-size: 25px;
	}
}

/* Offset */
@media (min-width: 992px) {
	.offset {
		height: 150px;
	}
}


/*******************************/
/* Top
/*******************************/

.top {
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	background-color: #F2F2F2;
}

	.top ul {
		margin: 0;
		padding: 0;
		font-size: 0;
		list-style-type: none;
	}

	.top ul li {
		display: inline-block;
		vertical-align: middle;
		margin-left: 20px;
		font-size: 12px;
	}

	.top ul li:first-child {
		margin-left: 0;
	}

@media (min-width: 992px) {
	.top {
		text-align: right;
	}
}


/*******************************/
/* Header
/*******************************/

.header {
	position: relative;
	background-color: #a5a5a5;
}

@media (min-width: 992px) {
	.header {
		position: fixed;
		z-index: 800;
		width: 100%;
	}
}

/* Idiomas */
.header .idiomas {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1850;
	display: block;
	width: 75px;
}

/* Logo */
.header .logo img.logo-protosa {
	position: absolute;
	z-index: 40000;
	margin: 0 auto 5px auto;
}

/* Menu */
.contenedor-menu-principal {
	display: block;
	text-align: center;
}

	.header a.btn-menu {
		display: block;
	  	padding: 10px;
	  	font-size: 30px;
	  	color: rgba(0,0,0,0.3) !important;
	}

	.header a.btn-menu:hover,
	.header a.btn-menu:focus {
		/*color: #FFF !important;*/
	}

	.header ul.menu {
		display: none;
		margin: 0 0 15px 0;
		padding: 0;
		list-style-type: none;
		font-size: 0;
		background-color: rgba(0,0,0,0.2);
	}

	.header ul.menu.visible {
		display: block;
	}

	.header ul.menu > li {
		display: block;
		text-align: left;
	}

	.header ul.menu > li > a {
		display: block;
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 15px;
		font-weight: 400;
		line-height: 35px;
		color: rgba(255,255,255,1);
		text-transform: uppercase;
	}

	.header ul.menu > li:hover > a,
	.header ul.menu > li > a:focus {
		color: rgba(255,255,255,0.3) !important;
	}

	.header ul.menu > li.active > a,
	.header ul.menu > li.current-menu-item a,
	.header ul.menu > li.current-menu-parent > a,
	.header ul.menu > li.current_page_parent > a {
		color: #FFF !important;
		background-color: rgba(0,0,0,0.5);
	}

	.header ul.menu > li.btn-cotizacion {
		background-color: #950f0e;
	}

	.header ul.menu > li.btn-cotizacion:hover > a {
		background-color: #950f0e;
	}

	/* Segundo nivel */ 
	.header ul.menu > li > ul {
		display: block;
		margin-left: 12px;
		padding: 0 10px;
		text-align: left !important;
	}

	.header ul.menu > li > ul > li {
		display: block !important;
		margin: 0;
		text-align: left !important;
	}

	.header ul.menu > li > ul > li > a {
		display: block;
	  	padding: 5px 0; 
	  	font-size: 15px;
	  	color: #FFF;
	}

	ul.menu > li > ul > li > a:hover,
	ul.menu > li > ul > li.active > a,
	ul.menu > li > ul.sub-menu > li.current-menu-item > a {
		color: rgba(255,255,255,0.3) !important;
	}

	@media (min-width: 768px) {
		.header .contenedor-menu-principal {
			margin-bottom: 0;
		}
		.header a.btn-menu {
			display: none;
		}
		.header ul.menu {
			display: block;
			margin: 0;
			border: 0;
			text-align: center;
			background-color: transparent;
		}
		.header ul.menu > li {
			display: inline-block;
			position: relative;
			vertical-align: middle;
			text-align: center;
		}
		.header ul.menu > li:first-child {
			margin-left: 0;
		}
		.header ul.menu > li > a {
			font-size: 15px;
			padding-left: 15px;
			padding-right: 15px;
			line-height: 60px;
			/*color: #7A092A;*/
		}
		.header ul.menu > li:hover > a,
		.header ul.menu > li > a:focus {
			color: #FFF !important;
			background-color: rgba(0,0,0,0.05);
		}
		.header ul.menu > li.active > a,
		.header ul.menu > li.current-menu-item a,
		.header ul.menu > li.current-menu-parent > a,
		.header ul.menu > li.current_page_parent > a {
			color: #FFF !important;
			/*line-height: 57px;*/
			background-color: rgba(0,0,0,0.1);
		}
		/* Segundo nivel */
		.header ul.menu > li > ul {
			display: none;
			padding: 0;
			margin-top: -3px;
			margin-left: 0;
			min-width: 200px;
			border-top: 3px solid rgba(0,0,0,0.1);
			background-color: #a5a5a5;
		}
		.header ul.menu > li > ul > li > a {
			padding: 10px;
			color: #FFF !important;
			border-top: 1px solid rgba(255,255,255,0.2);
		}
		.header ul.menu > li > ul > li:first-child > a {
			border-top: none;
		}
		.header ul.menu > li > ul > li:hover > a,
		.header ul.menu > li > ul > li.active > a,
		ul.menu > li > ul.sub-menu > li.current-menu-item > a {
			background-color: rgba(0,0,0,0.05);
		}
		.header ul.menu > li:hover > ul {
			display: block;
			position: absolute;
			left: 0;
			z-index: 150;
		}
	}

	@media (min-width: 992px) {
		.header ul.menu {
			text-align: right;
		}
		.header ul.menu > li > a {
			padding-left: 8px;
			padding-right: 8px;
			line-height: 110px;
		}
		.header ul.menu > li.active > a,
		.header ul.menu > li.current-menu-item a,
		.header ul.menu > li.current-menu-parent > a,
		.header ul.menu > li.current_page_parent > a {
			line-height: 107px;
		}
	}

	@media (min-width: 1200px) {
		.header ul.menu > li > a {
			padding-left: 15px;
			padding-right: 15px;
		}
	}


/*******************************/
/* Middle
/*******************************/

.middle {
	padding-top: 50px;
	padding-bottom: 0;
	background: url(../img/comunes/fondo-middle-interiores.jpg) no-repeat center top;
	-webkit-background-size: contain;
       -moz-background-size: contain;
         -o-background-size: contain;
    		background-size: contain;
}

@media (min-width: 992px) {
	.middle {
		padding-top: 150px;
	}
}

/* Contenido */
.contenido {
	font-size: 18px;
	line-height: 130%;
	background-color: rgba(255,255,255,1) !important;
}

.contenido.transparente {
	background-color: transparent !important;
}

.contenido.pb {
	padding-bottom: 30px;
}

/* Título */
.contenido .titulo {
	display: inline-block;
	margin-left: -15px;
	margin-bottom: 55px !important;
	padding: 20px 20px;
	font-size: 15px;
	text-transform: uppercase;
	border-bottom: 4px solid #E51C13;
}

@media (min-width: 768px) {
	.contenido .titulo {
		font-size: 20px;
	}
}

/* Intro */
.contenido .intro {
	font-weight: 400;
}


/* Botón más info */
.contenido .btn-mas-info {
	display: block;
	padding: 10px 15px;
	font-weight: 400;
	color: #222;
	text-align: center;
	border: 0;
	background-color: #FFBF00;
}

/* Nota */
.contenido .nota {
	font-size: 14px;
	line-height: 130%;
}

@media (min-width: 992px) {
	.contenido .intro {
		font-size: 24px;
	}
	.contenido .btn-mas-info {
		display: inline-block;
		margin-left: -15px;
	}
}


/*******************************/
/* Formularios
/*******************************/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select[multiple] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	     -o-border-radius: 2px;
			border-radius: 2px;
}

.form-group {
	margin-bottom: 20px;
}

.form-group label {
	margin-bottom: 0px !important;
	font-weight: normal;
	font-size: 14px;
}

.form-control {
	height: 50px;
	border: 2px solid #F1F1F1;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.form-control:focus {
	border-color: #CCC;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

select.form-control {
	border-width: 2px;
}

select.form-control:focus {
	border-color: #CCC;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

.checkbox label {
	margin-bottom: 15px;
}

label span.requerido {
	color: #F00;
}


/*******************************/
/* Footer
/*******************************/

.footer {
	/*margin-top: 50px;*/
	padding: 40px 0;
	font-size: 17px;
	/*color: #FFFFFF;*/
	line-height: 130%;
	/*background: #222;*/
}

.footer strong {
	/*display: block;
	margin-bottom: 15px;
	font-size: 20px;*/
	font-weight: 400;
}

/* Redes */
ul.redes {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

ul.redes li {
	display: inline-block;
	margin-top: 8px;
	margin-bottom: 8px;
}

/* Copy */
ul.copy {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.copy li {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 15px;
}