@charset "utf-8";
/* CSS Document */
body, html {margin:0;padding:0;font: 12px/1.6em Arial, Helvetica, sans-serif;color:#6d6d6d;background-color:#FFF;}

/*reset*/
p, form, img, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
table {margin:0;}
ul {margin:0;padding:0;padding-left:14px;}
li {margin:0;padding:0;}

/*struttura*/
#page {display:block;margin:0 auto;width:976px;}
#header {display:block;width:100%;height:120px;background:url(../img/logo_zeuslab.jpg) no-repeat left top;position:relative;overflow:hidden;}
#headerLeft {float:left;width:280px;height:80px;}
#headerRight {float:right;width:100px;overflow:hidden;height:80px;}
.languageMenu{float:right;margin-top:10px;}
.loginBox{float:left;margin-top:10px;}
.mainMenuContainer{float:right;display:inline;margin-top:13px;}
#banner {display:block;height:auto;}





.bannerContainer{position:relative;padding-top:0px;float:left;width:100%;height:370px;margin-bottom:0px;}
.bannerBox { position:absolute; width:975px;height:370px;float:left; }
.pageContainer{position:relative;padding-top:0px;width:934px;border:1px solid #CCC;padding:20px;}
#content{float:left;width:100%;padding-top:10px;background:url(../img/content_bg.jpg) top no-repeat;margin-top:10px;}
#content_main{width:405px;float:left;}
.boxes {float:left;width:100%;height:240px; background:url(../img/base_box.jpg) no-repeat left top; overflow:hidden;}
#footer{float:left;width:100%;margin-top:2px;height:160px;background:url(../img/riflesso.jpg) no-repeat left top;margin-bottom:20px;padding-top:5px;color:#888;line-height:1.3em;font-size:11px;}
#footerLeft {float:left;width:700px;}
#footerRight {float:right;width:140px;text-align:right;}	
.pageTitle {float:left;text-align:left;width:222px;border-bottom:1px solid #CCC;}
#pageText {float:left;text-align:left;width:692px;margin-top:20px;}
.subMenu {float:left;text-align:left;width:222px;margin-top:10px;}
.leftContainer{float:left;text-align:left;width:222px;margin-right:20px;}
.rightContainer{float:left;text-align:left;width:692px;}
.imageGallery{margin-top:20px;margin-bottom:20px;}
.newsPreview {float:left;text-align:left;width:692px;margin-top:20px;}

.logoHomeLink {float:left;height:80px;width:280px;}
.footerText{float:left;margin-top:2px;}

.clear{clear:both;}	

.login{margin-right:164px;font-size:11px;background:url(../img/lock.gif) no-repeat left top;padding:4px 0px 4px 22px;}

/*Stile testo*/
.title{display:block;text-transform:uppercase;color:#333;font-weight:bold;font-size:16px;margin-bottom:10px;}
h1{font-size:20px;color:#ef3f35;line-height:26px;}
h2 {font-weight:bold;text-align:left;color:#ef3f35;font-size:14px;}
.bannerContainer .title {display:block;text-transform:uppercase;color:#d11f58;font-weight:bold;font-size:16px;margin-bottom:10px;}
.subTitleBlack {color:#423d3d;font-weight:bold;font-size:12px;}
.subTitleRed {color:#ef3f35;font-weight:bold;font-size:12px;}

/*link generici*/
a:link, a:visited {text-decoration:none;color:#ef3f35;}
a:hover{}
a.language:link, a.language:visited {font-size:10px;text-decoration:none;color:#999;}
a.language:hover {font-size:10px;text-decoration:none;color:#ef3f35;}
a.language:active {font-size:10px;text-decoration:none;color:#CCC;}

/*Menu principale*/
ul#mainMenu {float:left;padding:0;margin:0;}
ul#mainMenu li{ list-style:none;margin:0;}
ul#mainMenu li{float:left;position:relative;}
ul#mainMenu a:link, ul#mainMenu a:visited, ul#mainMenu a:hover {text-transform:uppercase;font-size:12px;font-weight:normal;color:#999;float:left;text-align:center;width:122px;
height:35px;padding:4px 0px;margin-left:0px;background: url(../img/tab.gif) left top no-repeat;text-decoration:none;display:inline;}
ul#mainMenu a.active:link, ul#mainMenu a.active:visited, ul#mainMenu a.active:hover {background: url(../img/tab_active.gif) left top no-repeat;}

/*Menu Prodotti*/
ul.productMenu{list-style:none;padding-left:0px;}
ul.productMenu li a:link,ul.productMenu li a:visited {
	text-transform:uppercase;
	text-decoration:none;
	color:#423D3D;
	font-weight:normal;
	padding-left:10px;
	font-size:12px;
}
ul.productMenu li a:hover{color:#ef3f35;}
ul.productMenu li {
	background: url(../img/productMenuBottom.gif) no-repeat left bottom;
	padding-bottom:3px;
	margin-top:3px;
	padding-left:10px;
	font-size:14px;
}
ul.productMenu li {
   padding-bottom:3px;
	margin-top:3px;
	padding-left:0px;
	font-size:12px;
	color:#9b9b9b;
}
ul.productMenu li a.selected {
    padding-bottom:3px;
	margin-top:3px;
	padding-left:10px;
	font-size:12px;
	color: #999999;
}

#box{position:absolute;}
#box div{width:976px;height:370px;float:left;}
#box h3, #box p, #box ul{padding:5px 10px;}
#box p{text-indent:16px;}
#box img{width:200px;width:150px;float:left;margin:0 10px 10px 15px;display:inline;}
.mask{position:relative;width:976px;height:370px;overflow:hidden;}
.maskMini{position:relative;width:210px;height:160px;overflow:hidden;}
#boxNews {position:absolute;width:244px;margin-left:1px;}
.boxbody_listentry{height:160px; width:210px;}
.trueMask{position:absolute;float:left;width:976px;height:370px;z-index:10;background: url(../img/cornice.gif) no-repeat;}
img{border:none;}
#box .boxTesto{float:right;margin-right:20px;width:368px;padding:15px;margin-top:240px;height:126px;overflow:hidden;background:url(../img/box_testo_bg.gif) no-repeat left top;display:inline;font-weight:bold;font-size:14px;color:#888;}
.buttons{
	padding:5px;
	position:absolute;
	top:317px;
	right:861px;
	z-index:20;
}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
.buttons img{float:left;margin-right:0px;}

.boxInEvidenza{float:left;width:244px;height:100%;line-height:1.4em; overflow:hidden;}
.boxInEvidenza h3 {text-transform:uppercase;color:#fff;margin-top:11px;margin-bottom:23px;line-height:1.6em;font-size:15px;}
.boxInEvidenzaContainer{float:left;margin-left:20px;margin-right:20px;display:inline;}
.newsDate {font-weight:normal;font-size:11px;color:#ef3f35;}


.imageLeft{float:left;margin-right:10px;margin-bottom:10px;}
.imageTop{display:block;margin-bottom:10px;}

.imgAlignBottom{vertical-align:text-bottom;margin-bottom:1px;}

/*tabs*/
.tabContainer{float:left;width:100%;margin-top:20px;}
#home { float:left;position:relative; height:141px; width:935px; margin-bottom:0px;background: url('../img/tab_container_bg.gif') no-repeat left top; padding:20px; }
.feature { position:absolute; width:932px;padding-left:1px; overflow:hidden;background:#f9f9f9; }
.feature img { border:none; }
#tabs { margin:0;padding:0;}
#tabs { float:left;width:100%;border-bottom:1px solid #999;}
#tabs li {background-color:transparent;display:inline;float:none;list-style:none; }
#tabs li a:link,#tabs li a:visited  {color:#666; float:left; padding:7px 20px;text-decoration:none;width:auto;background: url('../img/tab_container_tab.gif') no-repeat left top; width:155px;height:16px;margin-bottom:-2px;position:relative; outline:none; text-transform:uppercase;font-weight:bold;}
#tabs li a.active:link,#tabs li a.active:visited  { float:left; color:#444; background: url('../img/tab_container_active.gif') no-repeat left top; width:155px;height:18px;outline:none;margin-bottom:-2px;}


/*Banner*/ /*ricordarsi di cambiare il persorso dei banner*/ 
/*
.box1{background:url(upload/banner/banner1.jpg) left top no-repeat;}
.box2{ background:url(upload/banner/banner2.jpg) left top no-repeat;}
.box3{background:url(upload/banner/banner3.jpg) left top no-repeat;}*/

/*banner navigation*/
#bannerNavigation { margin:0;padding:0;position:absolute;position:absolute;top:320px;left:10px;z-index:20;}
#bannerNavigation { float:left;width:120px;}
#bannerNavigation li {background-color:transparent;display:inline;float:none;list-style:none; }
/*#bannerNavigation li a:link,#bannerNavigation li a:visited  {outline:none;float:left;text-decoration:none;width:auto;background: url('img/tab_01_off.gif') no-repeat left top; width:15px;height:15px;position:relative; }
#bannerNavigation li a.active:link,#bannerNavigation li a.active:visited  { outline:none; float:left;background: url('img/tab_01_on.gif') no-repeat left top; width:15px;height:15px;}*/
a#bannerNav1:link,a#bannerNav1:visited  {outline:none;float:left;text-decoration:none;width:auto;background: url('../img/tab_01_off.gif') no-repeat left top; width:30px;height:30px;position:relative; }
a#bannerNav1.active:link,a#bannerNav1.active:visited  { outline:none; float:left;background: url('../img/tab_01_on.gif') no-repeat left top; width:30px;height:30px;}
a#bannerNav2:link,a#bannerNav2:visited  {outline:none;float:left;text-decoration:none;width:auto;background: url('../img/tab_02_off.gif') no-repeat left top; width:30px;height:30px;position:relative; }
a#bannerNav2.active:link,a#bannerNav2.active:visited  { outline:none; float:left;background: url('../img/tab_02_on.gif') no-repeat left top; width:30px;height:30px;}
a#bannerNav3:link,a#bannerNav3:visited  {outline:none;float:left;text-decoration:none;width:auto;background: url('../img/tab_03_off.gif') no-repeat left top; width:30px;height:30px;position:relative; }
a#bannerNav3.active:link,a#bannerNav3.active:visited  { outline:none; float:left;background: url('../img/tab_03_on.gif') no-repeat left top; width:30px;height:30px;}
a#bannerNav4:link,a#bannerNav4:visited  {outline:none;float:left;text-decoration:none;width:auto;background: url('../img/tab_04_off.gif') no-repeat left top; width:30px;height:30px;position:relative; }
a#bannerNav4.active:link,a#bannerNav4.active:visited  { outline:none; float:left;background: url('../img/tab_04_on.gif') no-repeat left top; width:30px;height:30px;}

/*field form*/
#ctl00_contentCnt_txtName {width:404px; height:16px; font-size:12px; color:#333; margin-top:2px;}
#ctl00_contentCnt_txtAddress {width:260px; height:16px; font-size:12px;	color:#333;	margin-top:2px;}

#ctl00_contentCnt_txtNote {width:404px; height:60px; font-size:12px; color:#333; margin-top:2px;}
#ctl00_contentCnt_txtEmail {width:404px; height:16px; font-size:12px; color:#333; margin-top:2px;} 
.fieldAreaPrivacy {width:404px; height:60px; font-size:11px; color:#333; margin-top:2px;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

.inputText {
	width: 260px;
	height: 16px;
	font-size: 12px;
	color: #168c34;
	margin-top: 2px;
}
.inputArea {
	width: 260px;
	height: 60px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #168c34;
	margin-top: 2px;
}
.inputButton {
	width: 100px;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #168c34;
	border: 1px solid #00006c;
	margin-top: 6px;
	margin-bottom: 6px;
}
