/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;font:.625em/1.231 sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/*! select2.css v4.0.3 | https://github.com/select2/select2/blob/master/LICENSE.md */
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}


/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html { color: #222; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
hr.light { border-color: #eee; margin: 30px 0px 0px 0px;}
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }



/* ==========================================================================
   $FONT-FACE
   ========================================================================== */


@font-face {
	font-family: 'vidrala-icons';
	src: url('../fonts/vidrala-icons.eot?jz1y62');
	src: url('../fonts/vidrala-icons.eot?jz1y62#iefix') format('embedded-opentype'),
		 url('../fonts/vidrala-icons.ttf?jz1y62') format('truetype'),
		 url('../fonts/vidrala-icons.woff?jz1y62') format('woff'),
		 url('../fonts/vidrala-icons.svg?jz1y62#vidrala-icons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ==========================================================================
   $noUiSlider
   ========================================================================== */
.noUiSlider{
	margin: 20px 15px 40px 0px;
	width: 100%;
	position: relative;
	padding-right: 17px;
}

.noUiSlider *:focus{
	outline: none!important;
}
.noUiSlider.noUi-target{
	background-color: white;
	border: none;
	border-radius: 0px;
	box-shadow: none!important;
	background-color: #ccc!important;
	height: 3px!important;
	top: 2px;
	margin-left: 4px;
	width: calc(100% - 4px);
}

.noUiSlider.noUi-target:before{
	width: 4px;
    height: 3px;
    display: block;
    content: ' ';
    position: absolute;
    background: #ccc;
    left: -4px;
    top: 0px;
}
/*
.noUiSlider.noUi-target:after{
	width: 10px;
    height: 5px;
    display: block;
    content: ' ';
    position: absolute;
    background: #ccc;
    right: -10px;
    top: 0px;
}
*/
/*
.noUiSlider .noUi-pips-horizontal{
	left: 3px;
}
*/
.noUiSlider .noUi-connect{
	background: #66B444;
}
.noUiSlider .noUi-value-horizontal{
	top: 30%;
}
.noUiSlider .noUi-handle{
	box-shadow: none;
	border-radius: 100px;
	width: 15px!important;
	height: 25px!important;
	box-sizing: content-box;
	background-color: white;
	top: -14px!important;
	border: 3px #cccccc solid;
	transition: ease 100ms;
}
.noUiSlider .noUi-handle:active{
	background-color: #35922e!important;
	border: 3px solid #66b445;	
/* 	transform: scale(1.1); */
}
.noUiSlider .noUi-handle:before,
.noUiSlider .noUi-handle:after{
	background: none!important;
}
.noUiSlider .noUi-handle:before{
	left: 10px;
}
.noUiSlider .noUi-handle:after{
	left: 14px;
}
.noUiSlider .noUi-base, 
.noUiSlider .noUi-connects{
	height: 3px;	
}

.noUiSlider .noUi-tooltip{
	border: none;
	background: transparent;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 700;
}
.filters__options__block{
	position: relative;
}
.filters__options__block .filter_values_selected{
	width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-weight: 700;
}
.filters__options__block .filter_values_selected span:first-child{ float: left; }
.filters__options__block .filter_values_selected span:last-child{ float: right; }


/* CHATBOT */
 
.vidrabot{
	display: none;
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 9999;
	-webkit-transition: all 400ms linear;
	-moz-transition: all 400ms linear;
	-o-transition: all 400ms linear;
	transition: all 400ms linear;
}
.vidrabot__chat{
	display: none;
	position: fixed;
	bottom: 120px;
	right: 40px;
	z-index: 9999;
	height: 0;
	min-height: 250px;
	max-height: 700px;
	width: 380px;
	overflow: hidden;
	background-color: #FFF;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
}
	.vidrabot__chat iframe{
		width: 100%;
		height: 100%;
		border: none;
	}
/* 	.vidrabot.visible{ bottom: 40px; } */
	.vidrabot__close{
		position: relative;
		display: none;
		float: left;
		margin-left: 250px;
		margin-bottom: 10px;
		background-color: #C0C0C0;
		width: 30px;
		height: 30px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		cursor: pointer;
	}
		.vidrabot__close:after{
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			content: "\d7";
			font-size: 20px;
			font-weight: bold;
			color: #fff;
			line-height: 30px;
			text-align: center;
		}
		.vidrabot__close:hover{ background-color: #2b2e2e; }
	.vidrabot__text{
		display: none;
		position: relative;
		float: left;
		width: 220px;
		background-color: #FFF;
		color: #000;
		padding: 5px 30px;
		text-decoration: none;
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
		-webkit-transition: all 600ms linear;
		-moz-transition: all 600ms linear;
		-o-transition: all 600ms linear;
		transition: all 600ms linear;
	}
		:lang(eu) .vidrabot__text{ width: 230px; }
		.vidrabot__text p,
		.vidrabot__text:hover,
		.vidrabot__text:hover p{
			color: #000;
			text-decoration: none;
		}
		.vidrabot__text:after{
			content: "";
			display: block;
			position: absolute;
			top: 50px;
			right: -16px;
			margin: 0 auto;
			width: 0;
			height: 0;
			border-right: 8px solid transparent;
			border-left: 8px solid #ffffff;
			border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			-webkit-transition: all 600ms linear;
			-moz-transition: all 600ms linear;
			-o-transition: all 600ms linear;
			transition: all 600ms linear;
		}
	.vidrabot__icon{
		float: right;
		padding: 12px;
		margin-top: 35px;
		margin-left: 25px;
		background-color: #FFF;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
		-webkit-transition: all 600ms linear;
		-moz-transition: all 600ms linear;
		-o-transition: all 600ms linear;
		transition: all 600ms linear;
	}
		.vidrabot__icon .sprite__korner--icon{
			display: block;
			background-position: -22px -174px;
			width: 31px;
			height: 35px;
			margin: 0 2px;
		}
			.vidrabot__icon--close .sprite__korner--icon{
				position: relative;
				background: transparent;
			}
				.vidrabot__icon--close .sprite__korner--icon:after{
					content: '';
					position: absolute;
					height: 3px;
					width: 80%;
					top: 50%;
					left: 3px;
					margin-top: -2px;
					background: #000;
					-webkit-transform: rotate(-45deg);
					-moz-transform: rotate(-45deg);
					-ms-transform: rotate(-45deg);
					-o-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				.vidrabot__icon--close .sprite__korner--icon:before{
					content: '';
					position: absolute;
					height: 3px;
					width: 80%;
					top: 50%;
					left: 3px;
					margin-top: -2px;
					background: #000;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
				}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
div.cvs{ display: none; }

html,
body {
/*
	background-color: #FFFFFF;
	background-color: #f8f8f8;
*/
	background-color: #66b445;
}

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	overflow-x: hidden;
	text-rendering: optimizelegibility;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
            font-smoothing: antialiased;
}

.wrp {
/* 	width: 990px; */
	width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}
	.main > .wrp,
	.main > .content > .wrp{
		position: relative;
		z-index: 2;
	}

h2 { font-size: 2.4em; }

h3,
.block__title {
	font-size: 1.6em;
	font-weight: 500;
}

dt {
	float: left;
	margin-right: 20px;
}

a {
	color: #000000;
	text-decoration: underline;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}



a {
	color: #66B444;
	text-decoration: underline;
	font-weight: bold;
}
a:hover { color: #84da21; }


.nav__tertiary { font-size: 15px; }

p,
li {
	font-size: 1.7em;
	line-height: 1.6em;
}

li p { font-size: 1em; }

.vidrada-accionistas--footer {
	padding: 40px 0px 40px 0px;
}
.vidrada-accionistas--footer h4 {
	margin-top: 0px;
}

.n-right tr td ul li:first-child {
/* 	text-align: left !important; */
}

.n-right tr td ul li {
	text-align: right !important;
}

[class^="icon--"],
[class*=" icon--"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'vidrala-icons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

	[class^="icon--"] span,
	[class*=" icon--"] span {
		text-indent: -2000em;
		display: inline-block;
		display: none;
	}

.icon--menu-wide:before { content: "\e90f"; }
.icon--menu:before { content: "\e910"; }
.icon--arrow-mini-up:before,
.nav__langs.nav__langs--open .icon--arrow-mini-down:before{ content: "\e901"; }
.icon--arrow-mini-right:before { content: "\e902"; }
.icon--arrow-mini-down:before { content: "\e903"; }
.nav__langs .icon--arrow-mini-down:before,
.nav__main__primary li .icon--arrow-mini-down:before{
	content: "\e903";
    font-size: 10px;
    margin-left: 10px;
    top: -1px;
    position: relative;
    color: #FFF;
}
.icon--arrow-mini-left:before { content: "\e904"; }
.icon--cross:before { content: "\e90e"; }
.icon--bullet:before { content: "\e90b"; }
.nav__bullet__active .icon--bullet:before,
.icon--bullet-active:before { content: "\e90a"; }
.icon--rrss-facebook:before { content: "\e907"; }
.icon--rrss-twitter:before { content: "\e908"; }
.icon--rrss-linkedin:before { content: "\e909"; }
.icon--rrss-pinterest:before { content: "\e914"; }
.icon--rrss-whatsapp:before { content: "\e919"; }
.icon--arrow-right:before { content: "\e90c"; }
.icon--arrow-left:before { content: "\e90d"; }
.icon--arrow-up:before { content: "\e912"; }
.icon--arrow-down:before { content: "\e913"; }
.icon--play:before { content: "\e911"; }
.icon--circle:before { content: "\e918"; }
.icon--magnify:before { content: "\e900"; }
.icon--settings:before { content: "\e905"; }


[class^="sprite--"],
[class*=" sprite--"] {
	display: inline-block;
	background: url('../img/sprite.png') 0 0 no-repeat;
}

	[class^="sprite--"] span,
	[class*=" sprite--"] span {
		text-indent: -2000em;
		display: block;
	}



.btn {
	position: relative;
	font-size: 1.6em;
	line-height: 1.5em;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
/* 	background-color: #77bc1f; */
	background-color: #66B444;
	display: inline-block;
	width: auto;
	min-width: 150px;
	height: auto;
	margin: 0 15px 15px 0;
	padding: 15px 40px 15px;
	cursor: pointer;
	border: none;
	font-weight: bold;
	-webkit-border-radius: 3px;
			border-radius: 3px;
}

.btn:hover {
	background-color: #215126;
	color: #ffffff;
}

.btn:focus { outline: none; }

.btn:disabled { background-color: #cccccc; }

.btn--active { background-color: #215126; }



.btn-group {

}

	.btn-group .btn {
		float: left;
		border-left: 1px solid #6aa71b;
		margin-left: -1px;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		   		border-radius: 0;
	}

	.btn-group .btn:first-child {
		border-left: none;
		-webkit-border-radius: 3px 0 0 3px;
		   -moz-border-radius: 3px 0 0 3px;
		   		border-radius: 3px 0 0 3px;
	}
	.btn-group .btn:last-child {
		-webkit-border-radius: 0 3px 3px 0;
		   -moz-border-radius: 0 3px 3px 0;
		   		border-radius: 0 3px 3px 0;
	}



.separata { margin: 40px 0 12px; }
.separata:after {
	content: '';
	height: 1px;
	background-color: #dddddd;
	width: 900px;
	margin: 0 auto;
	display: block;
}

/* ==========================================================================
   $ERROR 404
   ========================================================================== */
.e404{}
.e404 .content__article{ 
	padding-top: 0px; 
	padding-bottom: 0px;
	background: transparent url("../img/e404.jpg?v=1") no-repeat center top;
	background-size: cover;
	position: relative;
}
.e404 .content__article:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.8);
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(70%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -o-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	background: linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.e404 .content__article .wrp{ 
	padding-top: 60px; 
	padding-bottom: 60px;
	position: relative;
	z-index: 100;
    height: calc(100vh - 310px);
}
.e404 .content__article .wrp h1{ 
	max-width: 440px; 
	font-size: 48px; 
	line-height: 52px; 
	color: white;
	font-family: 'News Gothic MT', Arial, Helvetica, sans-serif;
}
.e404 .content__article .wrp p { 
	max-width: 360px; 
	font-size: 24px; 
	line-height: 30px; 
	color: white;
	font-family: 'News Gothic MT', Arial, Helvetica, sans-serif;
}
.e404 .content__article .wrp .form--search-aux .form-group input{ 
	max-width: 360px;
}
.e404 .content__article .wrp .form--search-aux button{ 
	left: inherit; 
	margin-left: -50px;
}
.e404 footer{ border-top: none; }
.e404 header{ z-index: 200; }

@media only screen and (max-width: 767px) {
	.e404 .content__article .wrp{
		height: auto;
	}
	.e404 .content__article .wrp h1{
		font-size: 3em;
		line-height: 1.2em;
	}
	
/*
	.e404 .content__article .wrp .form--search-aux button{
		display: none;
	}
*/

}
@media only screen and (max-width: 400px) {
	.e404 .content__article .wrp .form--search-aux .form-group input{
		width: 100%;
		box-sizing: border-box;
		height: 44px;
	}
	.e404 .content__article .wrp .form--search-aux .form-group{
		float: none;
	}
	.e404 .content__article .wrp .form--search-aux button{
		display: block;
		position: absolute;

		height: 40px;
		top: 2px;
		right: 2px;
		background: white;		
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );	
	}
	.e404 .form--search-aux button [class^="icon--"],
	.e404 .form--search-aux button [class*=" icon--"]{
		top: 7px;
	}
}
/* ==========================================================================
   $LAYOUT
   ========================================================================== */

.catalogo__title{
	float: left;
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}



.filters {
	margin-bottom: 30px;
}

/* 	.filters__actions { float: left; } */


	.filters__trigger,
	.filters__resume,
	.filters__without {
/* 		color: #808080; */
		font-size: 1.4em;
		line-height: 1.5em;
	}


	.filters__resume {
		margin-bottom: 20px;
	}
	.filters__without{
		float: right;
	}


		.filters__trigger [class^="icon--"],
		.filters__trigger [class*=" icon--"] {
			font-size: 1.6em;
			display: inline-block;
			vertical-align: text-top;
			margin-right: 5px;
		}


		.filters__resume .filters__left__colors {
			margin-top: 0;
			cursor: default;
		}

	.filters__trigger {
		cursor: pointer;
		text-align: right;
		color: #66b445;
		font-weight: bold;
		padding-top: 10px;
	}
	.filters__trigger:hover { color: #000000; }

	.filters__options {
		display: none;
/* 		background-color: #f4f4f4; */
/* 		padding: 20px 40px; */
		margin-top: 30px;
	}
		.filters__options form .layout > .layout__column--one{
			
		}
			.filters__options form .layout > .layout__column--one > .layout__column--one-third{
				margin: 0px;
				padding: 1em 25px;  
				box-sizing: border-box;
			}
			
			.filters__options form .layout > .layout__column--one > .layout__column--one-third{ width: 350px; }
			.filters__options form .layout > .layout__column--one > .layout__column--one-third:last-child{ width: 300px; padding-right: 0px; }
			.filters__options form .layout > .layout__column--one > .layout__column--one-third:first-child{ width: 340px; padding-left: 0px;}

			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .filters__options__block{ width: 100%; }
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .filters__options__block input[type="text"]{ width: 282px }
			
			.filters__options form .layout > .layout__column--one .layout__column > *{ padding: 0px;}
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col{
				float: left;
				width: 50%;
				margin: 0px 0%;
			}
			
			
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col:last-child{ margin-right: 0px; }
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col:first-child{ margin-left: 0px; }
			
			
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col input{ float: left; }
			.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col span{ float: left; width: calc(95% - 20px); }
			
/*
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third > .columns > .col label{ width: 100%; }
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 33%; }
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third:first-child{ padding: 0em 5px; }
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third:last-child{ padding: 0em 5px; }
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third.first{ padding-left: 0px; }
			.filters__options form .filters__options__bocas .layout > .layout__column--one > .layout__column--one-third.last{ padding-right: 0px; }
*/
			
			
			.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ padding-bottom: 0px; padding-top: 0px; }
			.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 350px; }
			.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.first{ width: 345px; }
			.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.last{ width: 305px; }
		 
		.filters__options form{
			margin-bottom: 20px;
		}
		.filters__options__block {
			float: left;
			margin-left: 50px;
		}
		.filters__options__block:first-child { margin-left: 0; }

/* 		.filters__options__bocas { width: 680px; } */

			.filters__bocas,
			.filters__colors { font-weight: bold; }
			.filters__colors { margin-top: 8px; }

/* 			.filters__colors { padding-top: 8px; } */

				.filters__colors label{
					display: inline-block;
					font-size: 12px;
				}
				.filters__bocas label {
					font-size: 1.2em;
					float: left;
/* 					margin-right: 20px; */
					margin-bottom: 10px;
					width: 160px;

				}

					.filters__bocas label input{
						margin-right: 8px;
					}
					.filters__bocas label input:checked + span{
						color: #66b445;
					}


		.filters__options .btn { margin: 30px 0 0 0; }

		.filters__options__title {
			display: block;
			font-size: 1.2em;
			text-transform: uppercase;
			padding-top: 30px;
			padding-bottom: 20px;
			font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
			letter-spacing: 1px;
			color: #215126;
		}






/* ==========================================================================
   $HEADER
   ========================================================================== */

.page__header {
	position: relative;
	width: 100%;
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    		transition: 		transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 110;
	-webkit-backface-visibility: hidden;

}

.home .page__header {
	position: absolute;
	top: 0;
}

	.page__header .wrp { height: 100%; }

	.page__header__border {
		background-color: #4A4A4A;
		opacity: 0.3;
		width: 100%;
		height: 4px;
		margin-bottom: -4px;
	}

	.page__header__top {
		background-color: #215126;
		color: #FFFFFF;
		height: 40px;
		box-shadow: 0px 4px 0px 0px rgba(74, 74, 74, 0.1);
	}

		.page__header__top__left,
		.page__header__top__right {
			display: table;
			height: 100%;
		}

		.page__header__top__left { float: left; }
		.page__header__top__right { float: right; }

			.nav__markets,
			.nav__langs { padding-left: 30px; }

			.page__header__top__links,
			.nav__markets,
			.nav__langs {
				display: table-cell;
				vertical-align: middle;
			}

			.page__header__top__links{
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.page__header__top__links li {
					display: inline-block;
					margin-right: 30px;
					font-size: 1.1em;
				}
					.page__header__top__links li.showOnTablet{
						display: none;
					}
					.page__header__top__links li a {
						color: #FFF;
						text-transform: uppercase;
						text-decoration: none;
						font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
						font-weight: normal;
						font-size: 1em;
						line-height: 1.2em;
						letter-spacing: 2px;
					}

.page__header--classic {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
}

	.page__header--classic:before {
		content: '';
		width: 100%;
		margin: 0;
		height: 100%;
		position: absolute;
		background-color: #ffffff;
		opacity: 0;
		z-index: 10;
		pointer-events: none;
		-webkit-transition: opacity 0.2s linear;
				transition: opacity 0.2s linear;
	}
	.body--onmenu .page__header--classic:before { opacity: 1; }

.scroll-container .page__header { position: absolute; }


	.page__header [class^="icon--"],
	.page__header [class*=" icon--"] {
		position: relative;
		top: 2px;
		color: #ffffff;
		font-size: 1.6em;
	}

	.page__header .wrp { position: relative; }

		.page__header .page__header__top .wrp { z-index: 12; }


		.about-us__logo {
			display: block;
			width: 130px;
			margin: 0 auto 20px;
		}



	.page__header__logo {
		display: block;
		width: 115px;
		height: 116px;
		background: url("../img/vidrala-logo.png") no-repeat 0 0;
		text-indent: -9999px;
	}


	.page__header__logo--menu {
		position: absolute;
		display: none;
	}

	.body--onmenu .page__header__logo--menu { display: block; }

		.body--onmenu .page__header__logo--menu.logo-50 .icon--l350-left { color: #e1261c; }
		.body--onmenu .page__header__logo--menu.logo-50 .icon--l350-right { color: #c3a317; }


	.main--fullscreen .page__header__logo { color: #ffffff; }
	.body--oncontent .page__header__logo { margin-top: 19px; }

	.modal .page__header__logo {
		position: absolute;
		top: -120px;
		left: 30px;
		color: #e1261c;
	}




	.page__header__nav {
		height: 60px;
		background-color: rgba(9, 96, 44, 0.5);
	}


		.page__header__nav__trigger,
		.content__article__nav__trigger {
			float:  right;
			width: 38px;
			height: 38px;
			margin-right: -6px;
			margin-left: 40px;
			right: 30px;
			z-index: 10;
			display: none;
		}

			.nav__trigger {
				display: block;
				margin: 7px;
				text-decoration: none;
				position: relative;
			}

				.nav__trigger [class^="icon--"],
				.nav__trigger [class*=" icon--"] {
					font-size: 2.3em;
					top: 0;
					opacity: 1;
					-webkit-transition: opacity 0.2s linear;
							transition: opacity 0.2s linear;
				}
				.nav__trigger .icon--cross {
					position: absolute;
					top: 0px;
					left: 2px;
					opacity: 0;
				}

				.body--onmenu .nav__trigger .icon--menu,
				.body--onmenu .nav__trigger .icon--menu-wide { opacity: 0; }
				.body--onmenu .nav__trigger .icon--cross { opacity: 1; }




	.nav__main,
	.nav__search {
		display: table;
		height: 100%;
	}


	.nav__main { float: left; }
	.nav__search { float: right; }

	.nav__secondary{
		margin: 0 0 30px 0;
		background-color: #ffffff;
		border-bottom: 1px solid #cccccc;
		height: 59px;
	}
		.nav__secondary__title .menu-arrow{
			display: inline-block;
			text-align: center;
			width: 20px;
			height: 20px;
			color: #000;
			position: absolute;
			top: 17px;
			right: 10px;
			font-family: 'vidrala-icons' !important;
			speak: none;
			font-size: 1em;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
			.nav__secondary__title .menu-arrow:before{
				content: "\e903";
				font-size: 10px;
			}
				.nav__secondary__title.open .menu-arrow:before{
					content: "\e901";
				}
		.nav__secondary ul {
			margin: 0;
			padding: 0;
			list-style: none;
			height: 100%;
		}
			.nav__secondary ul li {
				font-size: 1em;
				float: left;
				display: table;
				text-align: center;
				height: 100%;
			}

				.nav__secondary ul li a {
					font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-size: 1.3em;
					letter-spacing: 1.4px;
					line-height: 1.5em;
					text-decoration: none;
					text-transform: uppercase;
					color: #000000;
					display: block;
					display: table-cell;
					vertical-align: middle;
					padding: 20px 18px;
				}
/*
				.nav__secondary.nav__secondary--contacto ul li a {
					text-transform: none;
				}
*/

					.nav__secondary ul li a:hover,
					.nav__secondary ul li.active a { color: #66B444; }

/* 	.article__info + .nav__secondary { display: none; } */

	.nav__secondary__line{ display: none; }
		.catalogo .nav__secondary__line,
		.content--product .nav__secondary__line{ display: block; }

	.content__article .nav__secondary {
		margin: 0;
		border-bottom: none;
		height: auto;
	}

		.content__article .nav__secondary ul {
			width: 210px;
			margin: 0;
		}

			.content__article .nav__secondary > ul > li,
			.content__article .nav__secondary .content__nav__wrp > ul > li {
				text-align: left;
				float: none;
				display: block;
				position: relative;
				border-top: 1px solid #cccccc;
				margin-top: -1px;
/* 				border-bottom: 1px solid #cccccc; */
			}
/*
			.content__article .nav__secondary.nav__secondary--contacto > ul > li,
			.content__article .nav__secondary.nav__secondary--contacto .content__nav__wrp > ul > li {
				border-top: none;
			}
*/
			.content__article .nav__secondary > ul > li:first-child,
			.content__article .nav__secondary .content__nav__wrp > ul > li:first-child { border-top: none; }
/*
			.content__article .nav__secondary > ul > li:before {
				content: '';
				position: absolute;
				left: -400%;
				top: 0;
				width: 400%;
				height: 100%;
				background-color: #ffffff;
				border-bottom: 1px solid #cccccc;
			}
*/

				.content__article .nav__secondary > ul > li > a,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a {
					position: relative;
					display: block;
					border-bottom: 1px solid #cccccc;
				}
/*
				.content__article .nav__secondary.nav__secondary--contacto > ul > li > a,
				.content__article .nav__secondary.nav__secondary--contacto .content__nav__wrp > ul > li > a {
					border-bottom: none;
				}
*/
/*
				.content__article .nav__secondary.nav__secondary--contacto .content__nav__wrp > ul > li > a{
					text-transform: uppercase;
				}
*/
				.content__article .nav__secondary > ul > li > a:before,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a:before {
					content: '';
					position: absolute;
					left: -500%;
					top: -1px;
/* 					width: 400%; */
					width: 500%;
					height: 100%;
					background-color: #ffffff;
					border-top: 1px solid #cccccc;
					display: inline-table;
				}

				.content__article .nav__secondary.nav__secondary--contacto ul {
					width: 230px;
				}

/*
				.content__article .nav__secondary.nav__secondary--contacto > ul > li > a:before,
				.content__article .nav__secondary.nav__secondary--contacto .content__nav__wrp > ul > li > a:before {
					border-top: none;
				}
*/
				.content__article .nav__secondary > ul > li > a:after,
				.content__article .nav__secondary .content__nav__wrp > ul > li > a:after {
					content: '';
					position: absolute;
					left: -500%;
					bottom: -1px;
/* 					width: 400%; */
					width: 500%;
					height: 100%;
					background-color: #ffffff;
					border-bottom: 1px solid #cccccc;
					display: inline-table;
				}
/*
				.content__article .nav__secondary.nav__secondary--contacto > ul > li > a:after,
				.content__article .nav__secondary.nav__secondary--contacto .content__nav__wrp > ul > li > a:after {
					border-bottom: none;
				}
*/
				.content__article .nav__secondary > ul > li:first-child > a:before,
				.content__article .nav__secondary .content__nav__wrp > ul > li:first-child > a:before { border-top: none; }


				.content__article .nav__secondary ul li a { padding: 17px 30px 17px 0; }

				.content__article .nav__secondary ul li a:hover,
				.content__article .nav__secondary ul li.active a { color: #66b444; }

				.content__article .nav__secondary ul ul {
					position: relative;
/* 					border-top: 1px solid #cccccc; */
					padding: 10px 0 30px;
				}
/*
				.content__article .nav__secondary ul ul:before {
					content: '';
					position: absolute;
					left: -400%;
					top: -1px;
					width: 400%;
					height: 100%;
					background-color: #ffffff;
					border-top: 1px solid #cccccc;
				}
*/

				.content__article .nav__secondary ul li li {
					float: none;
					display: block;
					position: relative;
					text-align: left;
					border-bottom: 0px solid #cccccc;
				}

					.content__article .nav__secondary ul li li a,
					.content__article .nav__secondary ul li.active li a {
						text-transform: none;
						color: #000000;
						padding: 10px 30px 10px 0;
						letter-spacing: 1px;
					}

					.content__article .nav__secondary ul li li a:hover,
					.content__article .nav__secondary ul li li.active a { color: #66b444; }

		.catalogo .nav__secondary,
		.content--product .nav__secondary {
			height: 59px;
			overflow: hidden;
			position: relative;
		}

			.catalogo .nav__secondary__wrp,
			.content--product .nav__secondary__wrp {
			    overflow-x: scroll;
			    overflow-y: hidden;
			    -webkit-overflow-scrolling: touch;
			    height: 74px;
			    padding-bottom: 17px;
			}

				.catalogo .nav__secondary ul,
				.content--product .nav__secondary ul {
					white-space: nowrap;
					position: -webkit-sticky;
				}

					.catalogo .nav__secondary ul li,
					.content--product .nav__secondary ul li {
						float: none;
						display: inline-block;
					}
						.catalogo .nav__secondary ul li.last{
							padding-right: 70px;
						}

		.catalogo .nav__secondary:before,
		.content--product .nav__secondary:before {
			content: '';
			width: 100px;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
/*
			background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
			background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
			background: linear-gradient(to left, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
*/
			pointer-events: none;
			z-index: 10;
		}
		.catalogo .nav__secondary:after,
		.content--product .nav__secondary:after {
			content: '';
			width: 100px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
/*
			background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
			background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
			background: linear-gradient(to right, rgba(255,255,255,0) 0%,  rgba(244, 244, 244,1) 75%);
*/
			pointer-events: none;
			z-index: 10;
		}




		.nav__main__primary {
			display: block;
			height: 100%;
		}


			.nav__main__primary li { float: left; }

			.nav__main__primary > li {
				position: relative;
				display: table;
				height: 60px;
				margin-left: 10px;
			}
			.nav__main__primary > li:first-child { margin-left: 0; }

				.nav__main__primary li a {
					font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-size: 1.5em;
					line-height: 18px;
					letter-spacing: 1.88px;
					color: #ffffff;
					text-transform: uppercase;
					padding: 0 10px 1px 10px;
					display: table-cell;
					vertical-align: middle;
					position: relative;
				}
				.nav__main__primary > li:first-child a { padding-left: 0; }

				.nav__main__primary li > a:hover,
				.nav__main__primary li.active > a { color: #ffffff; }

				.nav__main__primary li > a:hover:after,
				.nav__main__primary li.active > a:after {
					content: '';
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 4px;
					background-color: #ffffff;
				}
				.nav__main__primary li:first-child > a:hover:after,
				.nav__main__primary li:first-child.active > a:hover:after{
					left: -10px;
					padding-right: 10px;
				}


			.nav__main__primary li,
			.nav__markets li,
			.nav__langs li,
			.nav__footer li { font-size: 1em; }

			.nav__markets .nav__markets__trigger,
			.nav__langs .nav__langs__trigger {
				font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 1em;
				line-height: 1.2em;
				text-transform: uppercase;
				letter-spacing: 2px;
				color: #FFF;
				padding: 0;
			}

				.nav__main__primary > li > ul,
				.nav__main__primary li > ul {
					display: none;
				}
					.nav__markets ul,
					.nav__langs ul{
						display: none;
						position: absolute;
						width: auto;
						white-space: nowrap;
						top: 40px;
						padding: 10px 30px;
						margin-left: -30px;
						background-color: #1b3f1e;

					}
						.nav__markets ul:after,
						.nav__langs ul:after{
							content: "";
							position: absolute;
							top: -19px;
							margin: 0 auto;
							width: 0;
							height: 0;
							left: 30%;
							border-top: 10px solid transparent;
							border-left: 10px solid transparent;
							border-right: 10px solid transparent;
							border-bottom: 10px solid #1b401f;
						}

						.nav__markets.nav__markets--open ul,
						.nav__langs.nav__langs--open ul { display: block; }
							.nav__langs ul li {  }

								.page__header__top__right .nav__langs ul li a {
									font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
									font-weight: normal;
									font-size: 1.4em;
									text-transform: uppercase;
									letter-spacing: 2px;
									color: #ffffff;
								}

								.nav__langs ul li a:hover { color: #77BC1F; }

								.separata__mercados {
									width: auto;
									border-top: 1px solid #2c4e2f;
								}

				.page__header--classic .nav__main__primary > li > ul,
				.page__header--classic .nav__langs ul {
					-webkit-transform: translate(0, -20px);
							transform: translate(0, -20px);
				}

				.nav__main__primary > li > ul:before {  }

				.nav__main__primary > li.onmenu > ul,
				.nav__main__primary li.onmenu > ul,
				.nav__langs.onmenu > ul {
					display: block;
					-webkit-transform: translate(0, 0);
							transform: translate(0, 0);
				}

				.nav__main__primary > li > ul ul,
				.nav__main__primary > li.onmenu > ul ul {
				}

					.nav__main__primary > li > ul > li,
					.nav__main__primary > li > ul li,
					.nav__langs > ul > li {
						position: relative;
						margin: 0 14px;
						height: 100%;
						width: 100%;
						margin: 0;
					}
					.nav__main__primary > li > ul > li:last-child,
					.nav__main__primary > li > ul li:last-child { margin-right: 0; }

						.nav__main__primary > li > ul > li a,
						.nav__footer li > ul > li > a,
						.nav__langs > ul > li > a {
							font-size: 1.6em;
							line-height: 1.4em;
							text-decoration: none;
							display: inline-block;
							width: 100%;
							padding: 6px 0;

						}
						.nav__footer li > ul > li > a { line-height: 1.6em; }

			.nav__main__primary > li > a,
			.nav__langs a,
			.nav__footer ul > li > a {
				position: relative;
				font-size: 1.5em;
				line-height: 1.25em;
				text-decoration: none;
/* 				padding: 30px 0px; */
			}

				.nav__main__primary > li > a [class^="icon--"],
				.nav__main__primary > li > a [class*=" icon--"],
				.nav__langs a [class^="icon--"],
				.nav__langs a [class*=" icon--"] { font-size: 1em; }

			.nav__main__primary > li.onmenu:before,
			.nav__langs.onmenu:before,
			.nav__footer ul > li.onmenu:before {
				background: transparent url("../sprite.png") no-repeat 0px 0px;
				display: block;
				width: 40px;
				height: 20px;
				background-position: -74px -64px;
				top: -2px;
				position: relative;
			}


		.nav__search {

		}

			.nav__search a {
				color: #ffffff;
				line-height: 1.25em;
				text-decoration: none;
				display: table-cell;
				vertical-align: middle;
			}

			.nav__search a [class^="icon--"],
			.nav__search a [class*=" icon--"] {
				font-size: 2.5em;
				color: #ffffff;
			}

			.nav__search a {
				-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s linear;
						transition: 		transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.2s linear;
				-webkit-transform: translate(0, 0%);
						transform: translate(0, 0%);
				opacity: 1;
			}

			.nav__search a.search-open {
				-webkit-transform: translate(0, 50%);
						transform: translate(0, 50%);
				opacity: 0;
			}


		.nav__footer {  }

			.nav__footer > ul { display: inline-block; }

			.nav__footer li > ul {
				margin-top: 5px;
				display: table;
			}

			.nav__footer > ul > li {
				float: left;
				width: 230px;
				margin:  1.3em 0 0 20px;
			}
			.modal .nav__footer > ul > li {
				float: none;
				width: auto;
				margin:  3em 0 0 0;
			}

				.nav__footer > ul > li:first-child,
				.nav__footer > ul > li:nth-child(odd),
				.nav__footer > ul > li.isOdd { margin-left: 0; }

				.nav__footer > ul > li > a {  }

				.modal .nav__footer > ul > li li {
					float: left;
					margin-right: 20px;
				}
				.modal .nav__footer > ul > li li:last-child  { margin-right: 0; }

			.nav__footer a {
				text-decoration: none;
				color: #000000;
			}
			.nav__footer a:hover { color: #666666; }


		.nav__footer + .nav__footer {
			border-top: 1px solid #e5e5e5;
			margin-top: 20px;
			padding-top: 25px;
		}

			.nav__footer + .nav__footer > ul > li { margin-top: 0; }

			.nav__main--p22 { }

	.nav__side {
		width: 400px;
		height: 100%;
		background-color: #e1261c;
		position: fixed;
		top: 0;
/* 		right: 0; */
		left: 100%;
		padding: 30px
	}
	.nav__side:before {
		content: '';
		width: 100vw;
		height: 100%;
		background-color: #e1261c;
		position: absolute;
		top: 0;
		left: 100%;
		padding: 30px
	}

	.nav__side [class^="icon--"],
	.nav__side [class*=" icon--"] { color: #ffffff; }

		.nav__side .nav__main,
		.nav__side .nav__search,
		.nav__side .nav__langs {
			margin: 0 0 15px;
			float: right;
		}

		.nav__side .nav__main {
			margin-top: 150px;
			position: relative;
		}

		.nav__side .nav__main__primary {  }

			.nav__side .nav__main > ul > li {
				margin: 0;
				text-align: right;
				float: none;
			}
			.nav__side .nav__langs > ul > li { text-align: right; }

			.nav__side .nav__main__primary a {
				font-size: 3.8em;
				font-weight: 300;
				margin-top: 0;
				margin-left: -3px;
				line-height: 1.4em;
				color: #ffffff;
			}

			.nav__side .nav__main__primary a:hover { opacity: 0.8; }

			.nav__side .nav__main__primary li.active > a { font-weight: 500; }

			.nav__side .nav__main__primary > li > ul {
				top: 0;
				left: 100%;
				padding: 0 0 0 20px;
				margin-left: 40px;
				text-align: left;
				-webkit-transform: translate(20px, 0);
						transform: translate(20px, 0);
			}

			.nav__side.onmenu .nav__main__primary > li.onmenu > ul {
				display: block;
				-webkit-transform: translate(0, 0);
						transform: translate(0, 0);
				opacity: 1;
			}

				.nav__side .nav__main__primary > li > ul li {  }

			.curtain {
				display: block;
			    width: 100%;
			    height: 100%;
			    background-color: #000000;
			    position: fixed;
			    top: 0;
			    left: 100%;
			    z-index: 10;
			}

		.nav__side .nav__langs {  }


	.page__header__nav-context__extra > ul:first-child li a,
	.page__header__nav-context__extra li.active a {  }



.bloque--pagination{
	text-align: center;
	padding-bottom: 40px;
}
	.bloque--pagination .wrp{
	}
	.bloque--pagination a,
	.bloque--pagination span{

/*
		display: inline-block;
		padding: 10px 10px;
		font-size: 1.4em;
		line-height: 15px;
		min-width: 15px;
		color: #b1b1b1;
		border: 1px #eeeeee solid;
		text-decoration: none;
		margin: 0 4px 6px 4px;
*/


	}

	.bloque--pagination .btn {
		width: auto;
		min-width: 24px;
		padding: 15px;
		vertical-align: middle;
	}

	.bloque--pagination span.btn { cursor: default; }
	.bloque--pagination span.btn:hover {
		background-color: #77bc1f;
		cursor: default;
	}

	.bloque--pagination .btn--empty {
		background-color: transparent;
		color: #000;
		padding: 0;
		min-width: 0;
	}

/* 	.bloque--pagination .btn:hover { */

/*
	.bloque--pagination span.bloque--pagination__actual,
	.bloque--pagination a:hover{
		background-color: #515356;
		color: #FFFFFF;
		border-color: #515356;
	}
*/

.bloque--pagination.pagination--noticias {
	text-align: left;
}



#menuMobile {
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	width: 48px;
	height: 38px;
	margin-top: 0px;
	margin-left: -24px;
	z-index: 10;
}

	#menuMobile.lock {
		position: fixed;
		z-index: 100;
	}

	#menuMobile .bars {
		position: absolute;
		width: 46px;
		height: 38px;
		top: 0;
		left: 0;
		cursor: pointer;
	}

		#menuMobile .bars .x,
		#menuMobile .bars .y,
		#menuMobile .bars .z {
			position: absolute;
			top: 12px;
			left: 12px;
			width: 24px;
			height: 4px;
			background-color: #2a4771;
			-webkit-transform: translate3d(0,0,0);
					transform: translate3d(0,0,0);
			-webkit-transform-origin: center center;
				    transform-origin: center center;
			-webkit-animation-duration: .3s;
		            animation-duration: .3s;
		    -webkit-animation-fill-mode: both;
		            animation-fill-mode: both;
			-webkit-backface-visibility: hidden;
			-webkit-perspective: 1000;
			-webkit-transform-style: preserve-3d;
		}
		.black_block #menuMobile .bars .x,
		.black_block #menuMobile .bars .y,
		.black_block #menuMobile .bars .z { background-color: #ffffff; }

		#menuMobile .bars .x {
			-webkit-transform-origin: center 4px;
		}
		#menuMobile .bars .z {
			top: 20px;
			-webkit-transform-origin: center -4px;
		}



.content { margin-top: -2px; }

	.content--accionistas{
		min-height: 860px;
	}

.content--accionistas.content--agenda-del-inversor table.tabla.tabla--1 li + li {
    text-align: right;
}





/* ==========================================================================
   $LAYOUT
   ========================================================================== */

.layout {  }

	.layout__column {  }

	.layout__column--one { width: 100%; }

		.layout__column--one .layout__column { float: left; }

		.layout__column--one .layout__column--one,
		.layout__column--one .layout__column--two-half,
		.layout__column--one .layout__column--three-third,
		.layout__column--one .layout__column--four-fourth { width: 100%; }

		.layout__column--one .layout__column--one-half { width: 50%; }

		.layout__column--one .layout__column--one-third { width: 33.33333%; }
		.layout__column--one .layout__column--two-third { width: 66.66666%; }

		.layout__column--one .layout__column--one-fourth { width: 25%; }
		.layout__column--one .layout__column--two-fourth { width: 50%; }
		.layout__column--one .layout__column--three-fourth { width: 75%; }

		.layout__column--one .layout__column > * { padding: 0 10px; }
		.layout__column--one .layout__column:first-child > * { padding-left: 0; }
		.layout__column--one .layout__column:last-child > * { padding-right: 0; }












.main--catalogo {
	background: url("../img/bg-catalogo.png") right -460px top -60px no-repeat;
    background-size: 1100px;
}

.article__intro--catalogo {
	width: 60%;
	margin-bottom: 50px;
}

.wrp--catalogo {
	min-height: 400px;
}



.main {
	position: relative;
	background-color: #ffffff;
}

.main--fullscreen { margin-top: 0; }

	.main__head {
		display: inline-block;
		width: 100%;
		margin-top: -300px;
		padding-top: 300px;
		background: url('../img/background--vidrala.jpg') center center no-repeat;
		background-size: cover;
		overflow: hidden;
	}

		.main__head .wrp {
			position: relative;
			display: table;
			height: 100%;
		}

		.main-logo {
			position: absolute;
			right: 30px;
			top: 0px;
		}

		.main__head__logo {
			background-color: #ffffff;
			height: 200px;
			width: 150px;
			position: absolute;
			top: 0;
/* 			right: 10px; */
			right: 30px;
		}
		.main__head__logo:after {
			content: '';
			background-color: #ffffff;
/* 			width: 1000px; */
			width: 30px;
			height: 200px;
			position: absolute;
			left: 150px;
			top: 0;
		}

			.main__head__logo .page__header__logo {
				padding: 42px 0 42px 35px;
				background-position: 35px 25px;
			}

		.main__head__title {
			min-height: 90px;
			padding: 50px 150px 0 0;
		}


			.hero__title,
			.main__head__title p.h1,
			.main__head__title h1,
			.article__title {
				font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 4em;
				line-height: 1.2em;
				color: #ffffff;
				margin: 0 0 5px;
			}
				.content--product .article__title{
					margin-bottom: 50px;
				}
			.main__head__title p.h1 +p,	
			.main__head__title h1 + p {
				font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
				font-weight: normal;
				font-size: 2.4em;
				color: #ffffff;
				margin-top: 0;
			}


	.page__header .main__head__logo { display: none; }




.content__article {
	padding: 50px 0;
	min-height: 400px;
}

	.content__article .nav__secondary,
	.content__article .article__nav,
	.content__article .article__info { float: left; }

	.content__article .nav__secondary,
	.content__article .article__nav { width: 240px; }
	.content__article .article__info { width: 610px; }
	.content--comunicacion .content__article .article__info{
		min-height: 800px;
	}

	.content__article .article__nav { height: 200px; }

	.content__article .nav__secondary + .article__info,
	.content__article .article__nav + .article__info { margin-left: 20px; }

	.article__info + .nav__secondary,
	.article__info + script + .nav__secondary {
		position: absolute;
		top: 40px;
		left: 10px;
	}

	input#idPresuAmount{
		border-right: none;
	}

	.presupuesto__footer{
		border-bottom: none;
	}
	.presupuesto__footer .preview__product,
	.presupuesto__footer .preview__data{
		width: auto;
		display: inline-block;
	}
		.presupuesto__footer  .preview__product{
			float: left;
		}
		.presupuesto__preview .thead .preview__data{
			text-align: right;
		}
		.presupuesto__footer .preview__data{
			float: right;
		}
			.presupuesto__footer .preview__data .btn{
				margin-right: 0;
			}

	#solicitar > p{
		margin-bottom: 50px;
	}

/* 	.article__text { padding-right: 85px; } */

	.article__text,
	.article__table,
	.article__docs,
	.article__terms { margin-bottom: 40px; }

		.article__title {
			color: #215126;
			margin-top: 0;
			margin-bottom: 30px;
			max-width: 580px;
		}
			.presupuesto .article__title,
			.comparador .article__title{
				margin-top: 50px;
			}

		.widget__title .article__title + p { margin-top: -35px; }
		.widget__title .article__title + p a { text-decoration: none; }
		.widget__title .article__title + p a:hover { text-decoration: underline; }

		.article__intro {
			font-weight: 600;
			font-size: 2.2em;
			line-height: 1.55em;
		}

		.article__intro + .article__docs { margin-top: 40px; }

		.article__terms .article__intro { float: left; }

			.article__terms form .article__intro{
				float: none;
			}

		.article__terms .product__info__compare {
			float: right;
			font-size: 1.6em;
			text-align: left;
			margin-top: 12px;
			border: none;
		}

			.article__terms .product__info__compare a { text-decoration: none; }

		.article__text li { margin: 1em 0; }



	.result-list {
		padding-bottom: 40px;
	}

		.result__item { margin-bottom: 30px; }


		.result__title {
			font-size: 2em;
			font-weight: bold;
		}




	.legal { padding: 50px 0; }

		.legal p + h2,
		.legal ul + h2 { margin-top: 30px; }










/* ==========================================================================
   $TABLA
   ========================================================================== */

	table,
	dl {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 1em;
		border-collapse: collapse;
		margin: 0 -10px 30px;
		padding-bottom: 40px;
	}

		table caption {
			padding: 0px 10px;
			text-align: left;
			vertical-align: top;
		}

		table tr,
		table tr,
		dl dt,
		dl dd {
			background-color: white;
			border: 1px solid #eeeeee;
			border-left: none;
			border-right: none;
		}

		dl dt { width: 120px; }
		dl dt,
		dl dd { border-top: none; }

		table tbody tr.odd,
		dl dt.odd,
		dl dd.odd { background-color: #f8f8fa; }

			table th,
			dl dt { font-weight: bold; }

			table th,
			table td,
			dl dt,
			dl dd {
				padding: 20px 10px;
				text-align: left;
				vertical-align: top;
			}

		table ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

			table td li,
			dl dt,
			dl dd { font-size: 1.5em; }
			table td li { float: left; }

				table td li span {
					display: block;
					padding: 0 10px;
				}
				table td li:first-child span { padding-left: 0; }
				table td li:last-child span { padding-right: 0; }

			table .thead li { font-weight: bold; }

		table .numeric { text-align: right; }
		table .numeric--left { text-align: left; }


	.article__info table { /* width: 670px; */ width: 720px; }
	.article__info img {
		width: 100%;
/* 		width: 650px; */
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.proceso-productivo .article__info img { margin: 0; }

		img + .article__docs { margin-top: 40px; }



		.norbolsa {
			width: 102%;
			margin-left: -2%;
		}





.article__table {  }

	.article__table .article__intro,
	.article__terms .article__intro,
	.article__form .article__intro,
	.article__footer .article__intro {
		color: #005220;
		margin-top: 0px;
/* 		margin-bottom: 30px; */
	}

	.table--horizontal-top{
		display: none;
	}


.article__footer {  }


	.article__footer .layout__column > p { margin-top: 0; }




.content--certificaciones {

}

	.content--certificaciones img,
	.content--certificates img {
		width: auto;
		display: block;
	}





ul.tbody li:first-child span.m_right{
	text-align: left;
	display: block;
    padding: 0 10px;
}

span.m_right{
	text-align: right;
	display: block;
    padding: 0 10px;
}





/* ==========================================================================
   $DOCS
   ========================================================================== */

.article__docs {

}

	.doc__tabs {
		padding: 0;
		border: none;
	}

		.tabs-line {
			height: 49px;
			overflow: hidden;
		}

		.tab__wrp {
			overflow-x: scroll;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			height: 100%;
			padding-bottom: 17px;
		}

		.tab__list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: table;

			white-space: nowrap;
			position: -webkit-sticky;
		}

			.tab__element {
				display: inline-block;
				position: relative;
				margin-left: 5px;
				border: 1px solid #eeeeee;
				border-bottom-color: #c9c9c9;
				outline: none;
			}
			.tab__element:first-child { margin-left: 0; }

			.tab__element.ui-state-active {
				border-color: #c9c9c9;
				border-bottom-color: #ffffff;
			}

				.tab__element a {
					font-weight: normal;
					display: block;
					text-decoration: none;
					color: #999999;
					padding: 12px 24px 8px;
					background-color: #f8f8fa;
					outline: none;
				}

				.tab__element.ui-state-active a {
					background-color: #ffffff;
					color: #000000;
				}

		.tab__content { margin-top: -1px; }

			.tab__content table,
			.article__table table,
			.article__docs table,
			dl  { margin-bottom: 16px; }
			dl { padding-bottom: 0; }

			.tab__content tr:first-child,
			dl dt:first-child,
			dl dt:first-child + dd { border-top: 1px solid #c9c9c9; }

			.tab__content tr.odd { background-color: #ffffff; }
			.tab__content tr.even { background-color: #f8f8fa; }

			.doc__fecha { width: 100px; }
			.doc__link { width: 550px; }
			.doc__link:first-child { width: 650px; }

				.doc__link a {
					display: block;
					padding: 0 40px 0 0;
					text-decoration: none;
				}

					.doc__link a .doc-text {
						padding: 0;
						margin-top: 10px;
						color: #000000;
					}

			.tab__content__column {
				width: 315px;
				margin-left: 20px;
			}
			.tab__content__column:first-child { margin-left: 0; }






/* ==========================================================================
   $HERO
   ========================================================================== */


.hero {
	display: block;
	width: 100%;
	height: 580px;
	margin-top: 40px;
	background-color: #000000;
	overflow: hidden;
}

	.hero .wrp { position: relative; }

	.hero__logo {
		position: absolute;
		top: 120px;
		right: 10px;
		z-index: 10;
	}
	.home .hero__logo {
		-webkit-transition: all 0.3s cubic-bezier(.02, .01, .47, 1);
				transition: all 0.3s cubic-bezier(.02, .01, .47, 1);
	}

	.home .body--onSearch .hero__logo { top: 160px; }

		.hero .page__header__logo { background-image: url("../img/vidrala-logo-blanco.png"); }

	.hero__text {
		display: inline-block;
		margin-top: 190px;
		color: #ffffff;
		position: relative;
		z-index: 10;
	}
	.home .hero__text {
		-webkit-transition: all 0.3s cubic-bezier(.02, .01, .47, 1);
				transition: all 0.3s cubic-bezier(.02, .01, .47, 1);
	}

	.home .body--onSearch .hero__text { margin-top: 180px; }

		.hero__title { margin-bottom: 10px; }

		.hero__intro {
			font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 2.4em;
			line-height: 1.2em;
			margin: 0 0 1em;
		}

		.hero__btn {
			margin-top: 20px;
		}

	.hero__video {
		position: absolute;
		left: 50%;
		top: -220px;
		height: 800px;
		margin-left: -712px;
	}




.main__content {
	background-color: #ffffff;
	min-height: 300px;
	position: relative;
	z-index: 10;
}

	.main__content .wrp { display: table; }








/* ==========================================================================
   $BREADCRUMB
   ========================================================================== */

.breadcrumb {
	font-size: 1.2em;
	line-height: 1em;
	background-color: #215126;
	display: block;
	width: 100%;
	padding: 0;
	position: relative;
}
.breadcrumb:after {
	content: '';
	background-color: #215126;
	width: 1000px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
}

	.breadcrumb ul {
		list-style: none;
		margin: 0;
		padding: 0;
		display: inline;
		font-size: 1em;
	}
	.breadcrumb > ul {
		display: inline-block;
		padding: 7px 18px;
	}

		.breadcrumb li {
			display: inline;
			font-size: 1em;
			margin: 0;
			padding: 0;
			color: white;
		}

			.breadcrumb li a {
				font-weight: normal;
				text-decoration: none;
				color: #b5cfc0;
				line-height: 1.9em;
			}
			.breadcrumb li a:hover {
				color: #b5cfc0;
				text-decoration: underline;
			}

.home .breadcrumb { display: none; }

header .breadcrumb {
	float: left;
	margin-top: 10px;
	position: fixed;
	right: 115px;
	-webkit-transition: opacity 0.2s linear;
			transition: opacity 0.2s linear;
	opacity: 0.4;
	z-index: 10;
}
.main--fullscreen header .breadcrumb,
.body--menu header .breadcrumb { color: #ffffff; }

	header .breadcrumb li a { text-decoration: none; }
	.main--fullscreen header .breadcrumb li a,
	.body--menu header .breadcrumb li a { color: #ffffff; }

header .breadcrumb:hover { opacity: 1!important; }



.catalogo .filters {
	margin-top: 35px;
	position: relative;
}

.catalogo.wrp > h1 { color: white; }

.catalogo .product__info__budget:hover { color: #509132; }

.catalogo__mercados {
/* 	background-color: #FFF; */
/* 	margin-top: 30px; */
	height: 900px;
/*
	padding: 30px;
	margin: 30px -30px 0 -30px;
*/
}

	.catalogo__mercados ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}



















/* ==========================================================================
   $NOTICIAS
   ========================================================================== */

.news-list {
	padding-right: 85px;
}

	.news-list__element {

	}

		.news-list__title {
			font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
		    font-weight: normal;
		    font-size: 2.4em;
		    line-height: 1.4em;
		    margin: 0 0 2em;
		}

			.news-list__title a {
				font-weight: normal;
				text-decoration: none;
			}

		.news-list__date,
		.article__date {
			font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
		    font-weight: normal;
		    font-size: 2.4em;
		    line-height: 1.2em;
		    margin: 0 0 10px;
		    color: #cccccc;
		}

		.news-list__date { font-size: 2em; }

		.article__date { color: #66b444; }

/* Botones rrss */
.share ul {
	list-style-type: none;
	overflow: hidden;
	padding: 0px;
}

.share li {
	float: left;
}

.share ul li a {
	display: block;
}

.share .icon--circle {
	display: none;
}

.share span{
	font-size: 20px;
	color: #66B444;
	margin-right: 10px;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #66B444;
	padding: 15px;
	float: left;
	display: block;
}







.image__thumb,
.video__thumb {
	position: relative;
	width: 100%;
	display: inline-block;
	background-color: #e8e7e8;
	text-align: center;
	overflow: hidden;
}

	.image__thumb:before,
	.video__thumb:before {
		content: "";
		display: block;
		margin-top: 100%;
	}

	.image__thumb--16_9:before,
	.video__thumb--16_9:before { margin-top: 56.25%; }

	.image__thumb a,
	.video__thumb a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		.image__thumb a img,
		.video__thumb a img {
			width: 100%;
			position: absolute;
			top: -9999px;
			bottom: -9999px;
			left: -9999px;
			right: -9999px;
			margin: auto;
		}








/* ==========================================================================
   $MAP
   ========================================================================== */


.map {

}

	.map__zoom {
		user-select: none;
		border-radius: 2px;
		cursor: pointer;
		background-color: rgb(0, 0, 0);
		width: 40px;
		height: 80px;

		bottom: 60px!important;
		right: 30px!important;
	}

		.map__zoom__btn {
			width: 40px;
			height: 40px;
			font-size: 3em;
			color: #999999;
			text-align: center;
			line-height: 40px;
		}

		.map__zoom__btn:hover { color: #e1261c; }

		.map__zoom__btn:first-child:after {
			content: '';
			width: 30px;
			height: 1px;
			background-color: #333333;
			margin: 0 auto;
			display: block;
		}














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

footer {
	background-color: #66B444;
	color: #ffffff;
	border-top: 1px solid #ececec;
}

.main--contact footer { margin-top: -41px; }



	footer .claim { margin: 0; }

	footer .claim[itemprop="address"] strong {
		display: inline-block;
		margin-bottom: 5px;
	}

	footer .copy {  }

		footer .copy .wrp {
			padding-top: 20px;
			padding-bottom: 20px;
		}

		footer .legal {
			float: left;
			padding: 0;
		}
		footer .social { float: right; }

		footer .copy p,
		footer .nav__legal li a {
			font-size: 1.4em;
			line-height: 1.4em;
			margin: 1em 0;

			/* JAVIER */
			color: #ffffff!important;
			text-decoration: none;
			display: block;
		}
		footer .nav__legal li a:hover,
		footer .nav__social li a:hover { text-decoration: underline; }

		footer .nav__legal > ul > li li { font-size: 1em; }

		footer .copy p,
		footer .nav__legal,
		footer .nav__legal li { float: left; }
		footer .nav__legal li {
			font-size: 1em;
			margin-left: 20px;
		}
		footer .nav__legal li a:before,
		footer .nav__social li a:before {
			content: "·";
			position: absolute;
			margin-left: -12px;
		}
		footer .nav__social li:first-child a:before { content: none; }
		footer .nav__legal li a:hover:before,
		footer .nav__social li a:hover:before { color: #ffffff; }



footer .col-right .claim,
footer .col-right .social { float: left; }
footer .col-right .social { margin: 0 0 0 216px; }

.social { height: 48px; }

	.social p,
	.social .nav__social { float: left; }

	.nav__social li {
		float: left;
		margin-left: 20px;
		font-size: 1em;
	}

	.nav__social li a {
		font-size: 1.4em;
		line-height: 1.4em;
		margin: 1em 0;
		color: #ffffff!important;
		text-decoration: none;
		display: block;
	}


.legal-nav a {
	color: #000000;
	text-decoration: none;
}

.dn{
	display: none;
}






















/* ==========================================================================
   $MENU
   ========================================================================== */
	.vidrala > .header {
		margin: 0px 0px 30px 0px;
		height: 265px;
		position: relative;
	}

	.vidrala > .header > .nav__secondary{
		margin: 0 0 20px 0;
		position: absolute;
		width: 100%;
		bottom: -1px;
		border-bottom: 1px #eeeeee solid;
	}



	.vidrala > .nav__tertiary{
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		margin: 0 0 30px 0;
		padding: 0 20px;
		background-color: #FFF;
		position: relative;
		width: 100%;
	}
	.vidrala > .nav__tertiary ul{
		display: table;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.vidrala > .nav__tertiary ul li{
		display: table-cell;
		width: auto;
		vertical-align: middle;
		text-align: left;
	}
	.vidrala > .nav__tertiary ul li a{
		display: block;
		text-decoration: none;
		font-size: 1em;
		line-height: 1.4em;
		padding: 20px 15px;
	}
	.vidrala > .nav__tertiary ul li a:hover,
	.vidrala > .nav__tertiary ul li.active a{
		color: #66B444;

	}

	.vidrala > .content{
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
	}
	.vidrala > .content .html{
		margin-bottom: 45px;
		width: 66.66%;
	}
	.vidrala > .content .html h3{
		color: #005220;
		font-weight: bold;
		font-size: 2em;
		margin: 0px 0px 15px 0px;
	}
	.vidrala > .content .html p{
		margin-top: 0px;
	}










/* ==========================================================================
   $FORMS
   ========================================================================== */

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"],
.form__element__mask,
select,
.select2-container--default .select2-selection--single {
	position: relative;
	display: inline-block;
    font-size: 1.7em;
    color: #000000;
    width: 280px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
	border: 1px solid #cccccc;
	outline: none;
	padding: 0.589em 0.9em;
	z-index: 3;
	box-sizing: content-box;

	-webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	   -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	        transition: border linear 0.2s, box-shadow linear 0.2s;

	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;

	-webkit-user-select: text;
}
textarea {
	width: 612px;
	min-height: 58px;
	height: 180px;
	-webkit-user-select: text;
}

	.select2-container .select2-selection--single .select2-selection__rendered {
		color: #000000;
		padding: 0;
		height: 24px;
		line-height: 24px;
	}

	.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #757575; }


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}


span.validation-help,
span.validation-error {
	width: 100%;
	max-height: 0;
	white-space: normal;
	word-wrap: break-word;
	font-size: 1.3em;
	text-align: left;
	line-height: 35px;
	color: #999;
	display: block;
	position: relative;
	opacity: 0;
	overflow: hidden;
	z-index: 10;
	-webkit-transition: all .25s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition: all .25s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	     -o-transition: all .25s cubic-bezier(0.280, 0.000, 0.115, 1.000);
	        transition: all .25s cubic-bezier(0.280, 0.000, 0.115, 1.000);
}


span.validation-error {
	display: block;
	color: #e1261c;
	max-height: 35px;
	margin-top: -1px;
	padding: 5px 0 0px;
	font-weight: 600;
	border-top: 1px #e1261c solid;
}

.nav__search span.validation-error {
	position: absolute;
	/*left: -75%;*/
	left: 0;
	top: 10px;
	border: none;
	padding: 5px 20px 7px 0;
	height: 24px;
	line-height: 24px;
	font-weight: normal;
	width: 90%;
	text-align: right;
	z-index: 2;
	-webkit-transition: none;
	   -moz-transition: none;
	     -o-transition: none;
	        transition: none;
}

	.nav__search span.validation-error [class^="icon--"],
	.nav__search span.validation-error [class*=" icon--"] {
		color: #e1261c!important;
		margin-right: 3%;
		top: 3px;
	}

span.validation-error [class^="icon--"],
span.validation-error [class*=" icon--"] {
	font-size: 1.2em;
	color: #db3a1b;
}

.swift-out {
	-webkit-transition-timing-function: cubic-bezier(0.280, 0.000, 0.115, 1.000);
	   -moz-transition-timing-function: cubic-bezier(0.280, 0.000, 0.115, 1.000);
       -o-transition-timing-function: cubic-bezier(0.280, 0.000, 0.115, 1.000);
          transition-timing-function: cubic-bezier(0.280, 0.000, 0.115, 1.000);
}

textarea ~ span.validation-error,
input[type="text"] ~ span.validation-error,
input[type="password"] ~ span.validation-error,
input[type="datetime"] ~ span.validation-error,
input[type="datetime-local"] ~ span.validation-error,
input[type="date"] ~ span.validation-error,
input[type="month"] ~ span.validation-error,
input[type="time"] ~ span.validation-error,
input[type="week"] ~ span.validation-error,
input[type="number"] ~ span.validation-error,
input[type="email"] ~ span.validation-error,
input[type="url"] ~ span.validation-error,
input[type="search"] ~ span.validation-error,
input[type="tel"] ~ span.validation-error,
input[type="color"] ~ span.validation-error,
input[type="file"] ~ span.validation-error,
input[type="checkbox"] ~ span.validation-error,
.uneditable-input ~ span.validation-error {
	opacity: 1;
	max-height: 35px;
}

textarea ~ span.validation-valid,
input[type="text"] ~ span.validation-valid,
input[type="password"] ~ span.validation-valid,
input[type="datetime"] ~ span.validation-valid,
input[type="datetime-local"] ~ span.validation-valid,
input[type="date"] ~ span.validation-valid,
input[type="month"] ~ span.validation-valid,
input[type="time"] ~ span.validation-valid,
input[type="week"] ~ span.validation-valid,
input[type="number"] ~ span.validation-valid,
input[type="email"] ~ span.validation-valid,
input[type="url"] ~ span.validation-valid,
input[type="search"] ~ span.validation-valid,
input[type="tel"] ~ span.validation-valid,
input[type="color"] ~ span.validation-valid,
input[type="file"] ~ span.validation-valid,
input[type="checkbox"] ~ span.validation-valid,
.uneditable-input ~ span.validation-valid {
	opacity: 0;
	max-height: 0;
	padding: 0;
	border-color: transparent;
}

textarea:focus ~ span.validation-help,
input[type="text"]:focus ~ span.validation-help,
input[type="password"]:focus ~ span.validation-help,
input[type="datetime"]:focus ~ span.validation-help,
input[type="datetime-local"]:focus ~ span.validation-help,
input[type="date"]:focus ~ span.validation-help,
input[type="month"]:focus ~ span.validation-help,
input[type="time"]:focus ~ span.validation-help,
input[type="week"]:focus ~ span.validation-help,
input[type="number"]:focus ~ span.validation-help,
input[type="email"]:focus ~ span.validation-help,
input[type="url"]:focus ~ span.validation-help,
input[type="search"]:focus ~ span.validation-help,
input[type="tel"]:focus ~ span.validation-help,
input[type="color"]:focus ~ span.validation-help,
input[type="file"]:focus ~ span.validation-help,
.uneditable-input:focus ~ span.validation-help {
	opacity: 1;
	max-height: 35px;
}

input[type="checkbox"] ~ span.validation-help,
input[type="checkbox"] ~ span.validation-error {
    width: 100%;
    margin: 10px 0 0;
}

input[type="password"]:focus {
	border-color: #cccccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea:focus ~ span.validation-help + span.validation-error,
input[type="text"]:focus ~ span.validation-help + span.validation-error,
input[type="password"]:focus ~ span.validation-help + span.validation-error,
input[type="datetime"]:focus ~ span.validation-help + span.validation-error,
input[type="datetime-local"]:focus ~ span.validation-help + span.validation-error,
input[type="date"]:focus ~ span.validation-help + span.validation-error,
input[type="month"]:focus ~ span.validation-help + span.validation-error,
input[type="time"]:focus ~ span.validation-help + span.validation-error,
input[type="week"]:focus ~ span.validation-help + span.validation-error,
input[type="number"]:focus ~ span.validation-help + span.validation-error,
input[type="email"]:focus ~ span.validation-help + span.validation-error,
input[type="url"]:focus ~ span.validation-help + span.validation-error,
input[type="search"]:focus ~ span.validation-help + span.validation-error,
input[type="tel"]:focus ~ span.validation-help + span.validation-error,
input[type="color"]:focus ~ span.validation-help + span.validation-error,
input[type="file"]:focus ~ span.validation-help + span.validation-error,
.uneditable-input:focus ~ span.validation-help + span.validation-error {
	max-height: 15px;
	line-height: 15px;
}

textarea:focus ~ span.validation-help + span.validation-valid,
input[type="text"]:focus ~ span.validation-help + span.validation-valid,
input[type="password"]:focus ~ span.validation-help + span.validation-valid,
input[type="datetime"]:focus ~ span.validation-help + span.validation-valid,
input[type="datetime-local"]:focus ~ span.validation-help + span.validation-valid,
input[type="date"]:focus ~ span.validation-help + span.validation-valid,
input[type="month"]:focus ~ span.validation-help + span.validation-valid,
input[type="time"]:focus ~ span.validation-help + span.validation-valid,
input[type="week"]:focus ~ span.validation-help + span.validation-valid,
input[type="number"]:focus ~ span.validation-help + span.validation-valid,
input[type="email"]:focus ~ span.validation-help + span.validation-valid,
input[type="url"]:focus ~ span.validation-help + span.validation-valid,
input[type="search"]:focus ~ span.validation-help + span.validation-valid,
input[type="tel"]:focus ~ span.validation-help + span.validation-valid,
input[type="color"]:focus ~ span.validation-help + span.validation-valid,
input[type="file"]:focus ~ span.validation-help + span.validation-valid,
.uneditable-input:focus ~ span.validation-help + span.validation-valid { max-height: 0; }






form { margin-bottom: 40px; }

	.form__inline {

	}
		.g-recaptcha > div{ height: auto !important; }
			.g-recaptcha span.validation-error{ margin-top: -3px; }
		.form__element {
			position: relative;
/* 			width: 312px; */
			margin-bottom: 20px;
		}

			.form__element label {
				position: absolute;
				top: 10px;
				left: 17px;
				pointer-events: none;
				z-index: 10;
			}

			.form__element--dynamic label,
			.form__element--file label {
				transition: all .25s;
				opacity: 0;
				font-size: 1.1em;
				text-transform: uppercase;
				color: #666666;
			}
			.lt-ie9 .form__element--dynamic label,
			.lt-ie9 .form__element--file label { font-size: 1.7em; }

			.form__element--dynamic input,
			.form__element--dynamic textarea,
			.form__element--dynamic .select2-container--default .select2-selection--single {
				-webkit-transition: padding 0.2s ease-out;
						transition: padding 0.2s ease-out;
			}

			.form__element--dynamic.fixed label,
			.form__element--file.fixed label {
				opacity: 1;
				margin-top: 0.2em;
				font-size: 1.1em;
				-webkit-transform: translateY(-5px);
				   -moz-transform: translateY(-5px);
				     -o-transform: translateY(-5px);
				        transform: translateY(-5px);
			}

			.form__element--dynamic.fixed input,
			.form__element--dynamic.fixed textarea,
			.form__element--file.fixed input[type="file"],
			.form__element--file.fixed .form__element__mask,
			.form__element--dynamic.fixed .select2-container--default .select2-selection--single {
				padding-top: 1.248em;
				padding-bottom: 0.4em;
			}

			.form__element--hastext label { display: none; }


			.form__element--checkbox label {
				position: static;
				pointer-events: all;
				font-size: 1.6em;
				color: #757575;
				-webkit-transition: color 0.2s ease-out;
						transition: color 0.2s ease-out;
			}

			.form__element--checkbox input {
				font-size: 1.3em;
				margin-right: 2px;
			}

			.form__element--checkbox input:checked + label { color: #000000; }

			.form__element svg {
				position: absolute;
				width: 20px;
				height: 20px;
				top: 14px;
				right: 15px;
				pointer-events: none;
				z-index: 10;
			}
			.form__element.fixed svg { top: 17px; }

			.form__element svg path {
				stroke: #2fac66;
				stroke-width: 13px;
				stroke-linecap: round;
				stroke-linejoin: round;
				fill: none;
			}

			.form__element--file .btn {
				display: block;
				position: relative;
				z-index: 3;
				width: 100%;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				font-weight: bold;
			}

			.form__element--file input[type="file"] {
				position: absolute;
				z-index: 5;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				padding: 0;
				opacity: 0;
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
				cursor: pointer;
			}

			.form__element__mask {
				color: #757575;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.form__element--file.fixed .form__element__mask { color: #000000; }


			.input__pad {
				position: absolute;
				right: 0;
				top: 0;
				z-index: 10;
			}

				.input__pad .btn {
					width: 50px;
					min-width: 0;
					margin: 0;
					padding: 15px 0px;
					-webkit-touch-callout: none;
					-webkit-user-select: none;
					   -moz-user-select: moz-none;
					   		user-select: none;
				}
				.input__pad .btn,
				.input__pad .btn:first-child,
				.input__pad .btn:last-child {
					-webkit-border-radius: 0;
							border-radius: 0;
				}


			.select2-dropdown { border-color: #cccccc; }

			.select2-search--dropdown { padding: 0; }

				.select2-container--default .select2-search--dropdown .select2-search__field {
					border: none;
					width: 280px;
					padding: 0.589em 0.9em;
					box-sizing: content-box;
				}
				.select2-container--default .select2-search--dropdown .select2-search__field:focus {
					box-shadow: none;
				}

				.select2-results { border-top: 1px solid #cccccc; }

					.select2-container--default .select2-results > .select2-results__options { max-height: 210px; }

						.select2-results__option,
						.select2-container--default .select2-results__group { padding: 0.589em 0.9em; }

						.select2-results__group { background-color: #f1f1f1; }

						.select2-results__option .select2-results__option { font-size: 1em; }


		.form__element.collapsed{ display: none; }

		.form__inline .form__element {
			float: left;
			margin-left: 20px;
		}
		.form__inline .form__element:first-child { margin-left: 0; }




		.select--checkbox { position: relative; }

			.select--checkbox input { cursor: pointer; }

		.select--checkbox > ul{
			margin: 0px;
			padding: 0px;
			list-style: none;
			font-size: 14px;
			display: none;
			position: absolute;
			top: 48px;
			left: 0px;
			background-color: white;
			border: 1px solid #cccccc;
			z-index: 99;
			max-height: 200px;
			overflow-y: scroll;
		}
		.select--checkbox.active > ul{
			display: block;
		}
		.select--checkbox > ul > li{
			display: table-row;
			font-size: 1em;
		}
		.select--checkbox > ul > li > div.cell{
			display: table-cell!important;
			vertical-align: top!important;
			padding: 4px 25px 4px 15px;
		}
		.select--checkbox > ul > li > div.cell.checked{
			background-color: #ddd;
		}
		.select--checkbox > ul > li > div.cell:hover,
		.select--checkbox > ul > li > div.cell.checked:hover{
			background-color: #5897fb;
		}
		.select--checkbox > ul > li > div.cell > label{
			color: black;
			opacity: 1!important;
			top: 0px!important;
		    vertical-align: top;
		    font-size: 1em;
		    text-indent: -21px;
		    display: block;
		    position: relative!important;
	        pointer-events: inherit!important;
	        cursor: pointer;
	        text-transform: none!important;
	        width: auto!important;
	        left: 21px;
		}
		.select--checkbox > ul > li > div.cell input[type='checkbox']{
			margin-right: 5px;
		}

		.select--checkbox .arrow--forced{
			right: .5%;
		    display: block;
		    position: absolute;
		    z-index: 999;
		    top: 15%;
		    width: 20px;
		    height: 20px;
		}
		.select--checkbox .arrow--forced b{
			border-color: #888 transparent transparent transparent;
		    border-style: solid;
		    border-width: 5px 4px 0 4px;
		    height: 0;
		    left: 50%;
		    margin-left: -4px;
		    margin-top: -2px;
		    position: absolute;
		    top: 50%;
		    width: 0;
		}
		.select--checkbox.active .arrow--forced b{
			border-color: transparent transparent #888 transparent;
		    border-width: 0 4px 5px 4px;
		}


		.select2-container--default .select2-selection--single .select2-selection__arrow,
		.select--checkbox .arrow--forced {
			width: 17px;
			height: 17px;
			top: 14px;
			right: 14px;
		}
		.select--checkbox .arrow--forced {
			font-size: 1.7em;
			pointer-events: none;
		}

			.select2-container--default .select2-selection--single .select2-selection__arrow b,
			.select--checkbox .arrow--forced b {
				font-family: 'vidrala-icons' !important;
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				color: #000000;
				width: auto;
				height: auto;
				border: none;
				left: 0;
				top: 0;
				margin: 0;
				background-color: transparent;

				/* Better Font Rendering =========== */
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}

			.select2-selection__arrow b:before,
			.select--checkbox .arrow--forced b:before { content: "\e903"; }


#formNewsletter { margin-top: 16px; }

	#formNewsletter .control-group label { display: none; }

	#formNewsletter input[type="text"],
	#formNewsletter input[type="email"] {
		width: 214px;
	}



.form--search {
	position: absolute;
	top: 30px;
	right: 0;
	margin: 0;
	z-index: 100;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset!important;
}

	.form--search label,
	.form--search-aux label { display: none; }

	.form--search input {
		font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 1.8em;
		padding: 15px 30px 15px 20px;
		margin: 0;
		border: none;
		background: transparent;
		width: 90%;
		-webkit-box-shadow: none;
				box-shadow: none;
		outline: none;
		color: #215126;
		-moz-appearance: textfield;
		-webkit-appearance: textfield;
		appearance: textfield;
	}
/* 	.home .form--search input { color: #ffffff; } */
	.form--search input:focus {
		-webkit-box-shadow: none;
				box-shadow: none;
	}
		.form--search input.form-control::placeholder { color: #518164; }
		.form--search input.form-control:-webkit-input-placeholder { /* WebKit, Blink, Edge */
			color: #518164;
		}
		.form--search input.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
			color: #518164;
			opacity: 1;
		}
		.form--search input.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
			color: #518164;
			opacity: 1;
		}
		.form--search input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
			color: #518164;
		}
		.form--search input.form-control::-ms-input-placeholder { /* Microsoft Edge */
			color: #518164;
		}

/*
		.home .form--search input.form-control::placeholder { color: #C7C7CD; }
		.home .form--search input.form-control:-webkit-input-placeholder { color: #C7C7CD; }
		.home .form--search input.form-control:-moz-placeholder {color: #C7C7CD; opacity: 1; }
		.home .form--search input.form-control::-moz-placeholder { color: #C7C7CD; opacity: 1; }
		.home .form--search input.form-control:-ms-input-placeholder { color: #C7C7CD; }
		.home .form--search input.form-control::-ms-input-placeholder { color: #C7C7CD; }
*/


	.form--search button {
		font-size: 2.5em;
		text-align: right;
		width: 35px;
		height: 54px;
		padding: 0;
		color: #215126;
		border: none;
		background: transparent;
		position: absolute;
		top: 0;
		right: -6px;
		z-index: 10;
	}

		.form--search button [class^="icon--"],
		.form--search button [class*=" icon--"] {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -12px;
			margin-left: -12px;
			font-size: 1em;
			color: #215126;
		}

		.form--search button:hover [class^="icon--"],
		.form--search button:hover [class*=" icon--"] { color: #215126!important; }

/*
		.home .form--search button [class^="icon--"],
		.home .form--search button [class*=" icon--"],
		.home .form--search button:hover [class^="icon--"],
		.home .form--search button:hover [class*=" icon--"] { color: #ffffff!important; }
*/


.form--search-aux { position: relative; }

	.form--search-aux .form-group { float: left; }

		.form--search-aux .form-group input { width: 425px; }

	.form--search-aux button {
		float: left;
		margin-left: 10px;
		height: 20px;
		padding: 20px;
		width: 23px;
		height: 46px;
		line-height: 24px;
		padding: 0 12px;
		font-size: 2.3em;
		box-sizing: content-box;

		position: absolute;
		background: transparent;
		border: none;
		left: 400px;
		z-index: 10;
		outline: none;
	}


		.form--search-aux button [class^="icon--"],
		.form--search-aux button [class*=" icon--"] {
			font-size: 1em;
			position: absolute;
			top: 11px;
			left: 12px;
		}

		.form--search-aux button:hover [class^="icon--"],
		.form--search-aux button:hover [class*=" icon--"] { color: #e1261c!important; }


#formBuscador {  }

	#formBuscador .form__element { width: 100%; }

	#formBuscador button .text,
	#formBuscadorAux button .text { display: none; }

	#formBuscador.search-open {
		-webkit-transform: translate(0, 0%);
				transform: translate(0, 0%);
		opacity: 1;
	}



#formAddPresupuesto {  }

	#formAddPresupuesto .form__element,
	.presupuesto__preview .form__element {
		width: 360px;
		float: left;
	}
		.presupuesto__preview .form__element {
			float: right;
		}

		#formAddPresupuesto .form__element input,
		.presupuesto__preview .form__element input { width: 328px; }


	#formAddPresupuesto .form__element + .btn {
		float: left;
		margin-left: 40px;
	}

	.presupuesto__preview .product__info__budget--fixed label{
		text-align: right;
	}

#formPresupuesto,
#formContacto,
#formEmpleo { width: 646px; }

	#formPresupuesto{
		margin-bottom: 60px;
	}




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

.wrp--contacto {
	float: right;
	width: calc(100% - 280px);
}
	.wrp--contacto .article__info .article__intro + p{
		margin-bottom: 50px;
	}

.map-wrp {
	width: 100%;
/* 	height: 570px; */
	height: 350px;
	overflow: hidden;
	margin-bottom: 20px;
/* 	padding-top: 50px; */
	padding-top: 30px;
}

#mapa {
/*     width: 700px; */
	width: auto;
/*     height: 600px; */
	height: 390px;
/*     float: right; */
    z-index: 1;
}
    .map__zoom {
        user-select: none;
        border-radius: 2px;
        cursor: pointer;
        background-color: rgb(119, 188, 31);
        width: 40px;
        height: 80px;
        bottom: 60px!important;
        right: 30px!important;
    }
	    .map__zoom__btn {
	        width: 40px;
	        height: 40px;
	        font-size: 3em;
	        color: #ffffff;
	        text-align: center;
	        line-height: 40px;
	    }
		    .map__zoom__btn:first-child:after {
		        content: '';
		        width: 30px;
		        height: 1px;
		        background-color: #ffffff;
		        margin: 0 auto;
		        display: block;
		    }
		    .map__zoom__btn:hover {
		        color: #215126;
		    }
.content--contacto .content__article {
    padding-top: 50px;
}


/* ==========================================================================
   $IFRAME
   ========================================================================== */

.credits_nb {
	margin-bottom: 30px;
}

	.credits_nb p {
		display: inline;
	}
	.img_nb {
		width: auto !important;
		display: inline;
		margin-top: -7px !important;
		margin-bottom: 0px !important;
	}
	.img_arrow_nb {
		width: auto !important;
		display: inline;
		margin-top: -15px !important;
		margin-bottom: 0px !important;
	}

.container_nb {
	width: 100%;
	display: flex;
	margin-bottom: 30px;
	flex-wrap: wrap;
}

	.col-half{
		width: 50%;
/* 		padding: 0px 20px; */
	}
	.green {
		background-color: #006600;
	}
	.lightgray {
		background-color: #f8f8f8;
	}
	.row_top {
		padding: 0px 20px;
	}
	.row_top p {
		display: inline-block;
		color: #ffffff;
		font-weight: 600;
	}
	.row_center {
/* 		text-align: right; */
		padding: 0px 20px;
	}
	.main_value_nb {

	}
	.date_box_nb {
		display: inline-block;
		float: right;
	}

	.col_inside_half {
		width: 111px;
		display: inline-block;
		padding: 0px 20px;
	}

	.col_inside_half ul {
		list-style: none;
	    margin: 0;
	    padding: 0;
	}

	.main_value_nb p {
		display: inline;
		font-size: 3em;
		color: #ffffff;
		font-weight: 600;
	}
	.sub_value_nb p {
		display: inline;
		font-size: 1.7em;
		color: #ffffff;
		font-weight: 600;
	}

	.date_box_nb p {
		background-color: #ffffff;
		padding: 0px 15px;
		font-weight: 600;
		color: #000000;
	}

	.box_half_nb {
		width: 48%;
	}
	.title_nb {
		background-color: #006600;
		display: flex;
		padding: 0px 20px;
		justify-content: space-between;
	}

	.title_nb p {
		color: #ffffff;
		font-weight: 600;
	}

	.justify_between {
		justify-content: space-between;
	}
	.ampliar_nb {
		cursor: pointer;
	}

	.graph_box_nb {
		text-align: center;
	    padding: 30px 0px;
	    border-left: 1px solid #046501;
	    border-right: 1px solid #046501;
	    border-bottom: 1px solid #046501;
	}

	.graph_nb {
		width: auto !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

.col-8 {
	width: 100%;
}

	.col-8 ul {
		list-style: none;
		display: flex;
		padding: 0;
	}

		.col-8 ul li {
			width: 33.3%;
			padding: 0px 20px;
		}
			.col-8 ul li p {
				font-size: 1em;
			}

			.col-8 ul li:last-child p {
				letter-spacing: -0.5px;
			}

.col-4 {
	width: 40%;
}

	.col-4 ul {
		list-style: none;
		display: flex;
	}

		.col-4 ul li {
			width: 50%;
		}

			.col-4 ul li p {
				font-size: 0.7em;
			}


/* ==========================================================================
   $MODAL
   ========================================================================== */

.modal {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #f1f1f1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
			transition: opacity 0.2s, visibility 0s 0.2s;
}

.lt-ie9 .modal {
	display: none;
	filter: none;
}

.modal--video { background-color: #000000; }

	.modal .wrp {
		position: relative;
		top: 120px;
		margin-bottom: 100px;
	}

	.modal--video .wrp {
		width: 100%;
		height: 100%;
		padding: 0;
		top: 0;
		margin: 0;

		width: 100%;
		display: table;
	}

		.video-wrp {
			position: relative;
			width: 100%;
			display: inline-block;
			text-align: center;
			overflow: hidden;
			margin: 20px 0px;
		}

		.video-wrp:before {
			content: "";
			display: block;
			margin-top: 100%;
		}
		.video-wrp--16_9:before { margin-top: 56.25%; }

		.modal--video .wrp iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	.lt-ie9 .modal--video .wrp { top: 100px; }

	.modal__close {
		position: absolute;
		font-size: 2.3em;
		top: -60px;
		margin: 0 auto;
		left: 50%;
		text-align: center;
		margin-left: -20px;
		color: #000;
		text-decoration: none;
	}

	.page__header__logo + .modal__close {
		margin: 0;
		left: auto;
		right: 30px;
		top: -73px;
	}

	.modal--video .modal__close {
		color: #ffffff;
		z-index: 100;
		top: 20px;
	}

	.modal__close:hover {
		opacity: 0.5;
		text-decoration: none;
	    opacity: 1;
	}

	.modal__block { height: 100%; }

		.modal__block h2 {
		    text-align: left;
		}

	.modal--video .modal__block {
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}

.modal__trigger__video{
	position: absolute;
	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 10;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.2s, visibility 0s 0.2s;
	transition: opacity 0.2s, visibility 0s 0.2s;
}
	.modal__trigger__video--open {
		display: table;
		visibility: visible;
		opacity: 1;
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
	}
	.modal__trigger__video .video-wrp iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.modal__trigger__video .video-wrp{
		display: table-cell;
		vertical-align: middle;
	}

.modal--open {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.4s;
    		transition: opacity 0.4s;
}

.lt-ie9 .modal--open { display: block; }


.body--onmodal { overflow: hidden; }

	.body--onmodal .main { position: relative; }

	.body--onmodal .modal--open {
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	}


#ytplayer {
	position: absolute;
    left: 0;
    top: 0;
	width: 100%;
	height: 100%;
}


/* ==========================================================================
   $ALERTAS
   ========================================================================== */

.alert {
	padding: 20px 0 10px;
	margin: 0;
	color: #c09853;
	font-size: 1.0em;
	background-color: #fcf8e3;
}

header .alert {
	margin-top: 20px;
	font-size: 1.1em;
}

.alert-heading {
	color: inherit;
	margin: 0;
	font-weight: 600;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 18px;
}

.alert-success {
	color: #FFF;
	background-color: #82BE30;
	border-color: #82BE30;
}

.alert-danger,
.alert-error {
	color: #b94a48;
	background-color: #F2DEDE;
	border-color: #eed3d7;
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block,
.alert-success,
.alert-danger,
.alert-error,
.alert-info {
	padding-top: 20px;
	padding-bottom: 10px;
}

.alert-block > p,
.alert-block > ul,
.alert-success > p,
.alert-success > ul,
.alert-danger > p,
.alert-danger > ul,
.alert-error > p,
.alert-error > ul,
.alert-info > p,
.alert-info > ul {
	margin-bottom: 0;
	line-height: 1.2em;
}

.alert-block p + p,
.alert-success p + p,
.alert-danger p + p,
.alert-error p + p,
.alert-info p + p { margin-top: 5px; }

.alert-block p + .alert-heading,
.alert-success p + .alert-heading,
.alert-danger p + .alert-heading,
.alert-error p + .alert-heading,
.alert-info p + .alert-heading { margin-top: 10px; }

.alert a { text-decoration: underline; }
.alert-success a { color: #468847; }
.alert-danger a, .alert-error a { color: #b94a48; }
.alert-info a { color: #3a87ad; }

.alert a:hover { text-decoration: none; color: #3A87AD; }

.alert .close {
	float: right;
	color: #000000!important;
	font-size: 20px;
	font-weight: bold;
	line-height: 18px;
	color: black;
	text-shadow: 0 1px 0 white;
	opacity: 0.2;
	text-decoration: none!important;
	filter: alpha(opacity=20);
	margin-right: 20px;
}

.alert .close:hover {
	color: #000000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
	text-decoration: none;
}

/* ==========================================================================
   $CATÁLOGO
   ========================================================================== */
span.color_preview{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	margin: 0px 5px;
	border: 1px solid #ccc;
	position: relative;
	top: 2px;
}


.main .header_title > h1 {
	font-size: 45px;
	line-height: 52px;
	color: #005220;
	max-width: 690px;
	margin: 35px 0 45px 0;

    font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
    font-weight: normal;
}




/* ==========================================================================
   $INFORMACION BURSATIL
   ========================================================================== */
#detalle_valor .columna1d2{
	width: 100% !important;
}



/* ==========================================================================
   $PRODUCT-INDEX
   ========================================================================== */

.products-list {
	display: table;
	margin: 0 -10px;
	padding: 0 0 40px 0;
	list-style: none;
}

	.product {
		font-size: 1em;
		float: left;
		width: 235px;
		margin: 0 10px 20px 10px;
	}

		.product__link {
			display: block;
			text-decoration: none;
			color: #000000;
		}
		.product__link:hover { color: #000000; }

			.product__image {
				text-align: center;
				background-color: #FFFFFF;
				padding: 30px 0 50px;
				min-height: 230px;
				position: relative;
				border: 1px #eeeeee solid;
				-webkit-transition: background 0.2s linear;
						transition: background 0.2s linear;
			}

			.mix-blend-mode .product__image { background-color: #f4f4f4; }

			.mix-blend-mode .product__link:hover .product__image,
			.mix-blend-mode .product:hover .product__image { background-color: #ffffff; }

			.product__image--void,
			.mix-blend-mode .product__image--void {
				background-color: #ffffff;
				border-color: transparent;
			}


				.product__image__body {
					position: absolute;
					width: 100%;
					bottom: 70px;
				}

					.product__image img {
						display: none;
						height: 100%;
						max-height: 200px;
						z-index: 1;
						position: relative;
						mix-blend-mode: multiply;
					}
					.product__image img.active { display: inline-block; }

					.mix-blend-mode .product__image__shadow {
						position: absolute;
						bottom: 0;
						width: 50px;
						left: 50%;
						margin-left: -25px;
						-webkit-box-shadow: 0 -3px 15px 3px rgba(0,0,0,0.5);
						-moz-box-shadow: 0 -3px 15px 3px rgba(0,0,0,0.5);
						box-shadow: 0 -3px 15px 3px rgba(0,0,0,0.5);
					}

					.product__image__colors {
						position: absolute;
						bottom: -50px;
						text-align: center;
						width: 100%;
					}
					dd .product__image__colors {
						position: relative;
						text-align: left;
						bottom: auto;
						height: 18px;
					}

						.product__image__colors span,
						.filter__color,
						.filters__left__colors {
							display: inline-block;
							margin: 2px;
							width: 20px;
							height: 20px;
							border: 3px #cccccc solid;
							vertical-align: middle;
							-webkit-border-radius: 3px;
							-moz-border-radius: 3px;
							border-radius: 3px;
							cursor: pointer;
						}
							.comparador .product__info .product__image__colors span{
								width: 10px;
								height: 10px;
								border: 1px #cccccc solid;
							}
							.product__image__colors span{
								-webkit-border-radius: 50%;
								-moz-border-radius: 50%;
								border-radius: 50%;
							}

						dd .product__image__colors span { margin-top: -2px; }

						.filter__color {
							position: relative;
							margin: 0 5px 5px 0;
							width: 25px;
							height: 25px;
							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;
							opacity: 0.8;
						}
						.filter__color:hover { opacity: 1; }

							.filter__color input { display: none; }

						.filter__color--checked {
							border: 3px solid #66b445;
							opacity: 1;
						}


			.product__info {
				border: 1px #eeeeee solid;
				border-top: none;
			}

				.product__info__title,
				.product__info__cod {
					font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
					font-weight: normal;
					font-size: 1.2em;
					line-height: 1.25em;
					text-align: center;
					word-break: break-word;
					height: 15px;
					margin: 0;
					padding: 15px 10px;
					overflow: hidden;
					border-bottom: 1px #eeeeee solid;
				}

				.comparador .product__info__title,
				.comparador .product__info__cod {
					vertical-align: middle;
					display: table-cell;
					width: 100%;
					font-size: 1em;
					padding: 0;
					border: none;
					text-align: left;
					height: 40px;
				}

				.comparador .product__info__cod { height: auto; }

				.comparador .product__info__data__block .product__image__colors { text-align: left; }

				.product__info__budget{
					border-top: 1px #eeeeee solid;
					text-align: center;
				}
				.product__info__compare {
					border-bottom: 1px #eeeeee solid;
					text-align: center;
				}

					.product__info__budget label,
					.product__info__compare label {
						font-weight: normal;
						padding: 10px 5px;
						font-size: 13px;
						line-height: 15px;
						vertical-align: middle;
						display: block;
						cursor: pointer;
					}
						.product__info__budget label{
							font-weight: bold;
							color: #66b445;
							padding: 20px 5px;
						}

						.product__info__compare label input {
							margin-left: 5px;
							vertical-align: middle;
						}

					.product__info__budget .material-icons{
						font-size: 18px;
						line-height: 15px;
						vertical-align: middle;
						color: #66b445;
						margin-right: 3px;
					}

				.product__info__budget--fixed {
					border-bottom: none;
				}

					.product__info__budget--fixed label {
					    color: #66B444;
					    text-decoration: underline;
					    font-weight: bold;
					    font-size: 16px;
					    text-align: left;
					}

				.product__info__data {
					display: table;
					width: 100%;
					margin: 0;
					padding: 0;
				}

					.product__info__data li {
						display: table-cell;
						width: 33.333333%;
					}
					.product__info__data li:first-child { border-right: 1px #eeeeee solid; }
					.product__info__data li:last-child { border-left: 1px #eeeeee solid; }

					.product__info__data li:first-child:last-child { border: none; }

					.product__info__data li.nb { border: none!important; }


					.product__info__data .product__image__colors {
						position: relative;
						bottom: auto;
					}


	.product--disabled {
		user-select: none;
	}

		.product--disabled .product__link,
		#comparar_action.product--disabled .product__link {
			pointer-events: none;
			color: #cccccc;
			cursor: default;
		}

			.mix-blend-mode .product--disabled .product__link:hover .product__image,
			.mix-blend-mode .product--disabled:hover .product__image { background-color: #f4f4f4; }







/* ==========================================================================
   $COMPARADOR
   ========================================================================== */

#compardor_selector { display: none; }


	.compare {
		width: 100%;
		position: fixed;
		bottom: 0px;
		border-top: 1px solid #eeeeee;
		background-color: #f8f8f8;
		z-index: 100;
		display: none;
	}

		.compare__info {
			background-color: #66b444;
			color: #ffffff;
			position: relative;
			cursor: pointer;
		}

			.compare__text {
				font-weight: 600;
				margin: 0;
				padding: 10px 30px 10px 0;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.compare__showhide {
/*
			    position: absolute;
			    top: 40%;
			    right: 24%;
*/
				float: right;
			    margin-top: -28px;
			    font-size: 1.4em;
			}

		.compare .products-list {
			display: table;
			padding: 20px 0px;
		}
			.comparador .products-list{
				padding-bottom: 60px;
			}

			.compare .product,
			.comparador .product {
				position: relative;
				margin-bottom: 0;
			}

				.compare .product__image {
					min-height: 100px;
					overflow: hidden;
				}

					.compare .product__image img {
						height: 50%;
						max-height: 100px;
						top: 50%;
					}

					.compare .product__image__shadow {
						width: 25px;
						margin-left: -12.5px;
						box-shadow: 0 -1.5px 7.5px 1.5px rgba(0,0,0,0.5);
					}

				.compare .product__info { background-color: #ffffff; }

					.compare .product__info__title {
						border-bottom: none;
						white-space: nowrap;
					    overflow: hidden;
					    text-overflow: ellipsis;
					}


				.compare .comparar_remove,
				.comparador .comparar_remove,
				.product__image .comparar_remove {
					position: absolute;
					display: block;
					top: 10px;
					right: 10px;
					z-index: 10;
					color: #188322;
				}

					.compare .comparar_remove:hover i,
					.comparador .comparar_remove:hover,
					.product__image .comparar_remove:hover i {
						color: #225126;
/*
						background-color: #eeeeee;
						color: #cf0000;
						-webkit-border-radius: 3px;
						border-radius: 3px;
*/
					}

				.compare .product.compare_action { display: none; }

				.compare .product.compare_action a { text-decoration: none; }

				.compare .product.compare_action:hover a .product__image { background-color: white; }

				.compare .product.compare_action a i.material-icons {
					font-size: 48px;
					position: relative;
					top: 40px;
				}

		#comparar_action { }

			#comparar_action .product__link {
				color: #66B444;
				-webkit-transition: color 0.2s;
						transition: color 0.2s;
			}

				#comparar_action i.material-icons {
					font-size: 48px;
					position: relative;
					top: 40px;
				}


	.comparador .product__info__data { border-top: 1px solid #eeeeee; }
		.comparador .product__link + .product__info .product__info__data:first-child{ border-top: none;}

		.comparador .product__info__data__block {
			padding: 10px 20px;
			display: table;
			width: 193px;
		}

		.comparador .product__info__data__block--padding--desktop {
			padding: 9px 20px;
		}

		.comparador .product__info__data__block--padding--tablet {
			padding: 10px 20px;
		}


	#comparador .product__info__data li:first-child { border-right: none; }
	#comparador .product__info__data li:last-child { border-left: none; }

	.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: none; }

		.product__info__data__block {
			padding: 10px;
			font-size: 12px;
			line-height: 15px;
		}
			.comparador .product__info__data__block {
				font-size: 14px;
				line-height: 16px;
			}

		.product__info__data__block--mercados {
			height: 50px;
			border-bottom: 1px #eeeeee solid;
		}

			.product__info__data__block__title { color: #b1b1b1; }
				.comparador .product__info__data__block__title {
					color: #000;
					font-weight: bold;
				}
			.product__info__data__block__value {
/* 				color: #515356; */
/* 				font-weight: 600; */
			}

			.product__info__data__block--mercados a { margin-right: 5px; }


	#comparador ul.products-list li ul li{
		font-size: 1em;
		text-align: center;
	}
	#comparador ul.products-list li ul li .product__link .material-icons{
		font-size: 16px;
		top: 2px;
		position: relative;
	}
	#comparador ul.products-list li ul li .product__image__colors{
		position: relative;
		top: 0px;
	}





/* ==========================================================================
   $PRESUPUESTO
   ========================================================================== */

.presupuesto {
	min-height: 450px;
}

	.presupuesto__preview {

	}

		.presupuesto__preview ul {
			list-style: none;
			padding: 0px;
			margin: 0px;
		}

			.presupuesto__preview .columns {
				position: relative;
				clear: both;
				border-top: 1px solid #eeeeee;
			}

			.preview__product { width: 600px; }

			.preview__data { width: 400px; }


			.presupuesto__preview .input_field { font-size: 1em; }


			.presupuesto__preview .product__image,
			.presupuesto__preview .product__info { float: left; }

			.presupuesto__preview .product__image {
				width: 160px;
				min-height: 140px;
			}

				.presupuesto__preview  .product__image img { max-height: 140px; }

				.presupuesto__preview .product__image__colors span,
				.presupuesto__preview .input__pad .btn span,
				.mix-blend-mode .presupuesto__preview .product__image__shadow {
					padding-left: 0;
					padding-right: 0;
				}

				.mix-blend-mode .presupuesto__preview .product__image__shadow {
					width: 30px;
					margin-left: -15px;
				}

			.presupuesto__preview .product__info {
				border: none;
				margin-left: 20px;
			}

				.presupuesto__preview .product__info__title {
					height: auto;
					margin: 1em 0;
					padding: 0;
					text-align: left;
					border: none;
				}



/*
#presupuesto ul li.columns div.colum{
	padding: 10px 1%;
	float: left;
	margin: 0px .25%;
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}
#presupuesto ul li.columns div.colum.column-16_5{
	width: 16.00%;
}
#presupuesto ul li.columns div.colum.column-50_5{
	width: 50.00%;
}
#presupuesto ul li.columns div.colum.column-67_0{
	width: 66.50%;
}

#presupuesto ul li .product-list__item__image{
	min-height: 100px;
	overflow: hidden;
}
#presupuesto ul li .product-list__item__image img{
	height: 50%;
	max-height: 100px;
	top: 50%;
}
#presupuesto ul li .product-list__item__image .product-list__item__image__shadow{
	width: 25px;
	margin-left: -12.5px;
	box-shadow: 0 -1.5px 7.5px 1.5px rgba(0,0,0,0.5);
}
*/



/* ==========================================================================
   $PRODUCT-DETAIL
   ========================================================================== */

   .nav__secondary + .content__article { padding-top: 20px; }

   .content .product__image,
   .content .contacto__data {
		float: left;
		width: 240px;
/* 		min-height: 500px; */
		min-height: 580px;
		padding: 0 0 50px;
		border: none;
	}
		.content .product__image{
			width: 340px;
		}

	.content .contacto__data {
		width: auto;
		min-height: inherit;
		padding: 0px;
	}

	.mix-blend-mode .content  .product__image {
		background-color: #f8f8fa;
	}

		.content .product__image img { max-height: none; }

	.mix-blend-mode .content .product__image__shadow {
		width: 180px;
		height: 180px;
		margin-left: -90px;
		background-image: -o-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-image: -moz-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-image: -webkit-radial-gradient(circle, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2) 50px, rgba(0, 0, 0, 0.1) 65px, rgba(0, 0, 0, 0) 90px);
		background-repeat: no-repeat;
		transform: scaleY(0.2) translateY(380px);
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
		   		box-shadow: none;
	}




	.content .product__image + .article__info { margin-left: 50px; }



/* ==========================================================================
   $COOKIES
   ========================================================================== */

#cookies-alert {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	padding: 25px 0 15px;
	background: #e1e1e1;
}

	#cookies-alert .wrp {
		position: relative;
		padding-top: 0;
	}

		#cookies-alert #close-cookies-alert {
			position: absolute;
			right: 35px;
			top: -23px;
			font-size: 3.5em;
			margin: 0;
		}

			#cookies-alert #close-cookies-alert a { color: #000; }

			#cookies-alert #close-cookies-alert a:hover { text-decoration: none; }

		#cookies-alert h1 {
			font-family: 'Open Sans', Arial, Helvetica, sans-serif;
			font-weight: 300;
			font-size: 1.7em;
			line-height: 18px;
			letter-spacing: normal;
			font-weight: bold;
			margin: 0 0 0.67em;
		}

		#cookies-alert .text {
			max-width: 780px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			line-height: 15px;
		}

#cookies-alert .icon-menu {
    background-position: -1px -186px;
    width: 16px;
    height: 16px;
}
.cookies_alert_on{ padding-bottom: 50px; }



	.layout__column--one.full .layout__column--two-third.news__block { width: 40.2%; }
	.layout__column--one.full .layout__column--one-third.news__block { width: 19.7%; }



/* ==========================================================================
   SEARCH
   ========================================================================== */
	.page__header__menu{
		position: relative;
		z-index: 1;
	}

	#menu_search {
		display: none;
		float: none;
		padding: 5px 0px 5px 0px;
		background-color: rgba(255, 255, 255, 0.9);
	}

	#menu_search:after {
		content: '';
		background-color: rgba(255, 255, 255, 0.9);
		width: 1000px;
		height: 100%;
		position: absolute;
		right: -990px;
		top: 0;
	}

		#menu_search .form--search{
			position: relative;
			top: 0px;
		}

/*
	.home #menu_search,
	.home #menu_search:after { background-color: rgba(9, 96, 44, 0.5); }
*/





/* ==========================================================================
   COMPARAR
   ========================================================================== */





/* ==========================================================================
   FORMULARIOS
   ========================================================================== */








/* ==========================================================================
   MESSAGES
   ========================================================================== */
	.message{
		border: 1px solid #CCC;
		border-radius: 4px;
		padding: 10px 20px;
		margin-bottom: 25px
	}
	.message h2{
		color: black;
		font-weight: bold;
		margin: 0px;
	}
	.message p{
		color: black;
	}
	.message.ko{
		background-color: #ffbcbc;
	}
	.message.ok{
		background-color: #c9ffd8;
	}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden{display:none !important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}

.showOnDesktop { display: inline-block; }
.hideOnDesktop { display: none; }
.showOnTablet { display: none; }
.hideOnTablet { display: inline-block; }
.showOnMobile { display: none; }
.hideOnMobile { display: inline-block; }




/* ==========================================================================
   $LAST NEWS
   ========================================================================== */

.layout.last-news {}

	.layout.last-news .layout__column--one-fourth {
	    width: 25%;
		min-height: 690px;
	}
	.layout.last-news .layout__column--one-fourth:hover {
		background-color: #f8f8f8;
	}

	.layout.last-news .block--figure .img-wrp {
	    max-height: 460px;
	}

		.layout.last-news .block--figure .img-wrp img {
			width: 190%;
			max-width: 745px;
		}

	.layout.last-news .block--figure figcaption {
		padding: 10px 30px 10px 20px;
	}
		.layout.last-news .block--figure figcaption h3 {
			font-size: 2.8em;
			font-weight: 500px;
		}
		.layout.last-news .block--figure a:hover h3 {
			color: #e1261c;
		}
		.layout.last-news .block--figure figcaption p {
		    font-size: 1.4em;
		    color: #999999;
		}


/* ==========================================================================
   $MULTIMEDIA
   ========================================================================== */

    .gallery__container .gallery__img,
    .gallery__container .gallery__videos {
        width: 315px;
        margin-right: 20px;
        margin-bottom: 10px;
        float: left;
        overflow: hidden;
        position: relative;
    }

    .gallery__container--fullsize .gallery__img {
    width: 100%;
    margin: 0;
    float: none;
    overflow: unset;
    }

    .gallery__container .gallery__img .imagen {
/*         border: 1px solid #66B444; */
		position: relative;
    }

/*
    .gallery__container .gallery__img .imagen:after {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0,0,0,0.025);
    }
*/


        .gallery__container--fullsize .gallery__img .imagen {
            border: none;
            width: 100%;
            height: auto;
            overflow: unset;
        }

        .gallery__img a { text-decoration: none; }

    .gallery__container .video,
    .gallery__container .imagen {
/*         width: 99.3%; */
        height: 175px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

    .gallery__container.gallery__container--fullsize .gallery__img img {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0;
    }

    .gallery__container.gallery__container--fullsize .gallery__img a {
        outline: none;
    }

        .gallery__container.gallery__container--fullsize .gallery__img img {
            transition: none;
        }
            .gallery__container.gallery__container--fullsize .gallery__img .imagen:hover img{
                transform: none;
            }


    .gallery__container .gallery__img .imagen:hover img{
        transform: scale(1.1);
    }
    .gallery__container .gallery__videos:hover .video:before {
        opacity: 0.5;
    }

        .gallery__container .video .icon--play {
            color: #ffffff;
            position: absolute;
            z-index: 2;
            left: 50%;
            font-size: 75px;
            margin-left: -32.5px;
            top: 50%;
            margin-top: -40px;
            opacity: 0.8;
        }


        .gallery__container .video:before {
            content: "";
            display: block;
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            background: #000000;
            opacity: 0.3;
            transition: opacity 0.2s linear 0.2s;
        }

        .gallery__container .gallery__img img {
            transition: all .2s ease-in-out;
        }

        .gallery__container .gallery__img img,
        .gallery__container .gallery__videos img {
            position: absolute;
            top: -9999px;
            right: -9999px;
            bottom: -9999px;
            left: -9999px;
            margin: auto;
            width: 100%;
        }

            .gallery__container .gallery__videos p,
            .gallery__container .gallery__img p {
                position: relative;
                z-index: 1;
                margin-top: 8px;
                font-weight: bold;
            }

	.gallery__container .gallery__img.isTwo,
	.gallery__container .gallery__videos.isTwo,
	.gallery__container .gallery__img.isFour,
	.gallery__container .gallery__videos.isFour,
	.gallery__container .gallery__img.isSix,
	.gallery__container .gallery__videos.isSix { margin-right: 0px; }



/* ==========================================================================
   $WIDGET
   ========================================================================== */
/*
.widget {}
.widget.widget--co2 {
    height: 300px;
}

	.widget__data { font-size: 46px; font-size: 4.6em; }
	    .widget__data p {
            font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
    	    margin: 0;
            color: #215126;
        }
		    .widget__data p .widget__data__variable {}
*/


/* ==========================================================================
   $PROCESO PRODUCTIVO
   ========================================================================== */

   .process__bloque {
		position: relative;
		font-family: 'NewsGothicMT', Arial, Helvetica, sans-serif;
	}

	.process__img {
		position: relative;
	}

	.process__text {
	    position: absolute;
	    z-index: 1;
	    width: 90%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    padding: 0 5%;
	}

	.texto__titulo {
		position: absolute;
	    top: 0px;
	    width: 90%;
	    text-align: center;
	    border-bottom: #fff solid 1px;
	    padding-bottom: 5px;
	    text-transform: uppercase;
	    font-family: 'NewsGothicMT-Bold', Arial, Helvetica, sans-serif;
	    font-size: 1.75em;
	    color: #476772;
	}

	.texto__cuerpo {
		position: absolute;
	    top: 40px;
	    width: 90%;
	    text-align: center;
	    text-transform: uppercase;
	    font-size: 1.1em;
	    color: #88a2a3;
	    margin-top: 5px;
	}

	.texto__materia {
		position: absolute;
/* 		top: 310px; */
		top: 250px;
		width: 90%;
		border-top: #fff solid 1px;
	}

	.texto__materia > p {
		margin: 0px;
		line-height: 15px;
	}

	.texto__materia--arena {
		left: 50px;
		top: 10px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #e6b533;
	}

	.texto__materia--silice {
		left: 48px;
	    top: 30px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #e6b533;
	    font-size: 1.3em;
	}

	.texto__materia--carbonato {
		left: 130px;
		top: 10px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #94917b;
	}

	.texto__materia--sodio {
		left: 145px;
	    top: 30px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #94917b;
	    font-size: 1.3em;
	}

	.texto__materia--caliza {
		left: 245px;
		top: 10px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #94917b;
	}

	.texto__materia--vidrio {
/* 		left: 395px; */
		left: 420px;
		top: 10px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #96b1a2;
	}

	.texto__materia--reciclado {
/* 	    left: 385px; */
		left: 410px;
	    top: 30px;
	    position: absolute;
	    text-transform: uppercase;
	    color: #96b1a2;
	    font-size: 1.3em;
	}

	.texto__numeros {
		position: absolute;
/* 		top: 280px; */
		top: 230px;
		width: 100px;
/* 		left: 260px; */
		left: 205px;
		text-transform: uppercase;
		color: #88a2a3;
		text-align: center;
	}

	.texto__numeros--grados {
		color: #d54238;
		font-size: 1.9em;
		border-bottom: #fff solid 1px;
		margin: 0px;
	}

	.texto__numeros--vidautil {
		font-size: 1.3em;
		margin: 2px;
		line-height: 15px;
	}

	.texto__numeros--horas {
		font-size: 1.4em;
		border-top: #fff solid 1px;
		margin: 0px;
	}

	.texto__numeros--years {
		font-size: 1.4em;
		border-bottom: #fff solid 1px;
		margin: 0px;
		line-height: 20px;
	}

	.texto__derecha {
		position: absolute;
/* 		top: 265px; */
		top: 200px;
/* 		left: 560px; */
		left: 460px;
		width: 110px;
		text-transform: uppercase;
		color: #88a2a3;
		font-size: 0.9em;
	}

	:lang(en) .texto__materia--arena {
		left: 60px;
	}

	:lang(en) .texto__materia--silice {
		display: none;
	}

	:lang(en) .texto__materia--sodio {
		display: none;
	}

	:lang(en) .texto__materia--caliza {
		left: 235px;
	}

	:lang(en) .texto__materia--vidrio {
		left: 390px;
		font-size: 1.3em;
	}

	:lang(en) .texto__materia--reciclado {
		left: 398px;
		font-size: 1.6em;
	}

/* ==========================================================================
	$HOME
    ========================================================================== */

    video::-webkit-media-controls-start-playback-button {
	    display: none;
	}


	.widget__data--catalogo,
	.widget--bolsa .widget__content,
	.widget--co2 .widget__content {
		box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.1);
	}
		.widget--co2 .widget__content{
			padding: 0 20px;
		}

    .widget--bolsa {
		margin-top: 80px;
		margin-bottom: 20px;
    }

    	.widget--bolsa .article__title { margin-top: 75px; }

    	.widget__btns {
	    	display: block;
	    	padding: 0 40px;
	    }

		.widget__btns--catalogo {
			display: block;
			padding: 0 20px;
			margin-left: -20px
		}

		.widget--bolsa .icon--arrow-down,
		.widget--bolsa .icon--arrow-up {
		    display: inline-block;
			color: #f8f8f8;
			width: 50px;
			height: 50px;
			word-spacing: 9px;
			overflow: hidden;
			line-height: 0.6;
			vertical-align: middle;
			margin-top: -15px;
		}

		.widget--bolsa .icon--arrow-down { background-color: #af081b; }

			.widget--bolsa .icon--arrow-down:before {
				display: block;
				margin-top: -15px;
			}

		.widget--bolsa .icon--arrow-up { background-color: #247a38; }

			.widget--bolsa .icon--arrow-up:before {
				display: block;
				margin-top: 25px;
			}

	.home article__title {
		margin-bottom: 20px;
	}

	.widget--co2 {
	    height: 260px;
		margin-top: 95px;
	    margin-bottom: 25px;
	}
		.content--medioambiente .widget--co2,
		.content--environment .widget--co2{
			margin-top: 70px;
			margin-bottom: 0;
		}

	.widget__title {
		float: left;
		width: 320px;
		text-align: right;
		margin-right: 20px;
		margin-top: 18px;
	}

	.widget__content,
	.widget__content--medioambiente {
		width: 660px;
		height: 300px;
		text-align: center;
		background-color: #f8f8f8;
	    display: table-cell;
		vertical-align: middle;
		position: relative;
		top: -35px;
	}

	.widget__content__title {
		font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
		color: #66B444;
		font-weight: 300;
		display: inline-block;
		margin: 0px;
		margin-bottom: 29px;
	}


	.widget__title .widget__content__title { font-size: 2.4em; }

	.widget__data--co2 {
		display: inline-block;
	}

    .widget__data--co2 p {
	    font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
	    margin: 0;
	    font-size: 3.4em;
	    color: #215126;
		position: relative;
		top: -12px;
	}

	.widget__data--co2--medioambiente p {
	    font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
	    margin: 0;
	    font-size: 3.4em;
	    color: #215126;
		position: relative;
		top: -12px;
	}

	.widget--last-notice{
		margin-top: -80px;
	}

	.widget--last-notice .block figure.columna--figura {
		float: left;
		width: 320px;
		margin: 0px;
		background-color: #fff;
		font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
	}

	.widget--last-notice .block figure.columna--figura.isTwo{
		margin: 0px 20px;
	}

	.widget--last-notice .block figure.columna--figura a{
		text-decoration: none;
		padding: 0px;
		font-weight: 300;
	}

	.widget--last-notice .img-wrp {
	    height: 320px;
		overflow: hidden;
		position: relative;
	}

	.widget--last-notice .block figure.columna--figura img {
		position: absolute;
	    height: 320px;
	    top: -9999px;
	    right: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    margin: auto;
	}

	.widget--last-notice .block figure.columna--figura .news__block__entry,
	.widget--banners .block figure.columna--figura .news__block__entry {
		background-color: #f8f8f8;
		padding: 30px;
		min-height: 180px;
	}

	.widget--last-notice .block figure.columna--figura .news__block__title,
	.widget--banners .block figure.columna--figura .news__block__title {
		font-weight: 600;
		font-size: 2.2em;
		line-height: 1.45em;
		color: #215126;
		margin-top: 0;
	}
	.widget--last-notice .block figure.columna--figura a:hover .news__block__title,
	.widget--banners .block figure.columna--figura a:hover .news__block__title { text-decoration: underline; }

	.widget--last-notice .block figure.columna--figura .news__block__date {
		font-size: 1.8em;
		color: #66B444;
		margin: 0px 0 18px;
	}

	.widget--last-notice .block figure.columna--figura p {
		font-size: 1.4em;
		line-height: 22px;
		color: #000;
	}

	.widget--personas{
		position: relative;
		margin-bottom: 60px;
		margin-top: 55px;
	}
		.widget--personas .article__title{
			margin-top: 50px;
			margin-bottom: 20px;
		}
		.widget--personas .widget__content__title{
			margin-bottom: 0;
			max-width: 680px;
			color: #000;
		}

		.widget--personas a {
			text-decoration: none;
		}


	.widget--catalogo {
		position: relative;
		height: 480px;
		margin-top: 100px;
		overflow: hidden;
	}

		.widget--catalogo .btn {
			min-width: 139px;
			margin: 0 8px 16px;
			padding: 15px 19px;
			float: left;
    	}

    	.widget__btns + p { margin-left: 50px; }


    	.widget--catalogo .widget__content__title {
	    	text-align: left;
	    	margin-left: 50px;
	    }

	.widget--catalogo--img {
		width: 760px;
		height: 520px;
		position: absolute;
		top: -20px;
		left: 340px;
		z-index: -1;
	}

	.widget--catalogo--img img,
	.widget--catalogo--img video {
		width: 100%;
	}

	.widget__data--cotizacion {
		width: 490px;
		height: 320px;
		background-color: #f8f8f8;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		top: -20px;
	}

	.widget__data--cotizacion span{
		display: inline-block;
	}

	.widget__data--catalogo {
		width: 659px;
		padding: 80px 0 80px;
		background: #f8f8f8 url('../img/bg-mercados.png') bottom -10px right -20px no-repeat;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		top: 0;
	}

	.widget__data--texto {
		margin: 0;
		font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
		font-size: 2.4em;
		color: #66B444;
		font-weight: 300;
		line-height: 52px;
	}

	.widget__data--titulo {
		margin: 0;
		font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
		font-size: 6.4em;
        color: #215126;
        line-height: 110px;
	}

	.widget--banners {
		margin-bottom: 64px;
	}

	.widget--banners .block figure.columna--figura {
		float: left;
		width: 320px;
		margin: 0px;
		background-color: #fff;
		font-family: 'News Gothic MT W01', Arial, Helvetica, sans-serif;
	}

	.widget--banners .block figure.columna--figura.isTwo{
		margin: 0px 20px;
	}

	.widget--banners .block figure.columna--figura a{
		text-decoration: none;
		padding: 0px;
		font-weight: 300;
	}

	.widget--banners .img-wrp {
	    height: 320px;
		overflow: hidden;
		position: relative;
	}

	.widget--banners .block figure.columna--figura img{
		position: absolute;
	    height: 320px;
	    top: -9999px;
	    right: -9999px;
	    bottom: -9999px;
	    left: -9999px;
	    margin: auto;
	}

	.widget--banners .block figure.columna--figura .news__block__date {
		font-size: 1.8em;
		color: #66B444;
		margin: 0px 0 10px;
	}




	.main__head .widget--bolsa {
		margin: 0;
		position: absolute;
		top: 28px;
		right: 220px;
	}

		.main__head .widget--bolsa .widget__content {
			box-shadow: none;
			background-color: transparent;
			width: 200px;
			height: 100px;
			top: 0;
			text-align: right;
		}

		.main__head .widget--bolsa .widget__data--texto {
			font-size: 2.4em;
			line-height: 1.6em;
			color: #ffffff;
		}
		.main__head .widget--bolsa .widget__data--texto:first-child { font-size: 1.4em; }

		.main__head .widget--bolsa .widget__data--titulo {
			font-size: 4em;
			line-height: 20px;
			color: #ffffff;
			line-height: 1.2em;
			margin-bottom: 5px;
		}

			.main__head .widget--bolsa .icon--arrow-down,
			.main__head .widget--bolsa .icon--arrow-up {
				line-height: 1;
				width: 35px;
				height: 35px;
				margin-top: -8px;
				text-align: center;
			}

			.widget--bolsa .icon--arrow-up:before { margin-top: 10px; }

	.page__header .widget--bolsa { display: none; }




	.flickity-enabled.is-draggable .flickity-viewport{
		margin-top: 90px;
	}
	.flickity-page-dots{
		bottom:inherit;
		top: -35px;
	}
	.flickity-page-dots .dot{
		background: #F0F0F2!important;
		opacity: 1!important;
	}
	.flickity-page-dots .dot.is-selected{
		background: #66B444!important;
	}

	#w_emisiones .widget__content__title.db{
		display: block;
		margin-bottom: 19px;
	}







/* ==========================================================================
   $CONOCE VIDRALA
   ========================================================================== */
.conocevidrala__content {}
    .conocevidrala__content .wrp {
        margin: 0 auto;
    }
        .conocevidrala__content .wrp > h2 {
            color: #1e5929;
            background: #93d708;
            margin: 0;
            padding: 40px;
            text-align: center;
            font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 4.2em;
        }
            .conocevidrala__content h2 span { color: #ffffff; }
        .conocevidrala__content .conocevidrala__bloque {}

            .conocevidrala__content .conocevidrala__bloque__title {}
                .conocevidrala__content .conocevidrala__bloque__title h2 {
                    margin: 0;
                    padding: 30px;
                    text-align: center;
                    text-transform: uppercase;
                    font-family: 'News Gothic MT W01 Bold', Arial, Helvetica, sans-serif;
                    font-weight: normal;
                }
            .conocevidrala__content .conocevidrala__bloque__text {}
                .conocevidrala__content .conocevidrala__bloque__color {
                    height: 30px;
                    display: block;
                }

                .conocevidrala__content p,
                .conocevidrala__content ul {
                    margin: 0;
                    color: #ffffff;
                    padding: 40px 20px;
                }
                    .conocevidrala__content ul { padding-left: 40px; }
                    .conocevidrala__content li { color: #ffffff; }

.conocevidrala__bloque--green-bold .conocevidrala__bloque__title { background-color: #e8eeea; }

.conocevidrala__bloque--green-bold h2 { color: #1c5630; }
.conocevidrala__bloque--green-bold .conocevidrala__bloque__text { background-color: #1c5630; }
.conocevidrala__bloque--green-bold .conocevidrala__bloque__color {
    background-color: #124325;
}

.conocevidrala__bloque--green-medium .conocevidrala__bloque__title { background-color: #e5f2eb; }

.conocevidrala__bloque--green-medium h2 { color: #00833d; }
.conocevidrala__bloque--green-medium .conocevidrala__bloque__text { background-color: #00833d; }
.conocevidrala__bloque--green-medium .conocevidrala__bloque__color {
    background-color: #017338;
}

.conocevidrala__bloque--green-regular .conocevidrala__bloque__title { background-color: #edf5ea; }

.conocevidrala__bloque--green-regular h2 { color: #4d9d2a; }
.conocevidrala__bloque--green-regular .conocevidrala__bloque__text { background-color: #4d9d2a; }
.conocevidrala__bloque--green-regular .conocevidrala__bloque__color {
    background-color: #468733;
}


.conocevidrala__bloque--green-semilight .conocevidrala__bloque__title { background-color: #f1f8e8; }

.conocevidrala__bloque--green-semilight h2 { color: #77bd1e; }
.conocevidrala__bloque--green-semilight .conocevidrala__bloque__text { background-color: #77bd1e; }
.conocevidrala__bloque--green-semilight .conocevidrala__bloque__color {
    background-color: #659d30;
}

.conocevidrala__bloque--green-light .conocevidrala__bloque__title { background-color: #f4fce7; }

.conocevidrala__bloque--green-light h2 { color: #95d60a; }
.conocevidrala__bloque--green-light .conocevidrala__bloque__text { background-color: #95d60a; }
.conocevidrala__bloque--green-light .conocevidrala__bloque__color { background-color: #7fa52b; }









/* ==========================================================================
   $MEDIA-QUERIES
   ========================================================================== */



/* > 1255px
----------------------------------------------- */
@media only screen and (min-width: 1240px) {

	.main__head .widget--bolsa { right: 120px; }

}


/* > 1440px
----------------------------------------------- */
@media only screen and (min-width: 1440px) {

	.main__head .widget--bolsa { right: 0; }

}






/* > 1630x
----------------------------------------------- */
@media only screen and (min-width: 1630px) {



}






/* > 1920x
----------------------------------------------- */
@media only screen and (min-width: 1920px) {


}


/* > 960PX
----------------------------------------------- */
@media only screen and (min-width: 1025px) and (max-width: 1254px) {



}

@media only screen and (max-width: 1040px) {

}

/* > TABLET + MOBILE
----------------------------------------------- */
@media only screen and (max-width: 1015px) {


}




/* TABLET LAYOUT
----------------------------------------------- */
/* @media only screen and (min-width: 768px) and (max-width: 1015px) { */
@media only screen and (min-width: 768px) and (max-width: 1024px) {	
	*:hover, *:active {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.main--catalogo {
		background: none;
		background-color: #fff;
	}

	.article__intro--catalogo{
		width: 100%;
	}

	.nav__secondary {
	    -webkit-transform: translate3d(0, 0, 0);
	}

	.wrp {
		width: 714px;
		padding: 0 8px;
	}


	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"],
	.form__element__mask,
	select,
	.select2-container--default .select2-selection--single { width: 314px; }

	textarea { width: 681px; }

	.filters__options__n input#filter_n{
		width: 220px;
	}

	.main__head__title {
/* 		min-height: 120px; */
		padding: 40px 150px 0 0;
	}

	.main__head__logo {
		width: 144px;
		height: 160px;
	}
	.main__head__logo:after {
		left: 144px;
		width: 30px;
		height: 160px;
	}

		.main__head__logo .page__header__logo {
			padding: 22px 0 22px 30px;
			background-position: 30px 22px;
		}

	.content--accionistas{
		min-height: inherit;
	}

	.page__header__nav { height: 60px; }

/*
	.nav__main__primary li{
		font-size: 0.8em;
	}
	.page__header__top__links li{
		font-size: 1em;
	}
*/
	.page__header__top__links li.showOnTablet{
		display: inline-block;
	}
	.page__header__top__links li{
		margin-right: 12px;
	}
	.nav__langs{
		padding-left: 15px;
	}
	.nav__main__primary.nav__main__primary--sections li:last-child{
		display: none;
	}

	.nav__main__primary > li { margin-left: 5px; }

		.nav__main__primary > li > a,
		.nav__langs a,
		.nav__footer ul > li > a { font-size: 1.3em; }

	.nav__secondary__title .menu-arrow{
		position: relative;
		top: auto;
		right: auto;
		margin-left: 5px;
	}

	.content__article .nav__secondary,
	.content__article .nav__secondary + .article__info,
	.content__article .article__nav + .article__info {
		margin-left: 0;
		float: none;
		width: 100%;
	}

	.article__title{
		margin-bottom: 30px;
	}
	.content__article .nav__secondary ul {
		width: initial;
		margin: 0;
	}

	.content__article .nav__secondary,
	.content__article .article__nav { width: 100%; }

	.content__article .article__nav { height: 120px; }

	.article__info + .nav__secondary {
		position: relative;
		top: auto;
		left: auto;
	}

	.content__article .article__nav + .article__info { margin-left: 0; }


	#menu_search:after { right: -992px; }


		.hero__title,
		.main__head__title p.h1,
		.main__head__title h1,
		.article__title { font-size: 4.2em; }

		.article__title,
		.article__text { padding-right: 53px; }

		.content .product__image { width: 240px; }

		.article__info table { width: calc(100% + 20px); }

/*
		.content__article .article__info,
		.content__article .article__info table { width: 444px; }
*/

		.content__article .product__image + .article__info,
		.content__article .product__image + .article__info table { width: 414px; }

			.doc__link:first-child { width: 444px; }


	.content__article .nav__secondary.nav__secondary--contacto ul {
		width: auto;
	}

	.products-list {
		margin: 0 -8px;
		width: calc(100% + 16px);
	}

		.product {
			width: calc(33.33333% - 16px);
			margin: 0 8px 16px 8px;
		}

	.comparador .product__info__budget .material-icons{
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}
	.compare .products-list,
	.comparador .products-list {
		width: calc(100% + 16px);
		padding: 16px 0;
	}

		.compare .product,
		.comparador .product {
			width: calc(25% - 16px);
		}

		.comparador .product__info__data__block { width: 124px; }

		.comparador .product__info__data__block--padding--desktop {
			padding: 10px 20px;
		}

		.comparador .product__info__data__block--padding--tablet {
		    padding-top: 15px;
		    padding-right: 20px;
		    padding-bottom: 14px;
		    padding-left: 20px;
		}

		.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: none; }



	.presupuesto__preview table {
		width: calc(100% + 16px);
	}

		.presupuesto__preview table tr:first-child { display: none; }

			.presupuesto__preview table td { position: relative; }

				.preview__product { width: 380px; }

				.preview__data {
					width: 330px;
/* 					padding-top: 60px; */
				}

					.preview__data form { margin: 0; }



	#formAddPresupuesto .form__element { margin-bottom: 30px; }

	#formAddPresupuesto .form__element + .btn { margin-left: 0; }

	#formAddPresupuesto .form__element,
	.presupuesto__preview .form__element { width: 330px; }

		#formAddPresupuesto .form__element input,
		.presupuesto__preview .form__element input { width: 297px; }



	#formPresupuesto,
	#formContacto,
	#formEmpleo { width: 714px; }

	.filters__bocas label{
		width: 190px;
	}

/*
	.filters__options__bocas {
		width: 400px;
	}
*/



	.product__image__colors span { height: 18px; }


	.article__terms .article__intro {
		float: none;
		margin-bottom: 20px;
	}

	.article__terms .product__info__compare {
		float: none;
		display: block;
		margin-bottom: 20px;
	}


	.main__head .widget--bolsa {
		top: 95px;
		right: 30px;
	}

		.main__head .widget--bolsa .widget__content {
			width: 400px;
			height: auto;
		}

		.main__head .widget--bolsa .widget__data--texto,
		.main__head .widget--bolsa .widget__data--titulo { float: left; }

		.main__head .widget--bolsa .widget__data--titulo {
			font-size: 2.4em;
			line-height: 1.6em;
			margin: 0 10px 0 0;
		}

		.main__head .widget--bolsa .widget__data--texto {
			font-size: 1.4em;
			margin-top: 12px;
		}

		.main__head .widget--bolsa .widget__data--texto:first-child { display: none; }

			.main__head .widget--bolsa .icon--arrow-down,
			.main__head .widget--bolsa .icon--arrow-up {
				line-height: 1.6;
				width: 25px;
				height: 25px;
				margin-top: -5px;
			}

			.widget--bolsa .icon--arrow-up:before { margin-top: 0; }





	.content,
	footer {
	    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
	    -moz-transition: -moz-transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
	    transition: transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    backface-visibility: hidden;
	}


	.body--onmenu {
		overflow: hidden;
		position: relative;
		height: 100vh!important;
	}

	.body--onmenu .content,
	.body--onmenu footer {
		-webkit-transform: translateX(-320px);
		   -moz-transform: translateX(-320px);
		   		transform: translateX(-320px);
	}




		.content__article { padding-top: 40px; }
		.content--contacto .content__article {
			padding-top: 100px;
		}

			.content__article__nav__trigger {
				position: absolute;
				top: 61px;
				right: 10px;
				display: block;
			}

/*
			.content .nav__secondary {
				display: block;
				position: fixed;
				bottom: 0;
				top: 0;
				right: -320px;
				height: 100vh;
				width: 240px;
				padding: 40px;
				margin: 0;
				padding-top: 55px;
				z-index: 2;
				overflow-x: hidden;
				overflow-y: scroll;
				-webkit-overflow-scrolling: touch;

				background-color: #0a602d;
			}
*/


			.content .nav__secondary {
				position: absolute;
				top: 2px;
				left: 0;
			}

			.content--product .nav__secondary {
				position: relative;
				top: 0;
				left: 0;
			}

				.content__article .nav__secondary ul {
/* 					width: 140%; */
				}

					.content__article .nav__secondary > ul > li,
					.content__article .nav__secondary .content__nav__wrp > ul > li,
					.content__article .nav__secondary ul li li {
						float: left;
					}

					.content__article .nav__secondary > ul > li,
					.content__article .nav__secondary .content__nav__wrp > ul > li {
						position: static;
						border-top: none;
					}

					.content__article .nav__secondary ul ul {
						position: absolute;
						left: 0;
						background-color: #ffffff;
						width: 100%;
						display: none;
					}
						.content__article  .nav__secondary__title.open + .nav__secondary__sub{
							display: block;
							position: absolute;
							height: 80px !important;
							top: 60px;
							-webkit-overflow-scrolling: touch;
						}

						.content__article .nav__secondary ul li a,
						.content__article .nav__secondary ul li li a,
						.content__article .nav__secondary ul li.active li a {
							padding: 20px 18px;
						}

						.content__article .nav__secondary > ul > li > a:before,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:before
						.content__article .nav__secondary > ul > li > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:after { content: none; }

						.content__article .nav__secondary > ul > li:last-child > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li:last-child > a:after {
							content: '';
							left: auto;
							right: -400%;
						}

					.content__article .nav__secondary .content__nav__wrp > ul > li > a,
					.content__article .nav__secondary > ul > li > a:after,
					.content__article .nav__secondary .content__nav__wrp > ul > li > a:after{
						border-bottom: none;
					}

					.dsAc-body-wrp {
						margin: 0px!important;
						padding: 0px!important;
					}


				.content__article .nav__secondary {
					height: 118px;
					overflow: hidden;
/* 					position: relative; */
				}


				.content__article .content__nav__wrp {
					position: relative;

/* 					width: calc(100% - 16px); */
					width: 100%;
					height: 133px;
					padding-bottom: 40px;
				}

					.content__article .content__nav__wrp ul,
					.content__article .nav__secondary ul ul {
						white-space: nowrap;
/* 						position: -webkit-sticky; */
						overflow-x: scroll !important;
						overflow-y: hidden;
						-webkit-overflow-scrolling: touch;
						padding-right: 70px;
					}
						.nav__secondary__line{
							display: block;
							border-bottom: 1px solid #cccccc;
							position: absolute;
							top: 58px;
							width: 100%;
							z-index: 99;
						}
							.catalogo .nav__secondary__line,
							.content--product .nav__secondary__line{
								border-bottom: none;
							}

						.content__article .nav__secondary .content__nav__wrp > ul > li,
						.content__article .content__nav__wrp ul li,
						.content__article .nav__secondary ul li li {
							float: none;
							display: inline-block;
						}

						.content__article .nav__secondary > ul > li:last-child > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li:last-child > a:after,
						.content__article .nav__secondary > ul > li > a:after,
						.content__article .nav__secondary .content__nav__wrp > ul > li > a:after {
/*
							right: auto;
							left: -100%;
							width: 100%;
							z-index: 100;
*/

							left: auto;
							right: 0;
							width: 120%;
							z-index: 100;
						}



				.content__article .nav__secondary {
					width: calc(100% - 16px);
				}

				.content__article .nav__secondary:before {
					content: '';
					width: 100px;
					height: 100%;
					position: absolute;
					top: 0;
					left: 0;
					background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					pointer-events: none;
					z-index: 10;
				}
				.content__article .nav__secondary:after {
					content: '';
					width: 100px;
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
					background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,1) 75%);
					pointer-events: none;
					z-index: 10;
				}

/*
				.content .nav__secondary {
					height: auto;
				}

					.content__article .nav__secondary ul:before,
					.content__article .nav__secondary > ul > li:before,
					.content__article .nav__secondary ul ul:before { content: none; }

					.content .nav__secondary li {
						float: none;
						width: 100%;
						height: auto;
						margin: 0;
					}

					.content__article .nav__secondary ul li { border-bottom: none; }

						.content .nav__secondary li a {
							display: block;
							padding: 10px 0;
							position: relative;
							font-size: 1.5em;
							line-height: 1.25em;
							text-decoration: none;
							color: #ffffff;
						}
						.content__article .nav__secondary ul li li a,
						.content__article .nav__secondary ul li.active li a { color: #ffffff; }
						.content__article .nav__secondary ul li a:hover,
						.content__article .nav__secondary ul li.active a { color: #66b444; }

						.content .nav__secondary > li > ul,
						.content .nav__secondary li > ul {
							display: block;
							margin-left: 15px;
							margin-bottom: 15px;
							border-top: none;
							border-left: 1px solid #fff;
							padding-left: 20px;
							margin-top: 10px;
						}

							.content .nav__secondary > li > ul ul {
								padding-left: 20px;
							}

						.content .nav__secondary li > a:hover:after,
						.content .nav__secondary li.active > a:after { content: none; }





				.content__article .nav__secondary ul li { height: auto; }
*/


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

	.content--contacto .nav__secondary--contacto {
		height: 65px;
	}

	.wrp--contacto {
		float: none;
		width: auto;
	}

    .map-wrp {
		width: 100%;
		height: 355px;
	}

	#mapa {
	    width: 100%;
	    height: 380px;
	}

	.content .contacto__data {
		min-height: 0;
		padding-bottom: 10px;
	}

/*

    .content .nav__secondary.nav__secondary--contacto {
        position: relative;
        top: inherit;
        left: inherit;
    }
*/






/*
	footer .legal,
	footer .social { float: none; }
*/
	footer .nav__legal li,
	.nav__social li{
		margin-left: 15px;
	}
	footer .nav__legal li a:before,
	footer .nav__social li a:before{
		margin-left: -9px;
	}

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


	/* ==========================================================================
		$PROCESO PRODUCTIVO
    ========================================================================== */

	.proceso-productivo .article__text {
		padding-right: 0px;
	}

	.texto__cuerpo {
		font-size: 1.3em;
	}

	.texto__materia {
		top: 300px;
	}

	.texto__materia--arena {
		left: 65px;
	}

	.texto__materia--silice {
		lefT: 60px;
	}

	.texto__materia--carbonato {
		left: 170px;
	}

	.texto__materia--sodio {
		left: 188px;
	}

	.texto__materia--caliza {
		left: 315px;
	}

	.texto__materia--vidrio {
		left: 503px;
	}

	.texto__materia--reciclado{
		left: 493px;
	}

	.texto__numeros {
		top: 265px;
		left: 250px;
	}

	.texto__numeros--grados {
		font-size: 2.1em;
	}

	.texto__numeros--vidautil {
		font-size: 1.5em;
	}

	.texto__numeros--horas {
		font-size: 1.6em;
	}

	.texto__numeros--years {
		font-size: 1.6em;
	}

	.texto__derecha{
		top: 240px;
		left: 550px;
		width: 135px;
		font-size: 1em;
	}

	:lang(en) .texto__materia--arena {
	    left: 80px;
	}

	:lang(en) .texto__materia--caliza {
	    left: 305px;
	}

	:lang(en) .texto__materia--vidrio {
    	left: 495px;
    }

    :lang(en) .texto__materia--reciclado {
		left: 503px;
	}


	/* ==========================================================================
		$HOME
    ========================================================================== */


	.home .article__title br {
		display: none;
	}

	.home .widget--bolsa .article__title br { display: inline; }

	.home .article__title {
		text-align: left;
		padding: 0px;
		margin-bottom: 20px;
	}

	.widget--co2 {
	    height: auto;
		
	}

	.widget--bolsa,
	.widget--last-notice,
	.widget--catalogo,
	.widget--co2 { margin-bottom: 40px; }

	#w_emisiones .widget__content{
		width: 674px;
	}

/*
	#w_emisiones .widget__data{
		margin-bottom: 19px;
	}
*/
	.widget__title {
		float: none;
		width: 100%;
		text-align: center;
		margin-right: 0px;
		margin-top: 18px;
	}
	.widget--bolsa .widget__title {
		float: left;
		width: 260px;
	}

	.widget__content,
	.widget__data--catalogo {
		width: 100%;
	    top: 0;
	}
	.widget--bolsa .widget__content { width: 460px; }

	.widget--last-notice .block figure.columna--figura {
		float: left;
		width: 345px;
		margin: 0px;
	}

	.widget--last-notice .block figure.columna--figura.isTwo {
		margin-right: 0px;
		margin-left: 24px;
	}

	.widget--catalogo {
		position: relative;
		height: auto;
		margin-top: 0px;
	}

	.widget__btns {
		padding: 0 60px 0 70px;
	}

	.widget__btns--catalogo {
		display: block;
		padding: 0px;
		margin-left: 0px;
	}

	.widget__btns--catalogo .btn--catalogo {
		max-width: 139px;
		padding: 15px 19px;
	}

	.widget__btns--catalogo + p { margin-left: 100px; }

	.widget__data--cotizacion {
		width: 714px;
		height: 300px;
		left: 0px;
		top: 0px;
	}

	.widget--banners .block figure.columna--figura {
		float: left;
		width: 345px;
		margin: 0px;
	}

	.widget--banners .block figure.columna--figura.isTwo {
		margin-right: 0px;
		margin-left: 24px;
	}

	.widget--banners .block figure.columna--figura img,
	.widget--last-notice .block figure.columna--figura img {
		height: 345px;
	}

	.widget--personas{
		margin-bottom: 60px;
	}

	.widget__title .article__title + p {
	    margin-top: -15px;
	    text-align: left;
	}

	.catalogo__mercados {
		height: auto;
	}

	/* ==========================================================================
	   $CONOCE VIDRALA
	   ========================================================================== */
    .conocevidrala__content {
        margin: 50px 0;
    }

        .conocevidrala__content p,
        .conocevidrala__content ul {
            width: 50%;
            margin: 0 auto;
        }



	.showOnDesktop { display: none; }
	.hideOnDesktop { display: inline-block; }
	.showOnTablet { display: inline-block; }
	.hideOnTablet { display: none; }
	.showOnMobile { display: none; }
	.hideOnMobile { display: inline-block; }




/*
	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .filters__options__block input[type="text"]{ width: 165px!important }
			
	
	.filters__options form .layout > .layout__column--one .layout__column > *{ padding: 0px;}
	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col{
		float: none;
		width: 100%;
		margin: 0px;
	}	
	
	.filter__color {
		margin: 2px 3px 5px 0px;
		width: 20px;
		height: 20px;
	}
	
	.noUiSlider .noUi-handle{
		height: 20px!important;
		top: -12px!important;
	}
*/
	.filters__options form .layout > .layout__column--one > .layout__column--one-third{ width: 50%; padding: 1em 0px 1em 25px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third input{ width: 300px!important; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:first-child{ width: 50%; padding-left: 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:last-child{ width: 100%; padding: 1em 0px; }
	
	
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 50%; padding: 0em 0px 0em 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third input[type='checkbox']{ width: 10px!important; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.first{ width: 50%; padding-left: 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.last{ width: 50%; padding: 0em 0px; }
	
	.filters__options form .filters__options__bocas .clearfix{ display: none; }

}

@media only screen and (min-width: 768px) and (max-width: 875px) {
	.catalogo .nav__secondary:after,
	.content--product .nav__secondary:after,
	.content__article .nav__secondary:after{
		width: 70px;
	}
	.catalogo .nav__secondary:before,
	.content--product .nav__secondary:before,
	.content__article .nav__secondary:before{
		width: 40px;
	}
	.content__article .content__nav__wrp ul,
	.content__article .nav__secondary ul ul{
		padding-right: 40px;
	}
}

/* MOBILE LAYOUT (PORTRAIT)
----------------------------------------------- */
@media only screen and (max-width: 767px) {
	.noUi-connect, .noUi-origin{ will-change: inherit!important;}
	
	.filters__options form .layout > .layout__column--one > .layout__column--one-third{ width: 100%; padding: 1em 0px 1em 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third input{ width: 100%!important; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:first-child{ width: 100%; padding: 1em 0px; }
	.filters__options form .layout > .layout__column--one > .layout__column--one-third:last-child{ width: 100%; padding: 1em 0px; }
	
	
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third{ width: 100%; padding: 0em 0px 0em 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third input[type='checkbox']{ width: 10px!important; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.first{ width: 100%; padding-left: 0px; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third.last{ width: 100%; padding: 0em 0px; }
	
	.filters__options form .filters__options__bocas .clearfix{ display: none; }
	.filters__options form .filters__options__bocas .filters__bocas .layout > .layout__column--one > .layout__column--one-third .clearfix{ display: block; }
	
	hr.light{ clear: both; }
	
	
	#w_emisiones .widget__data,
	.widget__content--medioambiente .widget__data{
		margin-bottom: 19px;
	}
	.widget--bolsa .icon--arrow-down:before{
		margin-top: -10px;
	}
	.widget--bolsa .icon--arrow-up:before{
		margin-top: 15px;
	}
	*:hover, *:active {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		-webkit-user-select: none;
		-webkit-touch-callout: none;
	}

	.body--onmenu {
		overflow: hidden;
		position: relative;
		height: 100%!important;
	}

	.main--catalogo {
		background: none;
		background-color: #fff;
	}

	.article__intro--catalogo{
		width: 100%;
	}

	.wrp {
		width: calc(100% - 40px);
		padding: 0px 20px;
	}


	.layout__column--one .layout__column--one-half {
		width: 100%;
		float: none;
	}

		.layout__column--one .layout__column > * { padding: 0; }


	.form__element { width: 100%; }

	.form__inline .form__element {
		float: none;
		margin-left: 0;
	}

	.content--accionistas{
		min-height: inherit;
	}

	.search-dummy {
		width: 40px;
		height: 40px;
		display: block;
		position: absolute;
		left: 15px;
	}


	.main__head { display: none; }

		.main__head__logo {
			background: transparent;
			width: 115px;
			height: 28px;
			top: 50px;
			left: 20px;
			right: auto;
			z-index: 11;
		}
		.main__head .main__head__logo { display: none; }

			.main__head__logo .page__header__logo {
				padding: 0;
				background-image: url('../img/vidrala-logo-blanco.png');
				background-position: center bottom;
				height: 28px;
			}

		.main__head__logo:after { content: none; }

		.page__header .main__head__logo { display: block; }

		.main__head__title { display: none; }

		.breadcrumb { display: none; }

	.col-half{
		width: 100%;
		padding: 0px 20px;
	}

	.page__header,
	.home .page__header {
		top: 0;
		background: url('../img/background--vidrala.jpg') center center no-repeat;
		background-size: cover;
		position: relative;
		position: fixed;
		z-index: 100;
	}

	.scroll-container { margin-top: 90px; }


	.page__header,
	.scroll-container {
	    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
	    -moz-transition: -moz-transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
	    transition: transform 0.3s cubic-bezier(0.45, 0, 0.15, 1);
/*
	    -webkit-backface-visibility: hidden;
	    -moz-backface-visibility: hidden;
	    backface-visibility: hidden;
*/
	}


	.body--onmenu {
		overflow: hidden;
		position: relative;
		height: 100vh!important;
	}

	.body--onmenu .page__header,
	.body--onmenu .scroll-container {
		-webkit-transform: translateX(-81.25%);
		   -moz-transform: translateX(-81.25%);
		   		transform: translateX(-81.25%);
	}

	.body--onmenu .scroll-container { pointer-events: none; }


		.page__header__nav { height: 50px; }

			.page__header__nav__trigger {
				margin-top: 5px;
				right: 20px;
				display: block;
			}


			.body--onmenu .nav__trigger .icon--menu-wide,
			.body--onlight.body--onmenu .nav__trigger .icon--menu-wide,
			.body--onmenu .nav__trigger .icon--cross,
			.body--onlight.body--onmenu .nav__trigger .icon--cross { color: #ffffff; }

			.page__header__nav__block {
				display: block;
				position: fixed;
				bottom: 0;
				top: 0;
				right: -81.25%;
				height: 100vh;
				width: 81.25%;
				margin: 0;
				padding-top: 0;
				z-index: 2;
				overflow-x: hidden;
				overflow-y: scroll;
				-webkit-overflow-scrolling: touch;

				background-color: #0a602d;
			}

				.nav__main__primary,
				.nav__main__primary ul {
					padding: 20px 0 80px 20px;
					width: calc(100% - 20px);
					height: auto;
					position: relative;
				}

					.nav__main__primary li,
					.nav__main__primary > li > ul > li,
					.nav__main__primary > li > ul li {
						position: static;
						float: none;
						width: calc(100% - 40px);
						height: auto;
						margin: 0;
						padding: 0 20px;
						border-bottom: 1px rgba(255, 255, 255, 0.07) solid;
					}
						.nav__main__primary > li:last-child{
							border-bottom: none;
						}
						.nav__main__primary li a,
						.nav__main__primary > li > ul > li a {
							font-size: 1.5em;
							line-height: 1.25em;
							display: block;
							padding: 12px 0;
						}

						.nav__main__primary > li > ul,
						.nav__main__primary li > ul {
							display: block;
							display: none;
/* 							margin-left: 15px; */
							margin-bottom: 15px;
/* 							border-left: 1px solid #fff; */
/* 							padding-left: 20px; */
							margin-top: 10px;

							margin: 0;
							position: absolute;
							top: 0;
							left: 100%;


						}

							.nav__main__primary > li > ul ul {
/* 								padding-left: 20px; */
							}

						.nav__main__primary li > a:hover:after,
						.nav__main__primary li.active > a:after { content: none; }


				.nav__main__primary--links {
					display: block !important;
					background-color: #215126;
					margin: 0;
					padding: 20px;
					width: 100%;
				}

					.nav__main__primary--links li a {
						font-size: 1.2em;
						line-height: 1.4em;
						padding: 10px 0;
					}


				.nav__main__primary .go-back,
				.nav__main__primary .go-back [class^="icon--"],
				.nav__main__primary .go-back [class*=" icon--"] {
					font-size: 1em;
					height: 18px;
					line-height: 22px;
					padding-top: 0;
					padding-bottom: 20px;
					margin-left: -8px;
				}

					.nav__main__primary .go-back [class^="icon--"],
					.nav__main__primary .go-back [class*=" icon--"] {
						top: 1px;
					}







				.nav__secondary {
/* 					display: none; */
					background-color: transparent;
					margin-bottom: 20px;
				}

				.nav__main__primary .nav__secondary { border-bottom: none; }

/* 				.article__info + .nav__secondary { display: block; } */

				.article__nav { display: none; }

				.article__info + .nav__secondary {
					position: relative;
					top: auto;
					left: auto;
				}

				.content__article .article__nav + .article__info { margin-left: 0; }

				.catalogo .nav__secondary {
					display: block;
					margin-left: -20px;
					margin-right: -20px;
				}

					.catalogo .nav__secondary:before,
					.content--product .nav__secondary:before { width: 20px; }

					.catalogo .nav__secondary ul li a,
					.content--product .nav__secondary ul li a { padding: 20px; }


					.nav__secondary ul li {
						float: none;
						text-align: left;
					}

						.nav__main__primary .nav__secondary ul li a { color: #ffffff; }


/* 			.catalogo, */
			.content--product { padding-top: 20px; }

/* 				.catalogo .nav__secondary, */
				.content--product .nav__secondary { display: none; }

/* 				.content__article .nav__secondary > ul > li > a:before */



			.nav__search {
				position: absolute;
				top: -40px;
				height: 40px;
				float: none;
			}


			.page__header__top__left { display: none; }





	.page__header__menu {
		word-break: 100%;
		background-color: rgba(255, 255, 255, 0.9);
	}

		#menu_search {
			position: relative;
			top: 0;
			height: 50px;
			float: none;
			background-color: transparent;
		}
		#menu_search:after { content: none; }


			.form--search input {
				width: calc(100% - 30px)!important;
				padding: 13px 30px 13px 0;
			}


	.nav__langs ul {
		right: 0;
		padding: 15px 20px;
		width: calc(100% - 40px);
	}
		.nav__langs ul:after{
			left: auto;
			right: 172px;
		}
		.nav__langs + .nav__langs ul:after{
			right: 65px;
		}



	.widget--bolsa,
	.widget__title .article__title + p{
		margin-top: 0;
	}

	.home .hero .hero__title,
	.home .hero .hero__intro{
		padding-right: 40px;
	}

	.btn{
		padding: 15px 20px;
	}
	.widget__data--catalogo{
		top: 0;
	}

	.bloque--pagination.pagination--noticias {
		text-align: center;
	}
	.bloque--pagination{
		margin-top: -20px;
	}

	.bloque--pagination .btn {
		width: auto;
		min-width: 24px;
		padding: 15px;
		margin-left: 10px;
		padding: 12px 20px;
		font-size: 1.3em;
		min-width: 31px;
	}
		.bloque--pagination .btn.btn--all{
			background-color: transparent;
			color: #66b445;
			font-size: 1.6em;
		}

		.bloque--pagination .btn:first-child {
			margin-left: 0;
			display: block;
		}

		.bloque--pagination .btn:first-child + .btn { margin-left: 0; }

		.bloque--pagination .btn--empty {
			padding: 0;
			min-width: 0;
		}



	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"],
	.form__element__mask,
	select,
	.select2-container--default .select2-selection--single,
	#formAddPresupuesto .form__element input,
	.presupuesto__preview .form__element input {
		width: calc(100% - 1.8em - 2px);
	}




	.page__header .widget--bolsa {
		display: block;
		margin: 0;
		position: absolute;
		top: 40px;
		right: 60px;
	}

		.page__header .widget--bolsa .widget__content {
			box-shadow: none;
			background-color: transparent;
			width: auto;
			height: auto;
			top: 0;
			text-align: right;
			padding: 11px 0;
			margin: 0;
		}

		.page__header .widget--bolsa .widget__data--texto { display: none; }

		.page__header .widget--bolsa .widget__data--titulo {
			font-size: 2.4em;
			line-height: 1.6em;
			color: #ffffff;
			line-height: 1.2em;
			margin-bottom: 0;
		}

			.page__header .widget--bolsa .icon--arrow-down,
			.page__header .widget--bolsa .icon--arrow-up {
				line-height: 0.6;
				width: 24px;
				height: 24px;
				margin-top: -10px;
				text-align: center;
			}

			.page__header widget--bolsa .icon--arrow-up:before { margin-top: 10px; }




/*
	table {
		width: calc(100% + 20px);
	}

		table th,
		table td,
		dl dt,
		dl dd { padding: 20px 10px 10px 10px; }

			table td li span { padding: 0; }


		.tab__wrp { width: calc(100vw - 40px); }

		.article__table tabla .tr__thead{
			display:  none;
		}
		.article__table tabla .table__title{
			position: relative;
			display: block;
			width: 100% !important;
			text-align: left;
		}
			.article__table tabla .table__title.numeric br{
				display: none;
			}
		.article__table tabla .table__title:before{
			content: attr(data-title);
			color: #000;
			display: block;
			text-align: left;
			margin: 10px 0;
			font-weight: bold;
			border-bottom: 1px #eeeeee solid;
			padding-bottom: 5px;
		}
			.article__table tabla .tbody .table__title:first-child:before{
				margin-top: 0;
			}

		.doc__fecha,
		.doc__link,
		.doc__link:first-child {
			float: none;
			width: 100%;
			margin-bottom: 10px;
		}

		.tab__content__column {
			width: 100%;
			margin: 0 0 5px 0;
		}
		.tab__content__column:first-child { margin-left: 0; }
*/


	.article__table {
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		margin-left: -20px;
		margin-right: -20px;
		padding-top: 20px;
		position: relative;
	}

/*
	.article__table:before {
		content: "\2194";
		font-size: 2em;
		position: absolute;
		top: -10px;
		right: 20px;
	}
*/
		.article__table table td li:first-child span{
			padding-left: 10px;
		}
	.table--horizontal-top{
		text-align: right;
		display: block;
	}
		.table--horizontal-top__icon{
			width: 24px;
			height: 24px;
			font-size: 2em;
			display: inline-block;
		}

		.article__table table {
			width: 670px!important;
/* 			margin: 0 20px; */
		}

		.article__table table .tr__thead { display: table-row!important; }

			.article__table table th,
			.article__table table td { padding: 10px 20px; }

			.article__table table .tr__thead li span,
			.article__table span.m_right {
				padding: 0 10px;
				box-sizing: border-box;
			}



/*
			.article__table--horizontal table .table__title,
			.article__table--horizontal tabla .table__title { width: auto!important; }
*/



	.catalogo__title { float: none; }

	.filters__trigger {
		padding-top: 0;
		text-align: left;
	}

	.filters__options { padding: 0 0px 20px 0px; }

		.filters__options form { margin-bottom: 0; }

	.products-list { margin: 0; }

		.product {
			width: 100%;
			margin: 0 0 20px 0;
		}


	.compare__text {
		padding: 10px 10px 10px 0;
	}

	.comparador .product__info__budget .material-icons{
		display: block;
		margin-left: 0;
		margin-bottom: 5px;
	}

	.compare .products-list,
	.comparador .products-list {
		width: calc(100% + 4px);
		margin-left: -2px;
	}
	.compare .products-list {
		position: relative;
		padding-bottom: 87px;
	}
	.comparador .products-list {
/* 		width: 100%; */
/*
		width: calc(133.33333% + 22px);
		padding-right: 12px;
*/
	}

	.comparador .products-list .product:first-child { display: none; }

	.comparador .wrp {
		overflow-x: scroll;
	    overflow-y: hidden;
	    -webkit-overflow-scrolling: touch;
	}

		.compare .product,
		.comparador .product {
			width: calc(33.33333% - 4px);
			margin: 0 2px;
		}

		.comparador .products-list--2 .product { width: calc(50% - 4px); }

			.compare .product__info__title {
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.comparador .product__info__data__block {
				padding: 10px 10px;
				width: calc(100% - 20px);
			}

			.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: block; }

			.comparador .product__info__title { height: 50px; }

	#comparar_action {
		position: absolute;
		bottom: 20px;
		margin: 0 0 0 2px;
		width: calc(100% - 4px);
	}

		#comparar_action .product__image {
			display: none;
		}

	.buscador.content__article{
		padding-top: 20px;
	}

	.content { padding-bottom: 30px; }

	.content__article {
/* 		display: table; */
		display: block;
		padding-top: 0;
	}
	.legal,
	.presupuesto{
		padding-top: 10px;
	}

	.content--medioambiente .widget--co2,
	.content--environment .widget--co2{
		margin-top: 40px;
	}
	.content--product .content__article { display: block; }


		.content__article .article__info,
		.doc__link:first-child { width: 100%; }

		.article__info table { width: calc(100% + 20px); }

		.content .product__image + .article__info,
		.content__article .nav__secondary + .article__info { margin-left: 0; }



		.hero__title,
		.main__head__title p.h1,
		.main__head__title h1,
		.article__title {
			font-size: 3em;
		}

		.article__title { margin-top: 25px; }

		.content__article .nav__secondary,
		.content__article .nav__secondary ul,
		.content__article .nav__secondary.nav__secondary--contacto ul { width: 100%; }

		.article__terms .article__intro { display: none; }

		.article__terms .product__info__compare {
			float: none;
/* 			margin-top: -30px; */
			margin-bottom: 20px;
			display: block;
		}

	.article__text,
	.news-list {
		padding-right: 0;
	}



	.product__image__colors span { height: 20px; }

	dd .product__image__colors span { margin-top: -6px; }



	.content .product__image {
		width: 100%;
		min-height: 250px;
	}

		.content--product .product__image__body { height: 200px!important; }

			.mix-blend-mode .content .product__image__shadow { zoom: 0.4; }






	.presupuesto__preview table tr:first-child { display: none; }

		.presupuesto__preview td { padding-top: 20px; }

		.presupuesto__preview .product__image { width: 120px; }

		.preview__product,
		.preview__data {
			width: 100%;
			float: none;
		}

		.preview__product { margin-bottom: 20px; }

			.preview__data form { margin-bottom: 0; }










	#formAddPresupuesto .form__element,
	.presupuesto__preview .form__element { width: 100%; }


	.btn {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}

	.widget--co2 .widget__content,
	.widget--co2 .widget__content--medioambiente{
		padding: 40px 20px;
		width: auto;
	}
		#w_emisiones .widget__content__title.db:last-child,
		.widget__content--medioambiente .widget__content__title:last-child{
			margin-bottom: 0;
		}
	.widget--bolsa .widget__content{
		padding: 20px 0;
	}

	.btn--catalogo {
		color: #000;
		background-color: #fff;
		margin: 0;
/* 		border: 1px solid #d8d8d8; */
		border-radius: 0px;
/* 		border-bottom: none; */
		border-bottom: 1px solid #cccccc;
	}

	.widget__data.widget__data--catalogo{
		background: none;
		box-shadow: none;
		padding: 0;
	}

		.widget--catalogo .widget__content__title{
			margin-left: 0;
		}

		.widget--catalogo .btn.btn--catalogo{
			margin: 0;
		}

		.widget__btns{
			padding: 0;
		}

		.home .widget--catalogo .article__title{
			margin-bottom: 10px;
		}

		.widget--last-notice{ margin-top: -25px; }



	.btn--catalogo--last {
/* 		border-bottom: 1px solid #d8d8d8; */
		border-bottom: none;
	}

	.btn--catalogo:hover {
		background-color: #215126;
		color: #ffffff;
	}

	#formAddPresupuesto .form__element + .btn { margin-left: 0; }

	#formPresupuesto,
	#formContacto,
	#formEmpleo,
	#formAddPresupuesto {
		width: 100%;
		margin-bottom: 0;
	}
		#formContacto,
		#formPresupuesto{
			margin-bottom: 60px;
		}
		#formAddPresupuesto{
			margin-top: 20px;
		}

	.content--certificaciones img,
	.content--certificates img{
		max-width: 100%;
	}

	.catalogo .filters { margin-top: 20px; }

	.filters__actions {
		float: none;
	}

		.filters__options__block {
			float: none;
			width: 100%;
			margin-left: 0;
		}



		.filters__options__bocas { width: auto; }


	.filters__resume {
		float: none;
		margin-top: 20px;
	}



	.catalogo .nav__secondary__line,
	.content--product .nav__secondary__line{ display: none; }






/* 	footer .legal { padding: 35px 0; } */

	footer .copy .wrp { padding: 10px 20px 20px 20px; }
	footer .copy p{ display: none; }
	footer .copy p,
	footer .legal,
	footer .nav__legal,
	footer .nav__legal li { float: none; }

	footer .nav__legal li {
		margin-left: 0;
		border-bottom: 1px solid #8dc774;
	}
		footer .nav__legal li:last-child{
			border-bottom: none;
		}

		footer .nav__legal li a:before,
		footer .nav__social li a:before { content: none; }

	footer .social {
		height: auto;
		float: none;
	}
		footer .legal{
			text-align: center;
		}
		footer .social {
			margin-top: 24px;
		}

		.social p,
		.social .nav__social { float: none; }

		.social .nav__social {
			margin: 0 -20px -20px -20px;
			background-color: #225126;
		}

		.nav__social ul{
			text-align: center;
		}
		.nav__social li {
			float: none;
/* 			margin-left: 0; */
			display: inline-block;
		}
			.nav__social li:first-child{
				margin-left: 0;
			}


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

	.content--contacto .content__article {
		padding-top: 0px;
	}

	.wrp--contacto {
		float: none;
		width: auto;
	}

    .map-wrp {
		width: 100%;
		height: 355px;
		margin-bottom: 10px;
		padding-top: 10px;
	}

	#mapa {
	    width: 100%;
	    height: 380px;
	}

	.content .contacto__data {
		min-height: 0;
		padding-bottom: 10px;
	}

	/*========================================
		MULTIMEDIA
	========================================*/
        .gallery__container .gallery__img,
        .gallery__container .gallery__videos {
            width: 100%;
            margin-right: 20px;
            margin-bottom: 10px;
            float: none;
            overflow: hidden;
            position: relative;
        }
            .gallery__container .video,
            .gallery__container .imagen {
                height: auto;
            }

                .gallery__container .gallery__img img,
                .gallery__container .gallery__videos img {
                    position: relative;
                    top: inherit;
                    right: inherit;
                    bottom: inherit;
                    left: inherit;
                    margin: 0;
                    width: 100%;
                }


    /*==========================================
        WIDGET
    =============================================*/
	.widget__data { font-size: inherit; }

	/* ==========================================================================
		$PROCESO PRODUCTIVO
    ========================================================================== */

	.texto__titulo {
		font-size: 1.6em;
	}

	.texto__cuerpo {
		display: none;
	}

	.texto__materia {
		display: none;
	}

	.texto__numeros {
		display: none;
	}

	.texto__derecha {
		display: none;
	}


/* ==========================================================================
		$HOME
    ========================================================================== */

	.icon--arrow-down {
	    width: 30px;
	    height: 30px;
	}

	.icon--arrow-up {
	    width: 30px;
	    height: 30px;
	}

	.hero {
		height: calc(100vh - 130px);
	}
	.home .hero{
		height: 380px;
	}

	.hero__text {
		margin-top: 40px;
	}

	.hero__video {
		top: -80px;
		height: 620px;
		margin-left: -552px;
	}

	.home .article__title br {
		display: none;
	}

	.home .article__title {
		text-align: left;
		padding: 0px;
		margin: 35px 0 20px;
	}
		.home .widget__title .article__title{
			margin-bottom: 10px;
		}

	.widget--co2 {
	    height: auto;
	    margin-top: 55px;
	}

	.widget__title {
		float: none;
		width: 100%;
		text-align: left;
		margin-right: 0px;
		margin-top: 18px;
	}

	.widget__content,
	.widget__content--medioambiente {
		width: 100%;
	    top: 0px;
	    height: auto;
	    padding: 50px 0px;
	    display: block;
	    margin-top: 20px;
	}

	.widget__content__title {
		font-size: 1.8em;
		display: block;
		margin-bottom: 15px;
	}

	.widget__data {
	    font-size: inherit;
	}

	.widget__data--co2 p,
	.widget__data--co2--medioambiente p {
	    font-size: 3.0em;
	    top: 0px;
	    line-height: 40px;
	}

	.widget--last-notice .block figure.columna--figura {
		float: none;
		width: 100%;
		margin-left: 20px;
	}

	.widget--last-notice .block figure.columna--figura.isTwo {
		margin-right: 0px;
	}

	.widget--last-notice .block figure.columna--figura.isThree {
		margin-bottom: 0px;
	}

	.widget--last-notice .img-wrp {
	    height: auto;
	}

	.widget--last-notice .block figure.columna--figura img {
	    width: 100%;
	    height: auto;
	    position: relative;
	    top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
	}

	.widget--last-notice .block figure.columna--figura .news__block__entry {
		height: auto;
		padding: 20px;
	}

	.widget--catalogo {
		position: relative;
		height: auto;
		margin-top: 0px;
	}

	.widget__btns--catalogo {
		padding: 0px;
		margin-left: 0px;
	}

	.widget--catalogo--img {
		display: none;
	}

	.widget__data--cotizacion {
		width: 100%;
	    height: 150px;
	    padding: 10px 0px;
		display: block;
		top: 0px;
	}

	.widget__data--texto {
		font-size: 1.6em;
		line-height: 50px;
	}

	.widget__data--titulo {
		font-size: 4.0em;
        line-height: 50px;
	}

	.widget--bolsa .icon--arrow-down,
	.widget--bolsa .icon--arrow-up{
		width: 30px;
		height: 30px;
	}

	.widget--banners .block figure.columna--figura {
		float: none;
		width: 100%;
		margin-left: 20px;
	}

	.widget--banners .block figure.columna--figura.isTwo {
		margin-right: 0px;
	}

	.widget--banners .block figure.columna--figura.isThree {
		margin-bottom: 0px;
	}

	.widget--banners .img-wrp {
	    height: auto;
	}

	.widget--banners .block figure.columna--figura img {
	    width: 100%;
	    height: auto;
	    position: relative;
	    top: 0px;
	    right: 0px;
	    bottom: 0px;
	    left: 0px;
	}

	.widget--banners .block figure.columna--figura .news__block__entry {
		height: auto;
		padding: 20px;
	}


	.catalogo__mercados {
		height: auto;
		padding-top: 10px;
	}


	/* ==========================================================================
	   $CONOCE VIDRALA
	   ========================================================================== */
    .conocevidrala__content {
        margin: 50px -20px;
    }

        .conocevidrala__content .wrp {
            padding: 0;
            width: 100%;
        }


	.showOnDesktop { display: none; }
	.hideOnDesktop { display: inline-block; }
	.showOnTablet { display: none; }
	.hideOnTablet { display: inline-block; }
	.showOnMobile { display: inline-block; }
	.hideOnMobile { display: none; }




	
	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .filters__options__block input[type="text"]{ width: calc(100% - 1.8em - 2px)!important }
	
	
	.filters__options form .layout > .layout__column--one .layout__column > *{ padding: 0px;}
	.filters__options form .layout > .layout__column--one > .layout__column--one-third{
		width: 100%;
		float: none;
		padding: 0px!important;
	}
}

@media only screen and (max-width: 515px) {


}

@media only screen and (max-width: 419px) {
	.filters__options form .layout > .layout__column--one > .layout__column--one-third > .columns > .col{
		float: none;
		width: 100%;
		margin: 0px;
	}	
}

/* WIDE MOBILE LAYOUT
----------------------------------------------- */

@media only screen and (min-width: 320px) and (max-width: 767px) {



}


@media only screen and (max-width: 767px) and (max-height: 500px) {
	.home .hero{
		height: 300px;
	}
}

/* WIDE MOBILE LAYOUT (LANDSCAPE)
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {

	.hero { height: 100vh; }
		.home .hero{
			height: 250px;
		}

	.products-list { margin: 0 -10px; }

		.product {
			width: calc(50% - 20px);
			margin: 0 10px 20px 10px;
		}


	.compare .products-list { padding-bottom: 20px; }
	.comparador .products-list { width: calc(100% + 8px); }

		.compare .product,
		.comparador .product,
		#comparar_action {
			width: calc(25% - 8px);
			margin: 0 4px;
		}

		.comparador .products-list--2 .product { width: calc(33.33333% - 8px); }

		#comparar_action {
			position: relative;
			bottom: auto;
		}

			.compare .product__image {
				min-height: 70px;
				padding: 30px 0;
			}

				.compare .product__image__body {
					bottom: 20px;
				}

			#comparar_action .product__image { display: block; }

				#comparar_action i.material-icons { top: 12px; }

		.comparador .products-list .product:first-child { display: block; }

		.comparador .products-list .product:first-child ~ .product .product__info__data__block__title { display: none; }

}



/* IE10+ CONDITIONALS
----------------------------------------------- */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

/*
	body { font-family: Arial, Helvetica, sans-serif; }

	.block--text p,
	.secton__title,
	.hero__title,
	.destacado { font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; }
*/
}








/* ==========================================================================
   $RETINA@2X
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi), /* ¿320? */
	only screen and (                min-resolution: 2dppx) {

	[class^="sprite--"],
	[class*=" sprite--"] {
		background-image: url('../img/sprite@2x.png');
		background-size: 600px 400px;
	}
	.page__header__logo {
		background-image: url("../img/vidrala-logo@2x.png");
		background-size: 115px 116px;
	}

	.hero .page__header__logo { background-image: url("../img/vidrala-logo-blanco@2x.png"); }


	@media only screen and (max-width: 767px) {

		.main__head__logo .page__header__logo { background-image: url('../img/vidrala-logo-blanco@2x.png'); }

	}


	.widget__data--catalogo {
		background-image: url('../img/bg-mercados@2x.png');
		background-size: 558px 501px;
	}

}





/* ==========================================================================
   $RETINA@3X
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 3),
	only screen and (   min--moz-device-pixel-ratio: 3),
	only screen and (     -o-min-device-pixel-ratio: 3/1),
	only screen and (        min-device-pixel-ratio: 3),
	only screen and (                min-resolution: 480dpi),
	only screen and (                min-resolution: 3dppx) {


}





/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}
}