@charset "UTF-8";
/* CSS Document */

body{
background-color:#570023;
background-image:url(../images/background_tile.jpg);/*Added Image*/
background-repeat:repeat-y;margin:0;
padding:0;
}

img, img a { 
border: 0px;
}

.imgnews  { 
float: left;
}

.ico, .ico a, .ico a:hover { 
vertical-align: middle;
text-decoration: none;
padding: 1px;
}

hr {
border: 0;
width: 100%;
color: #999;
background-color: #999;
height: 1px;
}

sup {
font-size: x-small;
line-height: 0.9;
}

#maincontainer {
width: 905px; /*Width of main container*/
padding-top: 20px;
margin: 0 auto; /*Center container on page*/
font-family: Arial, Verdana, sans-serif;
}

#header_home{
height: 108px;
width: 895px;
margin: 0px;
}

#header{
height: 108px;
width: 895px;
margin: 0px;
}

#contentwrapper{
margin: 0px;
padding: 0px;
float: left;
width: 905px;
background-image:url(../images/bg_wrapper.png);
}


#blackwrapper{
margin: 0px;
padding: 0px;
float: left;
width: 905px;
background-image:url(../images/bg_blackwrapper.gif);
}

#contentcolumn{
margin-right: 10px; /*Set right margin to RightColumnWidth*/
width: 895px;
height: 500px;
}

#contentcolumn_colori{
margin-right: 10px; /*Set right margin to RightColumnWidth*/
width: 895px;
height: 419px;
}

#contentimgallery{
margin-right: 10px; /*Set right margin to RightColumnWidth*/
height: 350px;
width: 895px;
line-height: 0px;
}

#contenuti {
margin-right: 10px; /*Set right margin to RightColumnWidth*/
width: 895px;
}

.text {
padding: 20px;
width: 472px;
color: #999999;
font-size: 0.85em;
float:left;
line-height: 1.2em;
font-weight: normal;
font-style: normal;
}

.textlonger {
	padding: 20px;
	width: 855px;
	color: #999999;
	font-size: 0.85em;
	line-height: 1.2em;
	float:left;
	font-weight: normal;
	font-style: normal;
	background: #EAEAEA;
}

.textshort {
padding: 20px;
width: 323px;
color: #999999;
font-size: 0.85em;
float:left;
line-height: 1.2em;
font-weight: normal;
font-style: normal;
}

.text a, .textlonger a, .textshort a { 
color: #999999; 
padding: 0px;
font-weight: normal;
font-style: normal;
}	

.borderdx_img, .borderdx_img a, .borderdx_img a:hover, .borderdx_img a:active  {
float:left;
margin: 0px 1px 0 0;
border: 0px;
}

.noborder_img, .noborder_img a, .noborder_img a:hover, .noborder_img a:active {
float:left;
margin-top: 0px;
margin-bottom:0px;
margin-left: 0px;
margin-right:0px;
border: 0px;
}

h1 {
font-size: 1.8em;
color: #000000;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
}

sup.h1 {
font-size: small;
line-height: 1.3;
}

h2 {
font-size: 0.95em;
color: #000000;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: normal;
font-style: normal;
}

.white {
	color:  #F2F2F2;
}

.white_1 {
	color:  #6F0037;
}

.banner {
width: 172px;
float:left;
background-image: url(../images/bg_banner.gif);
margin-top: 20px;
margin-right: 9px;
margin-bottom: 9px;
margin-left: 10px;
}

.bannerbig {
width: 363px;
float:left;
background-image: url(../images/bg_bannerbig.gif);
margin-top: 20px;
margin-right: 9px;
margin-bottom: 9px;
margin-left: 10px;
}

.testo_banner {
padding: 10px;
font-size: 0.8em;
color: #999999;
line-height: 1.1em;
}

.testo_banner a {
color: #999999;
}

.titolo_banner {
text-transform: uppercase;
color: #6F0037;
margin-bottom: 5px;
border-bottom: 1px solid #DDDDDD;
text-decoration: none;
font-size: 0.95em;
}

.titolo_banner a {
color: #000000;
text-decoration: none;
}

.bottombanner {
height:12px;
margin: 0px;
}

.bannernews {
width: 875px;
height: 211px;
margin-top: 10px;
margin-right: 9px;
margin-bottom: 9px;
margin-left: 10px;
background: url(../images/news_bg.gif) no-repeat;
}

.testonews {
padding: 5px;
font-size: 0.85em;
color: #999999;
line-height: 1.2em;
}

.testonews a {
color: #6F0037;
}

.data {
font-size: 0.7em;
color: #999999;
padding-top: 20px;
}

#footer{
clear: left;
width: 100%;
height: 39px;
color: #999999;
font-size:10px; 
line-height: 30px;
text-align: center;
padding: 0px;
margin: 0px;
text-transform:capitalize;
text-decoration: none;
background-image:url(../images/bg_bottom_menu.png);
}

#footer a { color: #999999; text-decoration: none;}
#footer a:hover { color: #FFFFFF; }


/* My Comment */

#copy {
width: 100%;
color: #000000;
font-size:12px; 
vertical-align: middle;
text-align: center;
margin-bottom: 10px;
}

.logo, logo a { margin: 0px; padding:0px; float:left; height: 108px; }

#menu {
	position: relative;
	height: 88px;
	width:895px;
	overflow: hidden;
	background: url(../images/bg_menu.png);
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_menu.png);
}
#menu ul,#menu li { margin: 0px; padding: 0px; list-style: none; }
#menu a {
	position: absolute;
	top: 25px;
	width: 417px;
	height: 68px;
	background-image: url(../images/menu_okite.png);
	text-indent: -9999px;
	left: 3px;
}

#applications a { left: 192px; background-position: -192px 0; }
#specifications a {
	left: 322px;
	background-position: -384px 0;
}
#samples a {
	left: 623px;
	background-position: -576px 0;
}
 
#colors a.active { background-position: 0 -30px; }
#applications a.active { background-position: -192px -68px; }
#specifications a.active { background-position: -384px -68px; }
#samples a.active { background-position: -576px -68px; }

/*parte per JQuery*/

#menu span { display: none; position: absolute; top: 0px; left: 0; width: 192px; height: 68px; background-image: url(../images/menu_okite.png); cursor: pointer; }
#colors span { background-position: 0 -68px; }
#applications span { background-position: -192px -68px; }
#specifications span { background-position: -384px -68px; }
#samples span { background-position: -576px -68px; }


.bottone {
width: 163px;
height: 19px;
display: inline-block;
}

.bottone a {
width: 154px;
height: 13px;
line-height: 13px;
color: #FFFFFF;
text-decoration: none;
font-size: 0.95em;
display: inline-block;
background: url(../images/bott_off.gif);
padding: 3px 3px 3px 6px;
}

.bottone a:hover {
background: url(../images/bott_on.gif);
display: inline-block;
}

.dealer {
width: 108px;
margin: 0 20px 0 0;
float: left;
}

.formsmall ...{
width: 231px;
background-color: #FFFFFF;
border: 1px solid #666666;
padding: 0px;
margin: 0px;
}

.formbig ...{
width: 482px;
background-color: #FFFFFF;
border: 1px solid #666666;
padding: 0px;
margin: 0px;
}

.testoform {
font-size: 0.75em;
color: #999999;
line-height: 1.5em;
}

.msgform {
font-size: 0.1em;
color: #FFFFFF;
text-align: center;
vertical-align: middle;
}