@charset "utf-8";

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, video {

	display: block;

}

.espa-banner {
    background: white;
    display: flex;
    justify-content: center;
	padding-top: 1rem;
}


body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #000;

	margin: 0px;

	padding: 0px;

	background-color: #e2e2e7;

}







img, a img {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

p {

	margin: 0px;

	padding: 0px;

}

a {

	text-decoration: none;

	color: #0069b2;

	outline: none;

}

a:hover {

	text-decoration: underline;

}

h1, h2, h3, h4, h5 {

	font-weight: bold;

	margin: 0px;

	padding: 0px;

}

ul {

	margin: 0px;

	padding: 0px;

}

/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/*/

/* For modern browsers */

.cf:before, .cf:after {

	content: "";

	display: table;

}

.cf:after {

	clear: both;

}

/* For IE 6/7 (trigger hasLayout) */

.cf {

	zoom: 1;

}

#header h2, #menu h4 {

	display: none;

}



#top {

	height: 115px;

	width: 100%;

	background-color: #FFF;

}

#header {

	height: 95px;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 10px;

	padding-bottom: 10px;

	position: relative;

}

#logo {

	float: left;

	height: 95px;

	width: 250px;

}

.network-top {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-style: italic;

	font-weight: bold;

	/* color: #cfd0d6; */

	color : gray;
	float: right;

	margin-top: 15px;

	/* [disabled]clear: right; */

}

#languages {

	height: 24px;

	width: 100px;

	text-align: right;

	padding-right: 5px;

	/* [disabled]display: none; */

	float: right;

	clear: right;

	margin-top: 15px;

}

#languages a img {

	margin-left: 7px;

}

#slides-container {

	background-color: #343a3f;

	height: 400px;

	width: 100%;

}

#slides-inside {

	height: 400px;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

}

#index-container {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 30px;

	padding-bottom: 30px;

}









#index-section-container {

	height: auto;

	width: 990px;

}



.index-section {

	float: left;

	height: 160px;

	width: 301.33px;

	margin-left: 20px;

	border: 1px solid #c5c6c8;

	background-image: url(../images/index-cat-back.jpg);

	background-repeat: repeat-x;

	box-shadow: 0px 0px 4px rgba(0,0,0,0.25);

}

.index-section-img {

	float: left;

	height: 160px;

	width: 160px;

}

.index-section-text {

	height: 115px;

	width: 125px;

	float: left;

	font-size: 13px;

	color: #222;

	padding-top: 10px;

	padding-right: 8px;

	padding-bottom: 5px;

	padding-left: 8px;

}

.index-section-text h2  {

	font-size: 16px;

	color: #0069b2;

	margin-bottom: 5px;

}

.index-more {

	font-size: 12px;

	color: #FFF;

	background-image: url(../images/more-back.jpg);

	background-repeat: repeat-x;

	display: inline-block;

	height: 20px;

	padding-right: 4px;

	padding-left: 4px;

	float: left;

	line-height: 20px;

	margin-left: 8px;

	box-shadow: 0px 0px 2px rgba(0,0,0,0.4);

}

.index-more:hover {

	color: #FC0;

	text-decoration: none;

}

#index-slide {

	height: 70px;

	width: 990px;

	margin-top: 35px;

	position: relative;

}

#index-slide h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #6f7072;

	text-align: center;

	font-weight: normal;

	letter-spacing: 1px;

}

#index-border {

	height: 1px;

	width: 950px;

	margin-top: 40px;

	margin-right: auto;

	margin-left: auto;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

#index-news {

	padding: 20px;

	height: auto;

	width: 950px;

	margin-top: 30px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	margin-bottom: 30px;

}



.index-news-content {

	height: auto;

	width: 950px;

}

.news-title {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 20px;

	/* color: #9c9d9f; */
	color: gray;
	display: block;

	margin-bottom: 15px;
	font-size: 25px;
    font-weight: bold;

}



.index-news-image {

	float: left;

	height: auto;

	width: 310px;

}

.index-news-text {

	font-size: 14px;

	color: #000;

	float: right;

	height: auto;

	width: 600px;

	text-align: justify;

	line-height: 19px;

}

.index-news-text h3 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 19px;

	color: #0069b2;

	display: inline-block;

	margin-bottom: 10px;

}

.index-news-text ul {

	list-style-type: disc;

	list-style-position: inside;

	padding-top: 7px;

	padding-bottom: 7px;

}

.news-content {

	padding-bottom: 25px;

	margin-bottom: 25px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCCCCC;

}





.company-section {

	height: auto;

	width: 950px;

	margin-bottom: 35px;

	padding-right: 20px;

	padding-left: 20px;

}



.company-section h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: normal;

	color: #0069b2;

	display: block;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #373b3f;

}



.company-section-text {

	float: left;

	height: auto;

	width: 650px;

}



.company-section-text p {

	font-size: 14px;

	color: #333;

	text-align: justify;

	padding-bottom: 15px;

	line-height: 20px;

}



.company-section-text ul {

	font-size: 14px;

	line-height: 20px;

	color: #333;

	list-style-position: outside;

	list-style-type: disc;

	padding-left: 25px;

	padding-bottom: 15px;

}



.company-section-images  {

	float: right;

	width: 260px;

}



.company-section-images img {

	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);

}



.careers-section {

	height: auto;

	width: 950px;

	margin-bottom: 35px;

	padding-right: 20px;

	padding-left: 20px;

}

.careers-section h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: normal;

	color: #0069b2;

	display: block;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #373b3f;

}

.careers-section-text {

	float: left;

	height: auto;

	width: 650px;

}

.careers-section-text p {

	font-size: 17px;

	color: #333;

	text-align: left;

	padding-bottom: 15px;

	line-height: 26px;

}

.careers-section-images {

	float: right;

	width: 260px;

}

.careers-section-images img {

	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);

}

#news-container {

	height: auto;

	width: 940px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 50px;

	padding-right: 25px;

	padding-bottom: 80px;

	padding-left: 25px;

}

#products-container {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 0px;

	padding-bottom: 30px;

	margin-top: 50px;

}

.products-cat {

	float: left;

	height: 190px;

	width: 222px;

	margin-top: 25px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 20px;

}



.product-cat-image {

	height: 124px;

	width: 222px;

	background-color: #CCC;

}

.product-cat-image img {

	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);

}



.products-cat h2 {

	text-align: center;

	display: block;

	margin-top: 10px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 14px;

	color: #006AB3;

	font-weight: normal;

	line-height: normal;

}









.promil-text {

	font-weight: bold;

	color: #0069b2;

}

#map-canvas {

	height: 400px;

	width: 990px;

	margin-left: auto;

	margin-right: auto;

}

#map-canvas h4 {

	color: #006AB3;

}

.info {

	padding: 5px;

}

.network-content {

	font-size: 14px;

	line-height: 20px;

	color: #333;

	float: left;

	height: auto;

	width: 940px;

	margin-bottom: 30px;

}

.network-content h2{

	font-size: 18px;

	display: block;

	margin-bottom: 15px;

	padding-bottom: 5px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

	color: #000;

	font-weight: normal;

}

.network-content a {

	color: #CC6600;

}

.network-content p {

	/* [disabled]padding-bottom: 15px; */

}

.network-content h3  {

	color: #006AB3;

	font-size: 15px;

}

.network-city {

	float: left;

	width: 940px;

	padding-bottom: 30px;

}

.network-text {

	float: right;

	width: 550px;

}

.network-image {

	float: left;

	height: auto;

	width: 350px;

}





#careers-header {

	background-color: rgba(242,148,0,0.8);

	height: 50px;

	width: 950px;

	/* [disabled]margin-top: -50px; */

	margin-right: auto;

	margin-left: auto;

	z-index: 1000;

	font-size: 22px;

	font-weight: normal;

	color: #FFF;

	position: relative;

	padding-top: 0px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 25px;

	line-height: 50px;

}



#index-careers {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 30px;

	padding-bottom: 30px;

}

#catalogue-container {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 30px;

	padding-bottom: 30px;

}

.catalogue-section {

	height: auto;

	width: 950px;

	margin-bottom: 35px;

	padding-right: 20px;

	padding-left: 20px;

}

.catalogue-section h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 22px;

	font-weight: normal;

	color: #0069b2;

	display: block;

	margin-bottom: 30px;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #373b3f;

}

.catalogue-section-text {

	float: left;

	height: auto;

	width: 500px;

}

.catalogue-section-text p {

	font-size: 17px;

	color: #333;

	text-align: left;

	padding-bottom: 15px;

	line-height: 26px;

}

.catalogue-section-images {

	float: right;

	width: 300px;

}

.catalogue-section-images img {

	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);

}

#catalogue-links {

	width: auto;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #FFCC99;

	font-size: 15px;

	list-style-type: none;

	display: block;

	padding-left: 25px;

	margin-left: 0px;

	font-weight: bold;

	color: #999;

	margin-top: 15px;

}

#catalogue-links li {

	margin-bottom: 7px;

}

















#bottom {

	background-color: #343A3F;

	height: 100px;

	width: 100%;

}

#footer {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 15px;

	font-size: 13px;

	color: #FFF;

}



.orange-lines {

	color: #f29400;

	padding-right: 7px;

	padding-left: 7px;

}

#footer a {

	color: #f29400;

}

#footer-contact {

	float: left;

}



.network {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	color: #cfd0d6;

	float: left;

	padding-right: 5px;

	margin-top: 10px;

	clear: left;

}

.facebook {

	float: right;

	height: 25px;

	width: 25px;

}





#index-under-construction {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 50px;

	padding-bottom: 50px;

	text-align: center;

}

.under-construction {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 23px;

	font-style: italic;

	color: #0069b2;

	text-align: center;

}

#contact-container {

	height: auto;

	width: 990px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

	padding-top: 30px;

	padding-bottom: 30px;

}

#contact-details {

	font-size: 14px;

	color: #000;

	float: left;

	height: auto;

	width: 280px;

	line-height: 20px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-left: 40px;

}

.contact-name {

	display: block;

	font-weight: bold;

	margin-bottom: 4px;

	padding-bottom: 4px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}

#contact-form-container {

	float: right;

	height: auto;

	width: auto;

	padding: 20px;

	margin-top: 0px;

	margin-right: 40px;

	margin-bottom: 20px;

	margin-left: 0px;

	background-color: #ededed;

	border-radius: 15px;

}

#contact-form-container h2 {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-style: italic;

	font-weight: bold;

	color: #9c9d9f;

	display: block;

}

.contact-form {

	margin-top: 15px;

	font-size: 12px;

	color: #333;

}

.contact-form td {

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

}







.textfield  {

	font-size: 13px;

	color: #333;

	width: 250px;

	background-color: #FFF;

	border: 1px solid #999999;

	padding: 2px;

	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);

}

#textarea {

	width: 250px;

	font-size: 13px;

	color: #333;

	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);

	font-family: Arial, Helvetica, sans-serif;

}



.message-send {

	font-size: 13px;

	font-weight: bold;

	color: #F00;

}

.asterisk {

	font-size: 20px;

	color: #c00318;

}

.pdf-link {

	font-size: 14px;

	font-weight: bold;

	color: #343A3F;

}