@charset "utf-8";
/*------|| $CONTENIDO ||------*/
    
/**
 
 * Base.......................... Estilos CSS base y generales
 
 * Elementos..................... Elementos que se repiten (botones, paginación, etc)

 * Componentes................... Partes de una página que se repiten
 
 * Secciones..................... Estilos particulares para cada página
 
 * Misceláneas................... Otras reglas CSS

 */



/*------|| $BASE ||------*/ 
body{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #202124;
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:hover, a:active{
	text-decoration: none;
}
ol, ul, li{
	margin: 0;
	padding: 0;
	list-style: none;
}
h2, .h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 48px;
	text-align: left;
	text-transform: uppercase;
	color: #FFF;	
	margin: 0;
}
h3, .h3{
	font-size: 36px;
	line-height: 36px;
	color: #0160A0;
	margin: 0 0 45px;
}
h4, .h4{
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
	color: #0160A0;
	margin: 0 0 30px;
}
h5, .h5{
	font-size: 14px;
	line-height: 14px;
	color: #0160A0;
	margin: 0 0 20px;
}
h6, .h6{
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 14px;
	text-transform: uppercase;
	color: #FFF;
	padding: 10px 20px;
	margin: 0 0 20px;
	background: #0160A0;
}
p{
	text-align: center;
	margin-bottom: 25px;
}
	p a,
	p a:focus{
		color: #202124;
		text-decoration: none;
	}
		p a:hover{
			color: #E48301;
			text-decoration: none;
			-webkit-transition: all .20s ease-in-out;
			-moz-transition: 	all .20s ease-in-out;
			-o-transition: 		all .20s ease-in-out;
			-ms-transition: 	all .20s ease-in-out;
			transition: 		all .20s ease-in-out;
		}

img{
    margin: 0 auto;
}

/*------|| $ELEMENTOS ||------*/
/*Botón*/
.boton,
.boton:focus{
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;	
	padding: 15px 20px;
	margin: 10px 0;
	background: #0160A0;
}
	.boton:hover{
		color: #FFF;
		background: #E48301;
		-webkit-transition: all .20s ease-in-out;
		-moz-transition: all .20s ease-in-out;
		-o-transition: all .20s ease-in-out;
		-ms-transition: all .20s ease-in-out;
		transition: all .20s ease-in-out;
	}

.leer-mas,
.leer-mas:focus{
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	text-transform: uppercase;
	color: #202124;
	padding-left: 30px;
	margin: 10px 0;
	position: relative;
}
	.leer-mas:before{
		content: "\f055";
		display: inline-block;
	    font: normal normal normal 14px/1 FontAwesome;
	    text-rendering: auto;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	    transform: translate(0, 0);
		font-size: 28px;
		color: #0160A0;
		position: absolute;
		top: -7px;
		left: 0;
	}
	.leer-mas:hover{
		color: #E48301;
		-webkit-transition: all .20s ease-in-out;
		-moz-transition: 	all .20s ease-in-out;
		-o-transition: 		all .20s ease-in-out;
		-ms-transition: 	all .20s ease-in-out;
		transition: 		all .20s ease-in-out;
	}
	.leer-mas:hover:before{
		color: #E48301;
		-webkit-transition: all .20s ease-in-out;
		-moz-transition: 	all .20s ease-in-out;
		-o-transition: 		all .20s ease-in-out;
		-ms-transition: 	all .20s ease-in-out;
		transition: 		all .20s ease-in-out;
	}

/*Listas*/
	.con-tilde li{
		line-height: 18px;
		margin-bottom: 10px;
	}
		.con-tilde li .fa{
			color: #0160A0;
		}
		

/*Bandas de color*/
.banda-gris{
	padding: 35px 0;
	background: #CBCED3;
	margin: 0;
}
.banda-azul{
	padding: 50px 0;
	background: #0160A0;
	margin: 0;
}
.banda-celeste{
	padding: 50px 0;
	background: #39C0EF;
	margin: 0;
}
.banda-blanca{
	padding: 50px 0;
	background: #FFF;
	margin: 0;
}


/*Módulos*/
.modulo-linea{
	height: 315px;
	margin: 15px 0 20px;
}
	.modulo-linea figcaption{
		padding-top: 15px;
		border-top: 2px solid #FFF;
	}
		.modulo-linea figcaption h4{
			font-size: 16px;
			font-weight: 600;
			line-height: 16px;
			color: #FFF;
			margin: 0;
		}
		.modulo-linea a{
			color: white;
			opacity: 1;
		}

@media (max-width: 520px){
	.modulo-linea{
		height: 250px;
		margin: 0;
	}
}

.modulo-puerta{
	min-height: 345px;
	margin: 15px 0 20px;
}
	.modulo-puerta figcaption{
		padding-top: 15px;
	}
		.modulo-puerta > a{
			display: inline-block;
			width: 100%;
			padding-top: 15px;
			position: relative;
		}
		.modulo-puerta img{
			-webkit-filter:drop-shadow( 0 0 15px rgba(104,202,229,0.5));
			-moz-filter:drop-shadow( 0 0 15px rgba(104,202,229,0.5));
			-o-filter:drop-shadow( 0 0 15px rgba(104,202,229,0.5));
			-ms-filter:drop-shadow( 0 0 15px rgba(104,202,229,0.5));
			filter:drop-shadow( 0 0 15px rgba(104,202,229,0.5));
		}
		.modulo-puerta figcaption h4{
			font-size: 16px;
			line-height: 16px;
			color: #FFF;
			margin: 0;
		}
			.modulo-puerta figcaption h4:hover{
				color: #E48301;
				-webkit-transition: all .20s ease-in-out;
				-moz-transition: 	all .20s ease-in-out;
				-o-transition: 		all .20s ease-in-out;
				-ms-transition: 	all .20s ease-in-out;
				transition: 		all .20s ease-in-out;
			}

			
.modulo-novedad{
	margin: 0 0 20px;
	background: #0160A0;
}
	.modulo-novedad figcaption{
		padding: 65px 40px 15px 0;
		position: relative;
	}
		.modulo-novedad__banner{
			display: inline-block;
			text-align: center;
			padding-left: 16px;
			background: url(../images/punta-naranja.png) no-repeat left center;
			position: absolute;
			top: -20px;
			right: 0;
		}
			.modulo-novedad__banner span{
				display: block;
				font-size: 24px;
				font-weight: 700;
				line-height: 24px;
				text-align: center;
				text-transform: uppercase;
				color: #FFF;
				padding: 5px 15px;
				background: #E48301;
			}
		.modulo-novedad figcaption h5{
			font-size: 14px;
			font-weight: 700;
			line-height: 14px;
			color: #FFF;
			margin: 0 0 10px;
		}
		.modulo-novedad figcaption p{
			line-height: 18px;
			text-align: left;
			color: #FFF;
		}
		.modulo-novedad figcaption .leer-mas,
		.modulo-novedad figcaption .leer-mas:focus{
			color: #FFF;
			position: absolute;
			right: 40px;
		}
		.modulo-novedad figcaption .leer-mas:before{
			color: #FFF;
		}
			.modulo-novedad figcaption .leer-mas:hover,
			.modulo-novedad figcaption .leer-mas:hover:before{
				color: #E48301;
			}

.s_premium .modulo-novedad{
	background: transparent;
}
	.s_premium .modulo-novedad img{
		float: right;
		margin-right: -30px;
	}
	.s_premium .modulo-novedad figcaption{
		padding: 20px 20px 30px 15px;
		margin-top: 20px;
		background: #0160A0;
		position: relative;
	}
		.s_premium .modulo-novedad figcaption h5{
			font-size: 14px;
			font-weight: 400;
			line-height: 14px;
			color: #FFF;
			margin: 0 0 25px;
		}
		.s_premium .modulo-novedad figcaption p{
			line-height: 18px;
			text-align: left;
			color: #FFF;
			margin: 0;
		}

@media (max-width: 768px){
	.s_premium .modulo-novedad img{
		float: none;
		margin: 0 auto;
	}
}

/*Popup puerta*/
@media (min-width: 768px){
	.modal-dialog {
		width:750px;
		padding-left:0;
		padding-right:0;
	}
}
@media (min-width: 992px){
	.modal-dialog {
		width:970px;
	}
}
@media (min-width: 1200px){
	.modal-dialog {
		width:1170px;
	}
}

.popup-puerta{
	padding: 30px 40px;
	background: #39C0EF;
}
.modal-dialog .popup-puerta{
	padding: 10px 0px;
}
	.popup-puerta h4{
		font-size: 36px;
		font-weight: 400;
		line-height: 36px;
		color: #FFF;
		margin: 0 0 10px;
	}
	.popup-puerta .con-tilde li{
		line-height: 18px;
		margin-bottom: 10px;
	}
		.popup-puerta .con-tilde li .fa{
			color: #FFF;
			margin-right: 10px;
		}
		button.close{
		    font-size: 28px;
		    font-weight: 700;
		    line-height: 1;
		    color: #FFF;
		    text-shadow: 0 1px 0 #fff;
		    filter: alpha(opacity=20);
		    opacity: 1;
		    float: none;
		    position: absolute;
		    top: 20px;
		    right: 20px;
		    z-index: 400;
		}
		.slider-popup{
		    width: 100%;
		    text-align: center;
		    padding: 0 30px;
		    margin: 0 auto;
		    position: relative;
		}
		    .slider-popup li{
		        width: 100%;
		        padding: 0;
		        margin: 0 auto;
		    }
		    	.slider-popup li span{
		    		display: block;
		    		font-size: 14px;
		    		margin: 10px 0;
		    	}
		    .slider-popup-prev,
		    .slider-popup-next{
				display: block;
				font-size: 24px;
				line-height: 24px;
				text-align: center;
				color: #FFF;
				cursor: pointer;
				position: absolute;
				top:42%;
				width:30px;
				height:30px;
				
			}
			.slider-popup-prev{
				left: 0;
			}
			.slider-popup-next{
				right: 0;
			}
				.slider-popup .bx-next,
				.slider-popup .bx-prev{
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
				}
					.slider-popup .bx-next:before,
					.slider-popup .bx-prev:before{
						color: #FFF;
						content: "";
						display: inline-block;
					    font: normal normal normal 14px/1 FontAwesome;
					    font-size: inherit;
					    text-rendering: auto;
					    -webkit-font-smoothing: antialiased;
					    -moz-osx-font-smoothing: grayscale;
					    transform: translate(0, 0);
					}
					.slider-popup .bx-next:before{
						content: "\f054";
					}
					.slider-popup .bx-prev:before{
						content: "\f053";
					}
					.slider-popup .bx-next.disabled:before,
					.slider-popup .bx-prev.disabled:before{
						content:'';
					}
					.slider-popup-prev:hover .bx-next:before,
					.slider-popup-next:hover .bx-prev:before{
						color: #004274;
						-webkit-transition: all .20s ease-in-out;
						-moz-transition: all .20s ease-in-out;
						-o-transition: all .20s ease-in-out;
						-ms-transition: all .20s ease-in-out;
						transition: all .20s ease-in-out;
					}
				.slider-popup-prev span,
				.slider-popup-next span{
					display: none;
				}
				

	.popup-puerta table{
		display: inline-block;
		min-width: 45%;
		padding-bottom: 20px;
		margin-right: 20px;
		float: left;
	}
		.popup-puerta thead tr th{
			font-size: 16px;
			font-weight: 600;
			line-height: 16px;
			text-transform: uppercase;
			color: #FFF;
			line-height:2;
		}		
			.popup-puerta tbody tr td{
				font-size: 13px;
				text-align: left;
				padding: 0 15px;
				vertical-align: middle;
				line-height:1.3;
			}
				.popup-puerta tbody tr td:first-of-type{
					padding-left: 0;
				}
				.popup-puerta tbody tr td.medidas{
					font-weight: 600;
					color: #004274;
					line-height:2;
				}
		.popup-puerta hr{
			clear: both;
			margin: 20px 0;
		}

@media (max-width: 990px){
	.popup-puerta{
		padding: 30px 0;
		background: #39C0EF;
	}
	.popup-puerta tbody tr td{
		font-size: 12px;
		text-align: left;
		padding: 0 5px;
		vertical-align: middle;
	}
}

/*------|| $COMPONENTES ||------*/
/*CABECERA*/
.cabecera{
    width: 100%;
    padding-top: 69px;
    background: #004274;
    position: relative;
}
    .cabecera h1{
        margin: 10px 0 15px;
    }
        .cabecera h1 img{
            max-width: 211px;
            width: 100%;
            height: auto;
        }
        .cabecera h1 span{
            display: none;
        }
        .cabecera .navbar-collapse{
            padding: 0;
        }
        .cabecera .navbar{
            width: 100%;
            border: none;
            border-radius: 0;
            padding: 0;
            margin: 0;
            border: none;
            background: #0160A0;
            position: fixed;
            top: 0;
            z-index: 600;            
        }
        .submenu{
            width: 100%;
            position: absolute;
            top: 0;
            right: 15px;
            z-index: 200;
        }
        .submenu li{
            display: inline-block;
            padding-right: 15px;
        }
            .submenu li:last-of-type{
                padding-right: 0;
            }
        .submenu li a{
            display: block;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 14px;
            line-height: 14px;
            text-align: center;
            text-transform: uppercase;
            color: #FFF;            
        }
            .submenu li a:hover,
            .submenu li a:focus,
            .submenu li a:active{
                color: #E48301;
                -webkit-transition: all .20s ease-in-out;
                -moz-transition:    all .20s ease-in-out;
                -o-transition:      all .20s ease-in-out;
                -ms-transition:     all .20s ease-in-out;
                transition:         all .20s ease-in-out;
            }
        .nav{
            padding-left: 0;
            margin: 40px 0 0;
            list-style: none;
            float: right;
        }
        .nav > li{
            padding: 0 10px;
        }
            .nav > li:first-of-type{
                padding-left: 0;
            }
            .nav > li:last-of-type{
                padding-right: 0;
            }
        .nav > li > a,
        .nav > li > a:focus{
            display: block;
            font-family: 'Roboto Condensed', sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 18px;
            text-align: center;
            text-transform: uppercase;
            color: #FFF;            
            padding: 0 0 15px 0;
        }
            .nav > li > a:hover,
            .nav > li > a.activo{
                color: #FFF;
                opacity: 0.7;
                text-decoration: none;
                background-color: transparent;
                -webkit-transition: all .20s ease-in-out;
                -moz-transition:    all .20s ease-in-out;
                -o-transition:      all .20s ease-in-out;
                -ms-transition:     all .20s ease-in-out;
                transition:         all .20s ease-in-out;
            }
            .nav-principal__desplegable{
				position: absolute;
				top: 100%;
				left:-25px;
			}
				.nav-principal__desplegable ul{
					width:220px;
					margin: 0 25px!important;
					border-left: 3px solid #0160A0;
					background-color: #39C0EF;
				}
					.nav-principal__desplegable li a{
						display: block;
						font-family: 'Roboto Condensed', sans-serif;
						font-size: 16px;
						line-height: 16px;
						text-align: left;
						text-transform: uppercase;
						color: #FFF;
						padding: 15px 25px 15px 30px;
						border-bottom: 1px solid rgba(255,255,255,0.3);
						position: relative;
					}
						.nav-principal__desplegable a .fa{
							font-size: 14px;
							color: #FFF;
							position: absolute;
							top: 15px;
							right: 10px;
						}
						.nav-principal__desplegable a:hover{
							background: #0160A0;
							color: #FFF;
							-webkit-transition: all .20s ease-in-out;
							-moz-transition: 	all .20s ease-in-out;
							-o-transition: 		all .20s ease-in-out;
							-ms-transition: 	all .20s ease-in-out;
							transition: 		all .20s ease-in-out;
						}

        .navbar .navbar-toggle{
            margin: 0;
            border-color: transparent;
            padding: 5px;
            background: transparent;
            position: absolute;
            top: 22px;
            right: -10px;
        }
        .navbar .navbar-toggle .icon-bar{
          background-color: #FFF;
        }

.cabecera.scroll .navbar{
    box-shadow: 0 0 10px 2px rgba(0,0,0,0.4);
}
    .cabecera.scroll h1{
        margin: 0 0 10px;
    }
        .cabecera.scroll h1 img{
            max-width: 160px;
        }
    .cabecera.scroll .nav{
        margin: 25px 0 0;
    }

@media (max-width: 990px){
    .cabecera{
        padding-top: 60px;
    }
    .submenu li{
        padding-right: 10px;
    }
    .submenu li:last-of-type{
        padding-right: 0;
    }
    .submenu li a{
        font-size: 11px;
        line-height: 11px;    
    }
    .cabecera .nav{
        margin: 30px 0 0;
    }
    .nav > li{
        padding: 0 5px;
    }
    .nav > li > a,
    .nav > li > a:focus{
        font-size: 14px;
        line-height: 14px;
    }
}
@media (max-width: 768px){
    .cabecera{
        padding-top: 60px;
    }
    .cabecera h1,
    .cabecera.scroll h1{
        margin: 0 0 10px -10px;
    }
    .cabecera h1 img{
        max-width: 130px;
    }
    .cabecera.scroll h1 img{
        max-width: 120px;
    }
    .cabecera.scroll .nav{
        margin: 10px 0 0;
    }
    .nav{
        float: none;
        padding-bottom: 10px;
    }
	.submenu{
	    right: -5px;
	}
    .submenu li{
        padding-right: 5px;
    }
    .submenu li:last-of-type{
        padding-right: 0;
    }
    .cabecera .navbar-collapse{
        padding: 0;
        margin-top: 10px;
        border-top: 1px solid #FFF;
    }
    .nav > li{
        padding: 10px 0;
        border: none;
    }
    .nav-principal__desplegable{
		width: 100%;
		position: static;
	}
	.nav-principal__desplegable ul{
		display: block;
		width: auto;
	}
	.nav-principal__desplegable li a{
		font-size: 14px;
		line-height: 14px;
		padding: 10px;
	}
	.nav-principal__desplegable li:hover,
	.nav-principal__desplegable li:hover a{
		background: #CBCED3;
	}
}


/*PIE*/
.pie{
	background: #1D0A06;
	padding-top: 25px;
}

	.pie .pie__logo .logo img{
        display: inline-block;
    }
    .pie .pie__logo .logo span{
        display: none;
    }

	.pie__nav-principal{
		width: 100%;
	}
		.pie__nav-principal ul{
			margin-left: 30px;
		}
			.pie__nav-principal li{
	            display: inline-block;
	            padding: 0 5px;
	        }
	            .pie__nav-principal li:first-of-type{
	                padding-left: 0;
	            }
	            .pie__nav-principal li:last-of-type{
	                padding-right: 0;
	            }
	            .pie__nav-principal li a,
	            .pie__nav-principal li a:focus{
	                display: block;
	                font-family: 'Roboto Condensed', sans-serif;
	                font-size: 14px;
	                font-weight: 700;
	                line-height: 14px;
	                text-align: center;
	                text-transform: uppercase;
	                color: #FFF;                
	                padding: 0;
	            }
	                .pie__nav-principal li a:hover{
	                    color: #E48301;
	                    -webkit-transition: all .20s ease-in-out;
	                    -moz-transition:     all .20s ease-in-out;
	                    -o-transition:         all .20s ease-in-out;
	                    -ms-transition:     all .20s ease-in-out;
	                    transition:         all .20s ease-in-out;
	                }

    .pie__datos{
    	margin: 15px 0 25px 30px;
    }
    	.pie__datos p{
    		font-family: 'Roboto Condensed', sans-serif;
            font-size: 14px;
            line-height: 14px;
            text-align: left;
            color: #FFF;
    	}
    		.pie__datos p a{
    			color: #FFF;
    		}
    			.pie__datos p a:hover{
	    			color: #E48301;
	    			-webkit-transition: all .20s ease-in-out;
	    			-moz-transition: 	all .20s ease-in-out;
	    			-o-transition: 		all .20s ease-in-out;
	    			-ms-transition: 	all .20s ease-in-out;
	    			transition: 		all .20s ease-in-out;
	    		}

	.pie__copyright{
		padding: 5px 0;
		background: #000;
	}
		.synapsis{
            display: inline-block;
            font-family: 'Open Sans', sans-serif;
            font-size: 13px;
            line-height: 18px;
            text-align: right;
            color: #FFF;
            padding-right: 20px;
            background: url('../images/logo_synapsis.png') no-repeat center right;
            opacity: 0.6;
            float: right;
        }
            .synapsis:hover{
                color: #FFF;
                opacity: 1;
                -webkit-transition: all .20s ease-in-out;
                -moz-transition: all .20s ease-in-out;
                -o-transition: all .20s ease-in-out;
                -ms-transition: all .20s ease-in-out;
                transition: all .20s ease-in-out;
            }
@media (max-width: 768px){
.pie__datos{
    	margin: 15px 0;
    }
}



/*HEADERS*/
#headerimgs{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: #004274;
    position: relative;
}   
    .headerimg{
        width: 100%;
        margin: 0 auto 10px;
    }
        .headerimg-contenido{
            width: 100%;
            text-align: left;
            position: absolute;
            top: 0;
        }
            .headerimg-texto{
            	display: inline-block;
            	max-width: 320px;
            	min-height: 200px;
                padding: 20px 30px 20px 20px;
                margin: 12% 0 0;
                background: #0160A0;
                position: relative;
            }
            	.s_distribuidores .headerimg-texto,
            	.s_contacto .headerimg-texto{
	            	max-width: 380px;
	            	padding: 50px 30px 60px;
	            }
	            .headerimg-texto p{
	            	font-family: 'Roboto Condensed', sans-serif;
					font-size: 16px;
					font-weight: 400;
					line-height: 18px;
					text-transform: uppercase;
					color: #FFF;
					opacity: 0.6;
					margin: 10px 0 0;
				}
				.headerimg-texto .puerta{
					position: absolute;
					top: -60px;
					right: -130px;
				}
				.s_ignifugas .puerta{
					top: -70px;
					right: -140px;
				}
				.s_empresa .puerta{
					top: -57px;
				}
				.headerimg-texto .sello-calidad{
					position: absolute;
					top: -46px;
					right: -20px;
				}

@media (max-width: 1200px){
	.headerimg-texto{
        margin: 10% 0 0;
    }
}
@media (max-width: 990px){
	.headerimg-texto{
		min-height: auto;
    }
}
@media (max-width: 768px){
    .headerimg-texto{
    	max-width: 250px;
        margin: 5% 0 0;
    }
    .headerimg-texto h2{
		font-size: 36px;
		line-height: 36px;
	}
	.headerimg-texto p{
		font-size: 14px;
		line-height: 14px;
		margin: 5px 0 0;
	}
	.s_distribuidores .headerimg-texto,
	.s_contacto .headerimg-texto{
    	max-width: auto;
    	padding: 20px;
    }
}
@media (max-width: 590px){
	.headerimg-contenido{
        position: static;
    }
    .headerimg-texto{
    	max-width: 100%;
    	padding: 10px 0;
        margin: 0;
        background: #004274;
    }
    .headerimg-texto h2{
		font-size: 24px;
		line-height: 24px;
	}
	.headerimg-texto p{
		font-size: 12px;
		line-height: 12px;
		margin: 0;
	}
}



/*SLIDER PRINCIPAL*/
.slider-principal{
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: #004274;
    position: relative;
}
	.slider-principal .bx-wrapper {
	    margin: 0 auto;
	}
	    .slider-principal li{
	        width: 100%;
	        padding: 0;
	        margin: 0 auto;
	    }
	    	.slider-principal li a{
	    		display: block;
	    	}
	        .slider-principal .slider-principal-contenido{
	            width: 100%;
	            text-align: left;
	            position: absolute;
	            top: 0;
	        }
	            .slider-principal-texto{
	            	display: inline-block;
	            	max-width: 320px;
	            	min-height: 200px;
	                padding: 20px 30px 20px 20px;
	                margin: 12% 0 0;
	                background: #0160A0;
	                position: relative;
	            }
		            .slider-principal-texto p{
		            	font-family: 'Roboto Condensed', sans-serif;
						font-size: 16px;
						font-weight: 400;
						line-height: 18px;
						text-transform: uppercase;
						color: #FFF;
						opacity: 0.6;
						margin: 10px 0 0;
					}
					.slider-principal-texto .puerta{
						position: absolute;
						top: -60px;
						right: -130px;
					}
						.slider-principal-2 .slider-principal-texto{
			                padding: 20px 20px 20px 20px;
			            }
						.slider-principal-3 .slider-principal-texto{
			                padding: 20px 40px 20px 20px;
			            }
						.slider-principal-3 .slider-principal-texto .puerta{
							position: absolute;
							top: -70px;
							right: -130px;
						}
					.slider-principal-texto .sello-calidad{
						position: absolute;
						top: -46px;
						right: -46px;
					}
					.slider-principal .bx-controls{
			            width: 100%;
			            text-align: center;
			            margin: 0;
			            position: absolute;
			            bottom: 40px;
			            right: 0;
			        }
			            .slider-principal .bx-wrapper .bx-pager .bx-pager-item{
			                display: inline-block;
			                margin-left: 5px;
			            }
			                .slider-principal .bx-wrapper .bx-pager .bx-pager-item a{
			                    display: block;
			                    width: 12px;
			                    height: 12px;
			                    text-align: center;
			                    text-indent: -99999px;
			                    border-radius: 50%;
			                    background: #0160A0;
			                    margin: 0;
			                }
			                    .slider-principal .bx-wrapper .bx-pager.bx-default-pager a:hover,
			                    .slider-principal .bx-wrapper .bx-pager.bx-default-pager a.active{
			                        background: #E48301;
			                        -webkit-transition: all .20s ease-in-out;
			                        -moz-transition:    all .20s ease-in-out;
			                        -o-transition:      all .20s ease-in-out;
			                        -ms-transition:     all .20s ease-in-out;
			                        transition:         all .20s ease-in-out;
			                    }

@media (max-width: 1200px){
	.slider-principal-texto{
        margin: 10% 0 0;
    }
}
@media (max-width: 990px){
	.slider-principal-texto{
		min-height: 100px;
    }
}
@media (max-width: 800px){
    .slider-principal-texto{
    	max-width: 250px;
        margin: 5% 0 0;
    }
    .slider-principal-texto h2{
		font-size: 36px;
		line-height: 36px;
	}
	.slider-principal-texto p{
		font-size: 14px;
		line-height: 16px;
		margin: 5px 0 0;
	}
}
@media (max-width: 768px){
	.slider-principal .bx-controls{
        display: none;
    }
}
@media (max-width: 590px){
	.slider-principal .slider-principal-contenido{
		background: #004274;
        position: static;
    }
	.slider-principal .bx-controls{
        bottom: 100px;
    }
    .slider-principal-texto{
    	max-width: 100%;
    	padding: 10px 0;
        margin: 0;
        background: #004274;
    }
    .slider-principal-texto h2{
		font-size: 24px;
		line-height: 24px;
	}
	.slider-principal-texto p{
		font-size: 12px;
		line-height: 16px;
		margin: 0;
	}
}




/*------|| $SECCIONES ||------*/ 

/*HOME*/
.s_home{
}
	.s_home .banda-azul h3{
		font-size: 48px;
		line-height: 60px;
		color: #FFF;
		margin: 0 0 30px;
	}
	.ver-todas,
	.ver-todas:focus{
		display: block;
		font-size: 18px;
		line-height: 18px;
		text-transform: uppercase;
		color: #FFF;
		position: relative;
	}
		.ver-todas span{
			display: inline-block;
			font-size: 60px;
			font-weight: 300;
			line-height: 60px;
			color: #FFF;
			opacity: 0.6;
			margin-left: 10px;
			position: absolute;
			top: -25px;
		}
		.ver-todas:hover,
		.ver-todas:hover span{
			color: #202124;
			-webkit-transition: all .20s ease-in-out;
			-moz-transition: 	all .20s ease-in-out;
			-o-transition: 		all .20s ease-in-out;
			-ms-transition: 	all .20s ease-in-out;
			transition: 		all .20s ease-in-out;
		}
	.s_home .h3{
		font-size: 30px;
		margin: 0 0 30px;
	}
		.s_home .banda-gris h3 span{
			display: block;
			font-size: 14px;
			font-weight: 600;
			line-height: 14px;
			text-transform: uppercase;
			color: #202124;
			margin: 0 0 10px;
		}
		.s_home .banda-gris .video{
			display: inline-block;
			width: 100%;
			max-width: 480px;
			padding-bottom: 15px;
			background: url(../images/bg_sombra_video.png) no-repeat center bottom;
			background-size: 100% 31px;
		}

@media (max-width: 768px){
	.s_home .banda-azul h3{
		font-size: 32px;
		line-height: 36px;
	}
	.s_home .banda-gris .video{
		margin: 20px 0;
	}
	.modulo-novedad{
		display: inline-block;
		max-width: 340px;
		margin: 20px 0;
	}
	.modulo-novedad figcaption{
		padding: 20px 20px 30px;
	}
	.modulo-novedad figcaption .leer-mas{
		bottom: 10px;
		right: 20px;
	}
}



/*DISTRIBUIDORES*/
.s_distribuidores main{
	margin-bottom:80px;
}
.s_distribuidores form{
	padding: 30px 0 50px;
	border-bottom: 2px solid #0160A0;
}
	.s_distribuidores label{
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		font-weight: 600;
		line-height: 40px;
		color: #0160A0;
		text-align: left;
	}
	.s_distribuidores select{
	  display: block;
	  width: 100%;
	  height: 40px;
	  padding: 5px;
	  font-size: 14px;
	  line-height: 14px;
	  color: #202124;
	  background-color: #CBCED3;
	}
	.s_distribuidores select:disabled{
	  color: #7D818C;
	  background-color: #CCCFD4;
	}
	.s_distribuidores .boton{
		padding: 10px 20px;
		margin: 0;
		border: none;
	}
	.s_distribuidores .fa-map-marker{
		display: inline-block;
		font-size: 45px;
		color: #0160A0;
		margin-right: 20px;
	}
	.filtro-aplicados{
		margin-bottom:20px;
	}
	.filtros-titulo{
		margin-top:20px;
	}
		.filtro-provincia{
			display: inline-block;
			font-size: 14px;
			font-weight: 800;
			text-align: center;
			text-transform: uppercase;
			color: #FFF;
			padding: 10px 25px;
			margin: 0 20px 0 0;
			background: #0160A0;
		}
		.filtro-localidad{
			display: inline-block;
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			color: #FFF;
			padding: 10px 25px;
			margin: 0 0 0 0;
			background: #3085D5;
		}
	.s_distribuidores .lista{
		margin: 15px 0 30px;
	}
		.s_distribuidores .lista li{
			padding: 10px;
			border-bottom: 1px solid #CBCED3;
		}
	.paginacion{
		width: 100%;
	}
		.paginacion li{
			display: inline-block;
		}
			.paginacion a{
				display: block;
				width: 13px;
				height: 13px;
				text-indent: -9999px;
				margin-right: 10px;
				border-radius: 50%;
				background: #0160A0;
			}
				.paginacion a:hover{
					background: #E48301;
					-webkit-transition: all .20s ease-in-out;
					-moz-transition: 	all .20s ease-in-out;
					-o-transition: 		all .20s ease-in-out;
					-ms-transition: 	all .20s ease-in-out;
					transition: 		all .20s ease-in-out;
				}
				.paginacion .actual a{
					background: #E48301;
					cursor: default;
				}

@media (max-width: 990px){
	.s_distribuidores .boton{
		margin: 15px 15px 15px 0;
	}
}

/*CONTACTO*/
.s_contacto main{
	min-height: 450px;
}
	.s_contacto form{
		margin-bottom: 30px;
	}
	.s_contacto .form-group{
		margin: 0 0 20px;
	}
	.s_contacto .control-label{
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 33px;
		color: #202124;
		text-align: left !important;
		padding: 0;
		margin-bottom: 0;
	}
	.s_contacto .form-control{
	  display: block;
	  width: 100%;
	  height: 33px;
	  padding: 5px;
	  font-size: 14px;
	  line-height: 14px;
	  color: #202124;
	  background-color: #FFF;
	  background-image: none;
	  border: 1px solid #CBCED3;
	  border-radius: 0;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	}
	.s_contacto textarea.form-control{
		height: 120px;
	}


		.s_contacto .boton{
			border: none;
			margin: 20px auto;
		}
.direccion{
}
	.direccion .mapa{
		height: 200px;
	}
	.direccion__texto{
		padding: 20px 15px 10px;
		background: #0160A0;
	}
		.direccion__texto p{
			font-weight: 700;
			text-align: left;
			color: #FFF;
		}
			.direccion__texto p a{
				color: #FFF;
			}
				.direccion__texto p a:hover{
					color: #E48301;
					-webkit-transition: all .20s ease-in-out;
					-moz-transition: 	all .20s ease-in-out;
					-o-transition: 		all .20s ease-in-out;
					-ms-transition: 	all .20s ease-in-out;
					transition: 		all .20s ease-in-out;
				}

@media (max-width: 990px){
	.grecaptcha{
		margin: 0 -15px;	
	}
}
/*------|| $MISCELÁNEAS ||------*/ 
/* Utilidades */
.margen{
	margin-bottom: 20px;
}
.sin-margen{
	margin: 0;
}
.anim-suave{
	-webkit-transition: all .20s ease-in-out;
	-moz-transition: 	all .20s ease-in-out;
	-o-transition: 		all .20s ease-in-out;
	-ms-transition: 	all .20s ease-in-out;
	transition: 		all .20s ease-in-out;
}