@standardcolor:#3B3B3B;
@hightlightcolor:#007BC0;


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

}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('/fonts/robotocondensed-bold-webfont.eot');
    src: url('/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_condensedlight';
    src: url('/fonts/robotocondensed-light-webfont.eot');
    src: url('/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'roboto_condensedregular';
    src: url('/fonts/robotocondensed-regular-webfont.eot');
    src: url('/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



* {margin: 0;}

html, body {
	height: 100%;
	background: #F2F2F2 url('/images/background.jpg') repeat-x;
	color:@standardcolor;
	font-family: 'roboto_condensedlight', sans-serif;
	font-weight: 300;
	font-size:16px;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -420px; /* the bottom margin is the negative value of the footer's height */
	background: #F2F2F2 url('/images/background.jpg') repeat-x;
	
}

#footer, #push {
	height: 420px; /* .push must be the same height as .footer */
}

#header{
	width:100%;
	height:88px;
	display:block;
}

#footer{
	background-color:#424242;
}

h1{ display:none;}

h2{
	font-size:24px;
	font-weight:400;
	margin-bottom:30px;
}

h2.prod{
	font-size:40px;
	font-family: 'roboto_condensedbold', sans-serif;
	margin:0px 0px 0px 10px;
	padding:0px 0px;
}

.claim{
	font-family: 'roboto_condensedregular', sans-serif;
	font-size:18px;
	padding-bottom:20px;
	margin:0px 0px 0px 10px;
}

h3.plus{
	font-size:24px;
	font-family: 'roboto_condensedregular', sans-serif;
	margin-top:40px;
	font-weight:normal;
}

p{
	margin:0px 0px 10px 0px;
	span{
	font-weight:400;
	}
}

a img{border:0px;}

a{ 
color:@hightlightcolor;
font-weight: 400;
text-decoration:none;
}



/*------- Content Header ---------*/

#box-header{
	width:960px;
	margin:0px auto;
	position:relative;
	height:88px;
	
}

.logo{
	width:250px;
	height:30px;
	display:block;
	position:absolute;
	top:35px;
	left:28px;
	z-index:50;
}

/*------- Content ---------*/

#content{
	/*width:960px;*/
	margin:0px auto;
	padding-bottom:82px;
	&>div{
	width:960px;
	margin:0px auto;
	&.contacts{
	width:100%;
	}
	}
}

.main-box{
	width:960px;
	display:block;
	overflow:hidden;
	&.home{
	background-color:#DBDBDB;
	.col2{
	background-color:#FFFFFF;
	padding:20px 30px;
	width:600px;
	}
	}
}

.col1{
	width:300px;
	float:left;
	&.gray{
	background-color:#EBEAEA;
	padding:20px 10px;
	&>img{
		margin-bottom:10px;
	}
	}
}

.col2{
	width:620px;
	float:left;
	&.txt{
	padding:20px 10px;
	}
	
}

.col3{
	width:480px;
	float:left;
	>div{
	margin:10px 10px;
	position:relative;
	}
}

.box-name-news{
	background-color:#3B3B3B;
	display:block;
	overflow:hidden;
	text-align:center;
	height:54px;
}

.txt-news{
	margin-top:20px;
}

.box-content-news{
 margin: 20px 10px;
}


.icon-title{
	/*background-color:#FF0000;*/
	color:#FFFFFF;
	font-size:20px;
	line-height:20px;
	margin-top:15px;
	.icon{
	padding:0px 0px;
	margin:0px 0px;
	line-height:14px;
	font-size:48px;
	vertical-align: -30%;
	font-weight:normal;
	margin-right:5px;
	}
	&.col{
		color:#BABABA;
		.icon{
		padding: 0px 14px 0px 20px;
		}
	}
}

.box-section{
	margin:0px 0px;
	padding:15px 0px 0px 0px;
	color:#FFFFFF;
	font-size:20px;
	line-height:20px;
	.icon{
	font-family: "entypo";
	padding:0px 0px;
	margin:0px 0px;
	line-height:14px;
	font-size:48px;
	vertical-align: -40%;
	font-weight:normal;
	}

}

.no-col{
	background-color:#FFFFFF;
	padding: 20px 10px;
}

.list{
	margin:0px 0px 10px 25px;
	padding: 0px 0px;
	li{
	margin:0px 0px;
	padding: 0px 0px;
	ul{
		margin:0px 0px 10px 25px;
		padding: 0px 0px;
	}
	}
}

#map{
	width:100%;
	height:600px;
}

/*------- Products -----------------------------------------------------------*/

.breadcrumb{
	margin:0px 0px 20px 0px;
	padding:0px 0px;
	display:block;
	overflow:hidden;
	width:100%;
	li{
	list-style:none;
	float:left;
	margin-left:10px;
	}
}


.head-prod{
	display:block;
	overflow:hidden;
	width:960px;
	/*background-color:#FFFF00;*/
	margin-bottom:20px;
	.left{
	float:left;
	width:640px;
	}
	.right{
	float:right;
	width:320px;
	}
}

.box-ico-prod{
	display:block;
	overflow:hidden;
	&>div{
		width:74px;
		/*background-color:#FF0000;*/
		float:left;
		text-align:center;
		margin-left:5px;
		p{
		color:#BABABA;
		font-size:12px;
		}
	}
}

.split{
	width:600px;
	height:1px;
	display:block;
	overflow: hidden;
	text-indent:-10000px;
	border-bottom: 1px solid #BABABA;
	margin-bottom:20px;
}

.plus-list{
	width:560px;
	font-size:18px;
	margin:20px 0px 0px 0px;
	padding:20px 20px 20px 20px;
	/*background-color:#F9F9F9;*/
	border-top:1px solid #BABABA;
	font-family: 'roboto_condensedbold', sans-serif;
	li{
		list-style:none;
	}
}



/* root element for tabs  */
ul.css-tabs {
    margin:0 !important;
    padding:0;
    height:54px;

}

/* single tab */
ul.css-tabs li {
    float:left;
    padding:0;
    margin:0;
    list-style-type:none;
	width:320px;
	height: 54px;
	backgrond-color:#F2F2F2;
	text-align:center;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	width:320px;
	height:54px;
    float:left;
    font-size:13px;
    display:block;
    padding:0px 0px;
    text-decoration:none;
    background-color:#BABABA;
    color:#777;
    margin-right:2px;
    position:relative;
    top:1px;
    outline:0;
}

ul.css-tabs a:hover {
    background-color:#3B3B3B;
    color:#333;
}

/* selected tab */
ul.css-tabs a.current {
    background-color:#3B3B3B;
    color:#000;
    cursor:default;
}

/* tab pane */
.css-panes > div {
    display:none;
    border-width:0 1px 1px 1px;
    min-height:150px;
    padding:0px 0px;
}


.box-info-prod{
	border:1px solid #BABABA;
	width:298px;
	height:55px;
	display: block;
	margin-bottom:20px;
}


.box-media{
	margin:0px 0px;
	padding:18px 0px 0px 0px;
	color:#BABABA;
	font-size:18px;
	line-height:18px;
	font-weight:300;
	.icon{
	font-family: "entypo";
	font-size:48px;
	line-height:14px;
	vertical-align: -40%;
	font-weight:normal;
	padding:0px 20px 0px 20px;
	}

}

.box-main-title{
	background-color: #3B3B3B;
	display: block;
	overflow: hidden;
	height: 54px;
	.section{
	color:#FFFFFF;
	margin:14px 0px 0px 20px;
	font-size:20px;
	}
}

.box-data{
	display:block;
	overflow:hidden;
	margin-bottom:20px;
	&.grop{
		margin-bottom:5px;
	}
	&>div{
		width:310px;
		float:left;
	}
	p{
	font-size:18px;
	color:@hightlightcolor;
	margin-bottom:0px;
	}
	.value{
		font-size:16px;
		color: @standardcolor;
	}
  .bold{
	font-family: 'roboto_condensedbold', sans-serif;
  }
}

.tb-txt{
	width:100px;
}

.title{
	margin-top:40px;
	font-family: 'roboto_condensedregular', sans-serif;
}

.data-table{
	padding-bottom:20px;
}


/*--------- Footer ----------------------------------------------------------*/

#box-footer{
	width:960px;
	height:420px;
	margin:0px auto;
	display:block;
	overflow:hidden;
}

.adress{
	color:#C2C2C2;
	position:absolute;
	top:40px;
}

.credits{
	color:#929292;
	font-size:16px;
	position:absolute;
	top:360px;
}

.menu-lng{
	color:#FFFFFF;
	margin:0px 0px;
	padding:0px 0px;
	display:block;
	overflow:hidden;
	font-size:18px;
	position:absolute;
	top:0px;
	
	a{
	color:#FFFFFF;
	font-weight:300;
	&.current{
	color:@hightlightcolor;
	}
	}
	li{
	float:left;
	margin-right:5px;
	list-style:none;
	}
}


.box-label{
	color:#FFFFFF;
	font-size:12px;
	display:block;
	overflow:hidden;
	&.single{
		width:460px;
		}
	.description{
		width:80px;
		float:left;
		text-align:left;
        &.captcha{
          width:83px;
        }
	}
	.errors{
		float:right;
		width:140px;
		text-align:right;
		color:#FF0000;
		&.email{
		width:240px;
		}
      ul{
        margin: 0px 0px !important;
        padding: 0px 0px !important;
      }
      li{
        list-style: none;
        margin: 0px 0px !important;
        padding: 0px 0px !important;
      }
	}
}

.box-form{
padding-left:10px;
}

#contactform{
	margin-top:20px;
	.line01{
		width:460px;
		display:block;
		overflow:hidden;
        &.captcha{
          margin-bottom: 20px;
          .col-right{
            background-color: #FFFFFF;
            text-align: center;
          }
        }
		.col-left{
			width:225px;
			float:left;
		}
		.col-right{
			width:225px;
			float:right;
			text-align:right;
		}
	}
}

#contactform input {
	border: 0 none;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 30px;
	margin-bottom: 10px;
	margin-top: 4px;
	padding-left: 10px;
	padding-right: 10px;
	width: 204px;
	&.email{
	width: 440px;
	}
	
}

#contactform textarea {
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3) inset;
    height: 50px;
    margin-bottom: 15px;
    padding: 5px;
    width: 450px;
	resize: none;
}

#contactform .submit {

    background-color: #08A1CD;
    background:  url('/images/bg-send.gif') repeat-x;
    box-shadow: none;
    color: @standardcolor;
    font-size: 14px;
    margin-top: 0px;
    height: 30px;
    width: 220px;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
    border: 0px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;


  /*
  width: 220px;
  color: @standardcolor;
  font-size: 14px;

  border:0px;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:arial;
  font-size:20px;
  padding:10px 31px;
  text-decoration:none;
  text-shadow:0px 1px 0px #007ac0;
  */
}



.required-note{
	color:#929292;
	font-size:13px;
}

.sintattica{
	position:absolute;
	top:350px;
	right:0px;
	font-size:13px;
	color:#848484;
}