/******** General styles ************/

html, body {
	color:#333333;
	font:normal normal 14px/1.5em "Copperplate Gothic Light";
	text-align:left;
	padding:0;
	border:0;
	margin:0;
	background:   #ffffff;
}

.white { /***** Background color of center column *****/
  background: #FFFFFF;
}

.leftColumn {
   background-color: #FFFFFF;
}

.rightColumn {
   background-color: #FFFFFF;

}

.testo11 {
	font-family: "Copperplate Gothic Light";
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align:justify;	
}
/***** corpo *****/
#page{
background: #ffffff  url('http://www.gioiabus.com/prova/images/sfondo_page.gif') repeat-y;
width: 990px;
margin: 0 auto 2px auto;
text-align:left;
}
#header {
	float: left;
	width: 990px;
	height:180px;
	text-align: left;
	border-top: solid 0px #CC0000;
}
#tiker {
    margin:0px 0 0 0;
	float: left;
	background:url('http://www.gioiabus.com/images/bg-tiker.png') repeat-x;
	height:34px;
	width: 990px;
	border-bottom: solid 0px #d4d4d4;
	border-top: solid 0px #d4d4d4;
}
#bgtop {
	height: 20px;
	width: 990px;
	background-color: #FFFFFF;
}
#tiker1 {
    margin:0px 0 0 0;
	float: left;
	background:url('images/header.png');
	height:116px;
	width: 990px;
	border-top: solid 0px #d4d4d4;
	border-bottom: solid 0px #d4d4d4;
}
#left_column, #center_column, #right_column {
	float:left;
}
#left_column {
    margin:20px 0 0 0;
	clear:left;
	width:190px;
	padding-right: 15px;
}
#center_column {
	width: 576px;
	background: #FFFFFF;
	margin: 20px 0 30px 0;
}
#right_column {
    margin:20px 0 0 0;
	clear:right;
	width: 190px;
	padding-left: 5px;
}

#bgbottom {
	padding-bottom: 20px;
	background: url('http://www.gioiabus.com/images/img09.gif') no-repeat left bottom;
}
/* Footer */

#footer {
	width: 990px;
	font-size:12px;
	padding-left:10px;
	height: 50px;
	text-align: left;
	margin: 0 auto;
    background:url('http://www.gioiabus.com/images/img04.png');
}
#colonna_sx {
	float: left;
	height:150px;
	width: 50%;
	border-top: solid 2px #CC0000;
}
#colonna_dx {
	float: left;
	background-color: #FFFFFF;
	width: 50%;
	height:150px;
	text-align: left;
	border-top: solid 2px #CC0000;
}
.titolo {
	font-family: "Copperplate Gothic Light";
	font-size: 12px;
	width: 100%;
	margin: 0px;
	padding-top: 2px;
	color: #CC0000;
	border-top: solid 2px #CC0000;
	border-bottom: solid 2px #CC0000;
}
.tit_offerte {
	font-family: "Copperplate Gothic Light";
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.tit_home {
	font-family: "Copperplate Gothic Light";
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	margin: 0px;
	padding: 0px;	
}
.prezzo {
	font-family: "Copperplate Gothic Light";
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	text-align:justify;
	color: #000000;
	padding: 2px 6px 0 6px;
}
#prezzo1 {
    background: transparent url('images/menu1.png') repeat-x;
	font-family: "Copperplate Gothic Light";
	font-size: 18px;
	font-weight: bold;
	text-align:left;
    padding:0px 0 0px 20px;
	height:28px;
	color: #CC0000;
	
}
.testo {
	font-family: "Copperplate Gothic Light";
	font-size: 13px;
	color: #666666;
	margin: 0px;
}
input, textarea, select {
	font-family: "Copperplate Gothic Light";
	font-size: 11px;
	color: #666666;
}
.colore_1 {
	background-color: #F5F8FA;
}

#position {
	position:absolute;
	visibility:visible;
	top:405px;
	
}

#nav-bar {
	font-size:18px;
	font-family:  "Copperplate Gothic Light";
	height: 30px;

	font-weight: normal;
	margin-top: -90px;
	padding: 0px 0 0 35px;
	}
#nav-bar ul {
	text-align:center;
	margin: 0px;
	padding:0;
	list-style: none;
	}

#nav-bar li {
	float:left;
	margin:0;
	padding:0;
	text-align: left;
	}
#nav-bar a {
	display:block;
	line-height:30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 210px;
	margin-bottom: 0px;
	margin-left: 20px;
	background:  url(images/topmenu.png) repeat-x top right;
	cursor: pointer;}
#nav-bar a:link span, #nav-bar a:visited span {background:  url(images/topmenu.png) repeat-x top left;position:absolute;top:500px;text-align:center;margin-top:60px;color: #ffffff;text-decoration: none; width:200px; height:25px;cursor: pointer;}
#nav-bar a.active span,#nav-bar a:hover span {background:  url(images/topmenu1.png) repeat-x top left;position:absolute;top:500px;color: #CC0000;margin-top:60px; width:200px; height:25px;cursor: pointer;}
	 
div.pic{
  float:left;
  padding:30px;
  background:  url(images/imgleft.png) no-repeat top left;}

.box {
  padding:0 0 0px 0px;
  color:#000000;
  border-right: solid 0px #d4d4d4;
  border-bottom: solid 1px #d4d4d4;
  border-left: solid 0px #d4d4d4;
  border-top: solid 1px #d4d4d4;
}
ul.sidemenu { 
list-style : none; 
margin : 0 0 15px 0; 
padding : 0; 

} 
ul.sidemenu li { 
padding : 0 0px; 
} 
ul.sidemenu a { 
display:block;
font-size:11px;
color:#000000;
font-weight : normal; 
width:255px; 
height : 1.5em; 
padding : 0.3em 0 0.3em 15px; 
line-height : 1.5em; 
border-bottom : 0px dotted #000000; 
text-decoration : none; 
} 
ul.sidemenu a.top { 
border-top : 1px dotted #000000; 
} 
ul.sidemenu a:hover { 
padding : 0.3em 0 0.3em 13px; 
border-left : 2px solid #cc0000; 
color : #cc0000; 
font-weight : normal; 
} 
	
/*********** STYLES FOR NEWS TICKER ***************/

marquee {
	background-color: #ffffff;
	padding: 3px;
}

marquee a {
	font-weight: bold;
	color: #000099;
}

marquee a:hover {
	color: #C9001B;
}

/************ Style for box names, Sections, Archive, Newsletter..... *************/
.boxhp1 {
  padding:0;
  background:  url(images/blocco2.png) no-repeat top left;
}

.boxhp {
  padding:0;
  background:  url(images/blocco.png) no-repeat top left;
}
.boxhpright {
  padding:0;
  background:  url(images/blocco1.png) no-repeat top left;
}
.sidemenu { 
list-style : none; 
margin : 0 0 15px 0; 
padding : 0; 

} 
.sidemenu a { 
display:block;
font-size:11px;
font-weight : normal; 
width:180px; 
height : 1.5em; 
padding : 0.3em 0 0.3em 0px; 
line-height : 1.5em; 
border-bottom : 0px dashed #d4d4d4; 
text-decoration : none;
} 
.sidemenu a:hover { 
padding : 0.3em 0 0.3em 0px; 
border-left : 0px solid #CC0000; 
color : #000000; 
font-weight : normal; 
} 
	
.link { color:#CC0000;  font-size: 14px; font-weight:bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: underline}
a.link {  color:#CC0000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: underline}
a.link:active {  color:#CC0000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: underline}
a.link:visited { color:#CC0000;  font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: underline}
a.link:hover {  color:#000000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: underline}
.linka { color:#000000;  font-size: 14px; font-weight:bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linka {  color:#000000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linka:active {  color:#000000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linka:visited { color:#000000;  font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linka:hover {  color:#CC0000; font-size: 14px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
.linkb { color:#000000;  font-size: 12px; font-weight:bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linkb {  color:#000000; font-size: 12px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linkb:active {  color:#000000; font-size: 12px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linkb:visited { color:#000000;  font-size: 12px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
a.linkb:hover {  color:#CC0000; font-size: 12px; font-weight:bold;  FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none}
.linkc { color:#CC0000;  font-size: 10px; font-weight: bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none;}
a.linkc {  color:#CC0000; font-size: 10px; font-weight: bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none;}
a.linkc:active {  color:#CC0000; font-size: 10px; font-weight: bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none;}
a.linkc:visited { color:#CC0000;  font-size: 10px; font-weight: bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none;}
a.linkc:hover {  color:#000000; font-size: 10px; font-weight: bold; FONT-FAMILY: "Copperplate Gothic Light"; text-decoration: none;}
#search {
	float: left;
	display: inline;
	width: 990px;
}
#form_search {
	float: left;
	display: inline; /* bugfix IE6 float */
	width: 239px;
	height: 29px;
	margin: 35px 0 0 750px;
}
#form_search .search_keywords {
	float: left;
	display: inline;  /* bugfix IE6 float */
	width: 178px;
	height: 29px;
	background: url("images/cerca.png") no-repeat;
	color: #000000;
	padding: 7px 0 0 3px;
}
#form_search .search_button {
	float: left;
	display: inline;  /* bugfix IE6 float */
	width: 39px;
	height: 29px;
	background: url("images/cerca1.png") no-repeat;
	cursor: pointer;
}
.clear { clear: both; background: none; font-size:0; line-height:0px; overflow:hidden;}

.blocco {
  padding:0;
  border-bottom: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;}
.blocco1 {
  padding:0;
  border-bottom: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;
  border-left: solid 1px #d4d4d4;} 
h1 { 
    font-family: "Copperplate Gothic Light";
    font-size: 14px;
    font-weight: bold;
    font-variant: normal;
    color: #CC0000;
	padding: 0px;
	margin: 0px;}   
h2 { 
background: transparent url('../images/menu1.png') no-repeat;
    font-family: "Copperplate Gothic Light";
	font-size:12px;
	font-weight: bold;
	color: #000000;
	text-align:left;
	padding:0px 0 0px 25px;
	height:24px;}  
h3 { 
background: transparent url('../images/menu1.png') no-repeat;
    font-family:  "Copperplate Gothic Light";
	font-size:10px;
	font-weight: bold;
	color: #CC0000;
	text-align:left;
	padding:0px 0 0px 22px;
	height:24px;}