/*--------------------- CONTAINERS ---------------------*/
.ups-wrap-full {
	display: block;
	width: 100%;
	}
.ups-wrap-size {
	display: block;
	position: relative;
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	height: inherit;
	}
.ups-full-screen {
	position: relative;
	overflow: hidden; 
	background: #ffffff;
	}
	.ups-home-screen {
		height: 640px;
		}
	.ups-full-bg {
		position: absolute;
		top: 0px; 
		left: 0px; 
		opacity:0;
		filter:alpha(opacity=0);
		}

.ups-bg-white { background: #ffffff; }	
.ups-bg-grey { background:#e8e8e8; }
.ups-bg-darkgrey { background:#4a4f55; }

.ups-bg-contacts { background-image: url('../gallery/ups-bg-contacts.gif'); background-repeat: no-repeat; background-position: center top; }

.ups-padtop-90 { padding-top: 90px; }
.ups-padtop-60 { padding-top: 60px; }
.ups-padbot-80 { padding-bottom: 80px; }
.ups-cont-pad { display: block; padding: 20px; }
	
.ups-col-2-3 { float: left; width: 600px; }
.ups-col-1-3 { float: left; width: 300px; }
	
.right { float: right; }
.left { float: left; }

/*--------------------- GLOBALS ---------------------*/
html {
	-webkit-font-smoothing: antialiased;
	}
body { 
	font-family: 'Ubuntu', sans-serif;
	font-size: 13px;
	font-weight: 700;
	background: #ffffff;
	}
a {
	color: inherit;
	font-size: inherit;
	text-decoration: inherit;
	}
p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
	}
	p a {
		color: #d81e05;
		}
	p a:hover {
		text-decoration: underline;
		}
h1 {
	font-size: 36px;
	letter-spacing: -0.4px;
	margin-bottom: 10px;
	}
h2 {
	font-size: 28px;
	letter-spacing: -0.3px;
	margin-bottom: 10px;
	}
h3 {
	font-size: 22px;
	letter-spacing: -0.2px;
	margin-bottom: 10px;
	}
h4 {
	font-size: 18px;
	letter-spacing: -0.2px;
	margin-bottom: 10px;
	}
h5 {
	font-size: 16px;
	margin-bottom: 10px;
	}
.ups-red {
	color: #d81e05;
	}
.ups-lightlight {
	color: #e8e8e8;
	}
	
	
	
/*--------------------- LANGUAGE ---------------------*/
.ups-lang-top {
	position: absolute;
	right: 0px;
	top: 52px;
	}
	.ups-lang-top li {
		display: inline;
		margin-left: 10px;
		}
		.ups-lang-top li a {
			font-size: 11px;
			}
			.ups-lang-top li.active a {
				color: #e31d1a;
				}
	
	
	
/*--------------------- MENU ---------------------*/
.ups-menu-place {
	height: 122px;
	}
.ups-menu-wrap {
	position: absolute;
	z-index: 100;
	width:100%;
	height: 122px;
	background: #ffffff;
	overflow: visible;
	}
	.ups-menu-wrap .ups-wrap-size {
		overflow: visible;
		}
	.ups-menuwrap-shadow {
		position: absolute;
		bottom: -6px;
		width: 100%;
		height: 6px;
		background: url('images/ups-menu.png') 0px -320px no-repeat;
		}
	.ups-menu-shadow {
		position: absolute;
		left: -4px;
		top: 100px;
		width: 908px;
		height: 58px;
		background: url('images/ups-menu.png') 0px 0px no-repeat;
		}
		
.ups-menu-logo {
	position: absolute;
	left: 0px;
	top: 50px;
	}
.ups-menu-call {	
	position: absolute;
	display: block;
	left: 340px;
	top: 46px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	overflow: visible;
	}	
	.ups-menu-call strong {
		color: #d81e05;
		}
	
.ups-menu {
	position: relative;
	display: block;
	z-index: 3;
	left: 0px;
	top: 102px;
	width: 900px;
	height: 50px;
	overflow: hidden;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
	}
	.ups-menu li {
		float: left;
		display: block;
		width: 150px;
		height: 50px;
		}
		.ups-menu li a {
			display: block;
			width: 150px;
			height: 50px;
			font-size: 14px;
			line-height: 48px;
			color: #ffffff;
			text-transform: uppercase;
			text-align: center;
			background: url('images/ups-menu.png') 0px -80px no-repeat;
			}
		.ups-menu li.active a, .ups-menu li a:hover { background-position: 0px -140px; }
		
		.ups-menu li a span {
			display: block;
			width: 150px;
			height: 50px;
			background: url('images/ups-menu.png') -150px -200px no-repeat;
			}
		.ups-menu li.active a span, .ups-menu li a:hover span { background-position: 0px -200px; }
		
		.ups-menu li.active.first a span, .ups-menu li.first a:hover span { background-position: -300px -260px; }
		.ups-menu li.active.last a span, .ups-menu li.last a:hover span { background-position: -450px -260px; }
		
		.ups-menu li.first a span { background-position: 0px -260px; }
		.ups-menu li.last a span { background-position: -150px -260px; }


	
/*--------------------- INTRO ---------------------*/

.ups-intro-imgwrap {
	position: relative;
	height: 500px;
	overflow: visible;
	background: #e8e8e8;
	}
	.ups-intro-img {
		position: absolute;
		top: 0px;
		width: 100%;
		height: 536px;
		background-position: center top;
		background-repeat: no-repeat;
		}
		
.ups-intro-txt {
	position: absolute;
	top: 80px;
	width: 600px;
	}	
	.ups-intro-txt td {
		vertical-align: middle;
		height: 300px;
		}
	.ups-intro-txt h1 {
		font-size: 44px;
		line-height: 44px;
		margin-bottom: 20px;
		color: #ffffff;
		}
	.ups-intro-txt p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 0;
		color: #ffffff;
		}

/* product menu */
.ups-intro-promenu {
	position: absolute;
	top: 375px;
	width: 900px;
	height: 75px;
	}
	.ups-intro-promenu ul {
		position: relative;
		width: 900px;
		height: 75px;
		overflow: hidden;
		background: url('images/ups-promenu.png') 0px 0px no-repeat;
		-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;	
		}
		
	.ups-intro-promenu-shadow {
		position: absolute;
		left: -4px;
		bottom: -10px;
		width: 908px;
		height: 58px;
		background: url('images/ups-menu.png') 0px 0px no-repeat;
		}
	.ups-intro-promenu li {
		display: block;
		position: relative;
		float: left;
		width: 298px;
		height: 75px;
		overflow: hidden;
		border-right: 1px solid #ffffff;
		border-left: 1px solid #ececec;
		}
		.ups-intro-promenu li.first { border-left: none;  }
		.ups-intro-promenu li.last { border-right: none;  }
	.ups-intro-promenu li a {
		display: table;
		font-size: 14px;
		width: 298px;
		height: 75px;
		}
		.ups-intro-promenu li a span {
			display: table-cell;
			vertical-align: middle;
			height: 75px;
			padding-left: 90px;
			padding-right: 15px;
			}
	.ups-intro-promenu li a:hover { background: #efefef; }


	
/*--------------------- ICONS ---------------------*/

.ups-icon {
	display: block;
	background: url('images/ups-parts.png') no-repeat;
	}
.ups-i-phone { position: absolute; left: -32px; top: 0px; width: 24px; height: 27px; background-position: 0px 0px; }
	
.ups-icon-large {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 75px;
	background: url('images/ups-icons.png') 0px 0px no-repeat;
	}
	.ups-icon-large.ups-i-house { background-position: 0px 0px; }
	.ups-icon-large.ups-i-pipe { background-position: -90px 0px; }
	.ups-icon-large.ups-i-batterie { background-position: -180px 0px; }
	.ups-icon-large.ups-i-house-white { background-position: 0px -75px; }
	.ups-icon-large.ups-i-pipe-white { background-position: -90px -75px; }
	.ups-icon-large.ups-i-batterie-white { background-position: -180px -75px; }
	
	
/*--------------------- ABOUT PART ---------------------*/
.ups-thumb-txt {
	position: relative;
	overflow: visible;
	margin: 0 40px;
	padding-left: 65px;
	border-left: 2px solid #d4d6d9;
	margin-bottom: 75px;
	}
	.ups-thumb-img {
		position: absolute;
		top: -23px;
		left: -46px;
		}
	.ups-thumb-dot {
		position: absolute;
		width: 8px;
		height: 8px;
		bottom: 0px;
		left: -5px;
		background: url('images/ups-parts.png') -37px -2px no-repeat;
		}
	
	
/*--------------------- NEWS ---------------------*/
p.ups-date {
	color: #d4d6d9;
	margin-bottom: 5px;
	}

/* wrapper */
.ups-say-wrap {
	margin-bottom: 75px;
	}
	.ups-say {
		margin-bottom: 10px;
		}

/* description */
.ups-say-wrap .ups-say li {
	display: none;
	width: 300px;
	}

/* pager */
.ups-say-pager {
	display: block;
	width: 300px;
	text-align: left;
	}
.ups-say-pager li {
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: visible;
	margin-right: 6px;
	}
	.ups-say-pager li a {
		display: block;
		width: 8px;
		height: 8px;
		background: url('images/ups-parts.png') -37px -2px no-repeat;
		text-indent: -99999px;
		}
	.ups-say-pager li a:hover {
		background-position: -37px -10px;
		}
	.ups-say-pager li.active a, .ups-say-pager li.active a:hover {
		background-position: -37px -18px;
		}
	
	
	
/*--------------------- RULE ---------------------*/
.ups-rule-products {
	font-size: 50px;
	letter-spacing: -1px;
	line-height: 45px;
	height: 25px;
	margin-bottom: 55px;
	overflow: visible;
	text-align: center;
	border-bottom: 1px solid #d4d6d9;
	}
	.ups-rule-products span {
		padding: 0 20px;
		background: #e8e8e8;
		}
		
.ups-rule-services {
	font-size: 35px;
	letter-spacing: -1px;
	line-height: 30px;
	height: 20px;
	margin-bottom: 55px;
	overflow: visible;
	text-align: center;
	border-bottom: 1px solid #d4d6d9;
	}
	.ups-rule-services span {
		padding: 0 20px;
		background: #e8e8e8;
		}

	
	

/*--------------------- PRODUCTS ---------------------*/


/* product categories */
.ups-prod-cat {
	position: relative;
	z-index: 10;
	width: 900px;
	height: 80px;
	}
	.ups-prod-cat ul {
		position: relative;
		width: 900px;
		height: 80px;
		overflow: visible;
		}
		
	.ups-prod-cat li {
		display: block;
		position: relative;
		float: left;
		width: 286px;
		height: 80px;
		margin-right: 21px;
		overflow: visible;
		background: url('images/ups-prod-cat.png') 0px 0px;
		-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;	
		}
		.ups-prod-cat li.last { margin-right: 0px; }
		.ups-prod-cat li.active { background: url('images/ups-prod-cat.png') 0px -160px; }
		.ups-prod-cat li:hover { background: url('images/ups-prod-cat.png') 0px -80px; }
		.ups-prod-cat li.active:hover { background: url('images/ups-prod-cat.png') 0px -160px; }
		
	.ups-prod-cat li a {
		display: table;
		font-size: 14px;
		color: #ffffff;
		width: 286px;
		height: 80px;
		}
		.ups-prod-cat li a span {
			display: table-cell;
			vertical-align: middle;
			height: 75px;
			padding-left: 90px;
			padding-right: 15px;
			}
	
	.ups-prod-cat li .ups-prod-cat-connect { display: none; }
	.ups-prod-cat li.active .ups-prod-cat-connect {
		position: absolute;
		display: block;
		bottom: -36px;
		left: 136px;
		width: 14px;
		height: 36px;
		background: url('images/ups-parts.png') 0px -35px no-repeat;
		}


/* product short desc */
.ups-prod-cat-desc {
	padding-top: 5px;
	}
	.ups-prod-cat-desc ul {
		}
		.ups-prod-cat-desc li {
			display: block;
			position: relative;
			float: left;
			width: 286px;
			margin-right: 21px;
			background: #ffffff;
			-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;	
			}
		.ups-prod-cat-desc li.last {
			margin-right: 0px;
			}
			
	.ups-prod-short-txt  {
		position: relative;
		padding: 20px;
		font-size: 12px;
		line-height: 18px;
		}
		.ups-prod-short-txt a  {
			color: #d81e05;
			}
		.ups-prod-short-txt a:hover  {
			text-decoration: underline;
			}
		.ups-more-arrow {
			position: absolute;
			width: 11px;
			height: 6px;
			top: 27px; 
			right: 20px;
			background: url('images/ups-parts.png') -60px -10px no-repeat;
			}


/* product desc carousel */
.ups-product-slider {
	position: relative;
	padding: 20px 20px 0 20px;
	overflow: visible;
	margin-top: 30px;
	background: #dbdcde;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;	
	}
	.ups-product-slider .viewport { width: 860px; height: 250px; overflow: hidden; position: relative; }
	
	.ups-product-slider .overview { list-style: none; position: absolute; padding: 0; margin: 0; overflow: visible; }
	.ups-product-slider .overview.active { border-bottom: 1px solid #c8cbce; }
	.ups-product-slider .overview li { float: left; position: relative; overflow: visible; padding: 0; width: 200px; margin: 0 20px 20px 0; text-align: center; }
	.ups-product-slider .act-prod-headline { display: block; position: relative; width: 200px; text-decoration: none; margin-bottom: 5px; }
	.ups-product-slider .act-prod-headline:hover b { text-decoration: underline; }
	.ups-product-slider .act-prod-headline span b { display: block; text-transform: uppercase; color: #d81e05; }
	.ups-product-slider .act-prod-headline span { font-size: 14px; }
	.ups-product-slider .act-prod-pdf { display: block; position: relative; width: 200px; text-decoration: none; margin-bottom: 5px; }
	.ups-product-slider .act-prod-pdf:hover span { text-decoration: underline; }
	.ups-product-slider .act-prod-pdf span { font-size: 11px; }
	.ups-product-slider .act-prod-pdf span b { text-transform: uppercase; color: #d81e05; }
	.ups-product-slider .act-prod-www { font-size: 11px; line-height: 12px; }
	.ups-product-slider .act-prod-www:hover { text-decoration: underline; }
	
	.ups-product-slider .button-default-prev { position: absolute; display: block; top: 150px; left: -15px; width: 31px; height: 31px; background: url('images/ups-parts.png') -25px -35px no-repeat; }
	.ups-product-slider .button-default-next  { position: absolute; display: block; top: 150px; right: -15px; width: 31px; height: 31px; background: url('images/ups-parts.png') -56px -35px no-repeat; }
	.ups-product-slider .buttons { position: absolute; display: block; width: 31px; height: 31px; background: url('images/ups-parts.png') no-repeat; text-indent: -99999px; }
	.ups-product-slider .prev { background-position: -25px -66px;  }
	.ups-product-slider .next { background-position: -56px -66px;  }
	.ups-product-slider .disable { visibility: hidden; }
	
	.ups-prod-watter-arrow { display: none; position: absolute; left: 90px; bottom: -31px; width: 19px; height: 19px; background: url('images/ups-parts.png') 0px -100px no-repeat; }
	li.active .ups-prod-watter-arrow { display: block; }

.ups-cont-watter { 
	display: none;
	padding-top: 20px;
	}
	
	

/*--------------------- CONTACTS ---------------------*/
.ups-contacts-txt h3,
.ups-contacts-txt p {
	color: #ffffff;
	}
	.ups-contacts-txt h3 {
		font-size: 14px;
		padding-top: 20px;
		}
	.ups-contacts-txt p {
		font-size: 12px;
		}
	.ups-contacts-txt p a {
		color: #abbccf;
		}
	
	

/*--------------------- FORM ---------------------*/
.ups-form {
	}
	.ups-form-first {
		clear: left;
		}
	.ups-form-col2 {
		float: left;
		width: 555px;
		margin-bottom: 15px;
		}
	.ups-form-col1 {
		float: left;
		width: 270px;
		margin-bottom: 15px;
		}
	.ups-form-col2.ups-form-col-addmrg,	
	.ups-form-col1.ups-form-col-addmrg {
		margin-right: 15px;
		}
		
	.ups-form input,
	.ups-form textarea,
	.ups-form select {
		display: block;
		width: 100%;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; 
		padding: 10px 15px;
		font-size: 14px;
		color: #ffffff;
		background: #40454b;
		border: none;
		}
		.ups-form option {
			color: #ffffff;
			}
		.ups-form textarea {
			height: 180px;
			overflow: hidden;
			}
	.ups-form-submit {
		display: block;
		width: 192px;
		height: 57px;
		background: url('images/ups-parts.png') 0px -120px no-repeat;
		cursor: pointer;
		}
		.ups-form-submit:hover { background-position: 0px -177px; }
		.ups-form-submit input {
			font-size: 14px;
			text-transform: uppercase;
			text-align: center;
			padding: 20px 0;
			background: none;
			border: none;
			cursor: pointer;
			}
			
	.ups-email-success {
		background: #4a4f55;
		color: #ffffff;
		text-align: center;
		padding: 30px;
		}
	
	

/*--------------------- CLEARFIX ---------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
} 
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/*--------------------- CLEAR ---------------------*/
.clear { 
	clear: both; 
	height: 0;
	line-height: 0;
	}