html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #FFF url(../images/bg-body.jpg) no-repeat fixed top left;

}

html>body #wrap,
html>body #idris-img,
html>body #idris-ground,
html>body #idris-woman {
	height: 100%;
	width: 100%;
}

#idris-img{
	background: transparent url(../images/idris_01.jpg) no-repeat fixed right 0;
	position:absolute;
	top:0;
}

#idris-woman{
	background: transparent url(../images/bg-woman.jpg) no-repeat fixed 0 0 ;
	position:absolute;
	top:0;
}

body.lang-en #idris-woman{
	background-image: url(../images/bg-woman_en.jpg);
}

body.lang-es #idris-woman{
	background-image: url(../images/bg-woman_es.jpg);
}

body.lang-fr #idris-woman{
	background-image: url(../images/bg-woman_fr.jpg);
}


#wrap {
	bottom:0;
	left:0;
	overflow:hidden;
	position:fixed;
	right:0;
	top:0;
	z-index:1;
}
#content-wrap{
z-index:20;
position:absolute;
}
.container {
	margin: 0 0 0 200px;
	padding-bottom: 70px;
}

html>body #left-colum {
	position: fixed;
	left: 0;
	top: 20px;
	width: 180px;
	z-index: 21;
}
#left-colum ul {
	list-style-type: none;
	margin:0;
}
#left-colum ul li{
	margin-bottom: 15px;
}
#left-colum ul a{
	color: #FFF;
	font-size: 1.2em;
	text-decoration: none;
	text-align: right;
	font-weight: 700;
	display: block;
	padding: 3px 10px 3px 3px;
	background: #FF5A00 url(../images/bg-menulist.png) repeat-x scroll left top;
	width: 125px;
}

html>body #footer {
	background: transparent url(../images/bg-footer.png) repeat-x scroll center 0;
	bottom: 0;
	display: block;
	height: 25px;
	left: 0;
	padding: 15px 10px 0 10px;
	position: fixed;
	right: 0;
	z-index: 5000;
	color: #fff;
	font-size: 80%;
}
#ribbon {
	left:5px;
	bottom: -35px;
	margin:0;
	padding:0;
	position:absolute;
	z-index: 5;
}
#links a, #language a {
	text-decoration: none;
	color: #FFF;
	padding: 4px;
}

#footer p {
	float: left;
	margin-left: 200px;
}

ul#links {
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#language {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 53%;
	background: transparent url(../images/bg-language.png) repeat-x scroll center 0;
	width: 225px;
	line-height: 16px;
}

#footer ul li {
	float: left;
	padding: 0 3px 0 7px;
}

a#claber-link {
	background: transparent url(../images/logo-claber.png) no-repeat scroll 0 0;
	display: block;
	height: 18px;
	width: 78px;
	text-indent: -3000em;
	float: left;
	margin-right: 10px;
}

.article {
	margin-bottom: 800px;
	padding-top: 30px;
	font-size: 110%;
}
#rivenditori.article{
	margin-bottom: 350px;
}
#youtube-adv {
	height: 390px;
}

#badges ul {
	list-style-type: none;
}

h1#logo {
	height: 103px;
	text-indent: -3000em;
	width: 160px;
	margin-bottom: 70px;
	margin-left:20px;
}

h1#logo a {
	background: transparent url(../images/logo-idris.png) no-repeat scroll 0 0;
	display: block;
	height: 103px;
	width: 160px;
}

.article h2{
	color:#FF5A00;
	font-size: 2.8em;
	font-weight: 700;
	line-height: 1;
}
.box-top {
	background-image: url(../images/bg-box-top.png);
	background-repeat: no-repeat;
	height: 15px;
}

.box-middle {
	background-image: url(../images/bg-box.png);
	background-repeat: repeat-y;
	padding: 10px 25px;
}

.box-bottom {
	background-image: url(../images/bg-box-bottom.png);
	background-repeat: no-repeat;
	height: 18px;
}

.col-sx {
	/*width: 290px;*/
	width: 377px;
	float: left;
}

.col-dx {
	width: 290px;
	float: right;
}
#catalogo .col-sx {
	width: 250px;
}

#catalogo .col-dx {
	padding-top:50px;
	width:340px;
}

#home .col-sx {
/*padding-left: 185px;*/
padding-left: 120px;
	height: 600px;
	padding-top:15px;
}
#idriskit .col-sx {
	width: 250px;
}

#idriskit .col-dx {
	width:340px;
}

#home {
	position:relative;
	width: 770px;
}
p+p{
	margin-top:0em;
	text-indent:0;
}
#supporto img,
#catalogo img{
	float:left;
}
h3{font-size:1.8em;}
#catalogo h3 span{color: #AAA;}

#supporto h3{
	padding-top:100px;
	margin-left:290px;
}
#home h3{
	margin-left:100px;
	text-align: right;
}
#home img{
	margin: 40px 0 40px 270px;
}
.big-number{
	color:#FF5A00;
	display:block;
	float:left;
	font-size:3em;
	font-weight:700;
	line-height:1em;
	margin-right:.5em;
	position:relative;
}

.prodotti th {
background-color:#FF5A00;
color:#FFFFFF;
font-style:normal;
text-align:center;
font-size:80%;
}
.prodotti td {
text-align:center;
font-size:80%;
}

#comefunziona .col-sx{position:relative;width:200px;}
#comefunziona .col-dx{width:380px;}

#idris-check-1{cursor:pointer;position: absolute; top:305px; left:70px;}
#idris-check-2{cursor:pointer;position: absolute; top:340px; left:115px;}
#idris-check-3{cursor:pointer;position: absolute; top:400px; left:20px;}
#idris-check-4{cursor:pointer;position: absolute; top:440px; left:70px;}
#idris-check-5{cursor:pointer;position: absolute; top:515px; left:73px;}

#idriskit .col-sx{position:relative;}

#idriskit .col-dx{
	background-image: url(../images/idris-kit_amb.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#idriskit-check-1{
	cursor:pointer;
	position: absolute;
	top:91px;
	left:120px;
}
#idriskit-check-2{
	cursor:pointer;
	position: absolute;
	top:196px;
	left:153px;
}
#idriskit-check-3{
	cursor:pointer;
	position: absolute;
	top:367px;
	left:106px;
}
#idriskit-check-4{
	cursor:pointer;
	position: absolute;
	top:481px;
	left:50px;
}
#idriskit-check-5{
	cursor:pointer;
	position: absolute;
	top:259px;
	left:60px;
}

.tooltip{
    display:none; 
    background:transparent url(../images/tip-big.png); 
    font-size:12px; 
    height:141px; 
    width:295px; 
    padding:25px 25px 25px 50px;  
    z-index: 150;
}

.tooltip img{float:left; margin-right:10px;border: 1px solid #DDD;}

h4.img-container {
	color: #FF5A00;
}

h4.img-container img{
	float:left;
}

#home h2{
	font-size: 3em;
	text-align: right;
}

#nav{
	padding-left: 180px;
	text-indent:0;
}
#nav a{
	color: #FF5A00;
	display:block;
	float:left;
	width:26px;
	height:26px;
	line-height:26px;
	background: url('../images/slideshow-pager.png') no-repeat scroll 0px 0px;
	text-decoration: none;
	text-align: center;
	font-weight: 700;
	margin-left: 10px;
}
#nav a.activeSlide{
	color: #FFF;
	background-position: 0px -26px;
}

#caption{
	text-align:center;
	margin: 0 0 15px;
	font-size: 14px;
	font-weight: bold;
}
#videocontainer, #videocontainerEN, #videocontainerES, #videocontainerFR {width:600px;height:371px;margin:0;}

#youtube-link { 
    background:transparent url(../images/button-video.png) no-repeat scroll 0 0; 
    display:block; 
    height:33px; 
	margin:350px 0 0 450px;
    overflow:hidden; 
	text-align: center;
    width:180px; 
    cursor:pointer;
color: #FFF;
text-decoration: none;
font-size: 1.2em;
line-height: 33px;
z-index: 50;
position:relative;
} 
 
/* mouseover state */ 
#youtube-link:hover { 
    background-position:0 -33px ;         
}
#slideshow-wrapper{border:1px solid #DDD;padding:9px;margin-bottom: 15px;}
#pauseButton{cursor:pointer;float:left;line-height:26px;padding-left:30px;background: transparent url(../images/slideshow-player.png) no-repeat scroll 0 0;}
#pauseButton.pause{background-position: 0 -26px;}
#pauseButton.play{background-position: 0 0px;}

#comefunziona td , #comefunziona th {border-bottom: 1px solid #ddd;}

#comefunziona .bott{text-align: center;width:43px;}

#comefunziona th.bott{vertical-align: bottom;}

.green {
	font-size: 125%;
	color: #38a962;
	font-weight: 700;
}

/*
FORM CONTATTO
*/
form#formular textarea,form#formular input[type='text']
{
	padding:.1em .2em;
}

form#formular label {
	display:block;
	margin-top:0;
	font-weight: normal;
}
form#formular label em, p.required em{
	color: #FF5A00;
	font-weight:700;
}

form#formular label span {
	display:block;
	float:left;
	width:130px;
}
form#formular label.wide span {
	width: 127px;
}

form#formular label.wide cite {
	font-style:normal;
	display:block;
	float: left;
}

form#formular label.wide {
	margin-top: 25px;
}

form#formular input[type="text"] {
	width:280px;
}
form#formular textarea {
	height:150px;
	width:280px;
}

form#formular input[type="submit"] {
	margin-left: 370px;
	margin-top: 20px;
}

form#formular label.error {
	display: inline-block;
	padding: 2px;
	margin: 0 0 0 10px;
}

form#formular .sendBtn {
		width:75px;
		height:24px;
		text-align:center;
		background:url(../images/submit-btn-bg.gif) repeat-x 0 0;
		color:#5f5f5f;
		border:1px solid #aaa;
		float:right;
		display:block;
		cursor:pointer;
		font-weight:bold;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
	}
	form#formular .sendBtn:hover { background:url(../images/submit-btn-bg-hover.gif) repeat-x 0 0; color:#ffffff; border:1px solid #5f5f5f; }
	
.warning { color: red; }