@import "still.css";
body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 10px;
	color:#333333;
	cursor: crosshair;
	background:url(../images/bg_body.png) repeat-x top;
}
a:link, a:visited, a:active {
	text-decoration: none;/* cursor: crosshair; */
}
html, body, div, span, object, h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre, a, address, code, em, img, strike, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td {
	border: 0;
	outline: 0;
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.contenitore {
	width:950px;
	margin:0 auto;
	font-size: 11px;
}
.header {
	height:122px;
}
.head_sx {
	float:left;
	height:110px;
	width:100px;
}
.head_cnt {
	float:left;
	height:95px;
	width:300px;
	padding-top:25px;
	background:url(../images/bg_logo.png) no-repeat top;
	text-align:center;
}
.head_dx {
	float:left;
	height:110px;
	width:545px;
}
.menu_top {
	float:right;
	padding-top:3px;
	color: #196bb0;
	font-size:9px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
.head_dx ul {
	text-decoration: none;
	list-style:none;
	padding: 0;
	margin: 0;
}
.head_dx li {
	float:left;
	width:60px;
	height:16px;
	text-align:center;
}
.head_dx li a {
	text-decoration:none;
	color: #666666;
}
.head_dx li a:hover {
	color: #196bb0;
	font-weight:bold;
}
.pay_off h6 {
	margin:0px;
	padding:0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	padding-top:60px;
	color: #ffffff;
	font-size:20px;
	text-align:right;
}
.menu_lat {
	float:left;
	height:330px;
	width:249px;
	border-right: dotted #999999 1px;
}
.menu_lat ul {
	text-decoration: none;
	list-style:none;
	padding: 0;
	margin: 0;
	margin-left:40px;
}
.menu_lat li, .menu_lat li h5 a, .menu_lat li h7 a, .switch hi5 a, .switch hi5 a:active {
	padding-top:25px;
	padding-left:35px;
	margin-bottom:3px;
	font-size:15px;
	height:26px;
	border: 0;
	outline: 0;
	text-decoration: none;
	color:#FFFFFF;
}
.menu_lat li a:hover, .menu_lat li h5 a:hover, .menu_lat li h7 a:hover, .switch h5 a:hover {
	text-decoration:none;
	color:#FFFFFF;
}
.menu_lat li a {
	text-decoration:none;
	color:#ffffff;
}

.menu_lat li a:active {
	text-decoration:none;
	color:#818825;
}
.menu_active {
	text-decoration:none;
	color: #818825;
}
.m_print {
background:url(../images/icon_print.jpg) left bottom no-repeat;
}
.m_legatoria {
background: url(../images/icon_legatoria.jpg) left bottom no-repeat;
}
.m_impag {
background: url(../images/icon_prestamp.jpg) left bottom no-repeat;
} 
.m_foto {
background: url(../images/icon_foto.jpg) left bottom no-repeat;
} 
.m_tipo {
background: url(../images/icon_tipo.jpg) left bottom no-repeat;
} 
.m_preventivo {
background: url(../images/icon_preventivo.jpg) left bottom no-repeat;
} 
.m_dove {
background: url(../images/icon_dove.jpg) left bottom no-repeat;
} 
.cont_showcase {
	float:left;
	height:330px;
	width:700px;
}
.preventivo {
	padding-top:0px;
	padding-left:50px;
	padding-bottom:4px;
}
.preventivo a {
	color:#ffffff;
}
.vox_newsletter h6 {
	background: url(../images/icon_newsletter.jpg) no-repeat left top;
	height:70px;
	margin:0px;
	padding:0px;
	text-align:right;
	padding-right:50px !important;
	padding-top:5px !important;
	font-size:17px;
	color:#ffffff;
	line-height:18px;
}
.vox_newsletter2 {
	background: url(../images/icon_newsletter.jpg) no-repeat left top;
	height:75px;
	margin:0px;
	padding:0px;
	text-align:right;
	padding-right:45px !important;
	padding-top:0px !important;
	font-size:17px;
	color:#ffffff;
	line-height:18px;
}
.vox_newsletter2:hover {
	background: url(../images/icon_newsletter_hover.jpg) no-repeat left top;
}
.vox_preventivo h6 a:hover, .vox_newsletter h6 a:hover {
	color:#818825;
	cursor: pointer;
}
.vox_preventivo:hover {
	cursor:pointer;
}
.vox_preventivo {
	position:relative;
}
.vox_preventivo h6 {
	background: url(../images/icon_carrell.jpg) no-repeat left top;
	height:70px;
	text-align:right;
	padding-right:50px;
	padding-top:10px;
	font-size:17px;
	color:#ffffff;
}
.corpo_bott {
}
.left_bott {
	float:left;
	width:249px;
	height:250px;
	border-right: dotted #999999 1px;
}
.right_bott {
	float:left;
	width:700px;
	height:250px;
}
.right_bott2 {
	float:left;
	width:700px;
	height:250px;
}
.right_bott2 p {
	float:left;
	padding:15px 15px;
	width:430px;
	text-align:justify;
}
.right_bott p {
	padding:15px 15px;
	width:670px;
	text-align:justify;
	color: #3C3C3C;
}
.right_bott_banner {
	float:right;
	height:245px;
	width:210px;
	padding:5px 0px 0px 30px;
/*	background: url(../images/bg_banner_eco.gif) no-repeat right top;
*/}
.footer {
}
.foot_info {
	float:left;
	width:249px;
	height:250px;
	border-right: dotted #999999 1px;
	border-top: dotted #999999 1px;
	background:#ecf1b4;
/*	background: url(../images/bg_foot.gif) repeat;
*/	color:#666;
}
.foot_slide {
	float:left;
	width:700px;
	height:250px;
	border-top: dotted #999999 1px;
	background:#ecf1b4;
/*	background: url(../images/bg_foot.gif) repeat;
*/}
.workBox {
	position: relative;
	float: left;
	display: inline;
	width: 233px;
	height: 330px;
	overflow: hidden;
}
.workBox#exhibition {
	width: 234px;
}
.workBox div {
	position: absolute;
	top: 265px;
	left: 0;
	width: 233px;
	height: 200px;
	background: url(../images/workBoxCaptionBg.png) no-repeat;
	border-top: 5px solid #fff;
	color: #fff;
}
.workBox div h2 {
	padding: 13px 10px 0 10px;
}
.workBox div p {
	padding: 0 10px 5px 10px;
	text-align:justify;
}
.workBox div a {
	display: block;
	font-size: 1.05em;
	font-weight: bold;
	color: #fff;
	padding: 0 10px 10px 10px;
}
.workBox#branding div {
	border-color: #196bb0;
}
.workBox#branding div a:hover {
	color: #00ccff;
}
.workBox#webDesign div {
	border-color: #bdc640;
}
.workBox#webDesign div a:hover {
	color: #99ff00;
}
.workBox#exhibition div {
	width: 234px;
	border-color: #e21a22;
}
.workBox#exhibition div a:hover {
	color: #ff5800;
}
.workNav {
	width: 100%;
	height: 65px;
	margin-bottom: 50px;
}
.workNav li {
	float: left;
	display: inline;
	width: 232px;
	height: 60px;
	margin-right: 1px;
}
.workNav li.signage {
	width: 234px;
	margin-right: 0;
}
.workNav li a {
	display: block;
	border-top: 5px solid #80686F;
}
.workNav li.branding a:hover, .workNav#workBranding li.branding a {
	border-top: 5px solid #00ccff;
}
.workNav li.web a:hover, .workNav#workWeb li.web a {
	border-top: 5px solid #99ff00;
}
.workNav li.signage a:hover, .workNav#workSignage li.signage a {
	border-top: 5px solid #ff5800;
}
h2 {
	font-size: 125%;
	font-weight: bold;
	margin: 12px 0px 15px 0px;
	color:#513C40;
}

#slider .jFlowSlideContainer img {
	display: block;
}
#slider p {
	font-weight:bold;
}
.register {
	float:right;
	width:240px;
	height:225px;
	background:url(../images/bg_register.gif) no-repeat bottom;
	padding-top:10px;
}
.clear {
	clear:both;
}

/*tooltip*/
#theToolTip{
position: absolute;
left: -300px;
border: 1px solid #C0C09F;
padding: 6px;
background-color: #FFFFCC;
visibility: hidden;
z-index: 100;
width:160px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #666666;
line-height:1.4em;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #666666;
}

/*form*/
.form_voci {
	padding-top:5px;
	padding-bottom:10px;
	color:#7b8030;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
}
.cont_slide input, .cont_slide textarea {
	border:solid 1px #6ca0cd;
	color:#bdc640;
	padding-left:25px;
}
.contact_user {
	background:url(../images/form/user.gif) no-repeat left;
	height:25px;	
}
.contact_mail {
	background:url(../images/form/email.gif) no-repeat left;
	height:25px;	
}
.contact_skype {
	background:url(../images/form/skype.gif) no-repeat left;
	height:25px;	
}
.contact_phone {
	background:url(../images/form/phone.gif) no-repeat left;
	height:25px;	
}
.contact_message {
	background:url(../images/form/comment.gif) no-repeat left top;
}
/*NEWS*/
.news_date {
	font-size:11px;
	color:#343131;
	font-style:italic;
	padding-top:5px;
}
.news_titolo {
	font-size:13px;
	color:#7b8030;
	font-weight:bold;
	padding-bottom:12px;
}
.news_testo {
	font-size:12px;
	color:#343131;
	text-align:justify;
	background:#ffffff;
	padding:5px;
	border: 1px solid #7b8030;
}

/* DOVE */

.dove_content {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 16px;
	color:#333333;
	line-height:18px;
}
.dove_sopra {
	width:610px;
	padding-left:50px;
	font-size: 16px;
}
.dove_info {	
	float:left;
	width:384px;
	height:193px;
	background: url(../images/dove/dove_bg_info.jpg) no-repeat;		 
}
.dove_info ul {
	margin:0px;	
	padding:25px 0px 0px 75px;
	list-style:none;
}
.dove_info ul li {
	margin:0px;
	padding:0px 0px 25px 0px;
}
.dove_orario {
	float:RIGHT;
	padding-left:10px;
	width:212px;
	height:193px;
	background: url(../images/dove/dove_bg_orario.jpg) no-repeat right;	
}
.dove_orario ul {
	margin:0px;	
	padding:25px 0px 0px 20px;
	list-style:none;
}
.dove_orario ul li {
	margin:0px;
	padding:0px 0px 25px 0px;
}
.dove_map {
	width:610px;
	height:80px;
	background: url(../images/dove/dove_bg_map.jpg) no-repeat;
}
.dove_map_text {
	padding:20px 0px 0px 90px;
}
.dove_googlemap {
	width:570px;
	margin:0 auto;
	font-size:12px;
}

/* DOVE */
/* SISTEMI */
.sistemi_boxtxt {
	float:left; 
	width:300px;
}
.sistemi_boxtxt p {
	padding:0px 5px;
	margin:0px;
	line-height:12px;
}
.sistemi_boxtxt h5 {
	margin:0px;
	padding:0px 10px;
	font-size:13px;
	color:#FFFFFF;
}
.machine_table {
	float:left;
	width:140px;
	height:17px; border-bottom:1px solid #fff;
	border-right:1px solid #fff;padding:3px 5px;
	background:#ccc; 
	color: #666666;
	margin-right:5px;
	font-weight:bold;
}
.machine_table2 {
	padding:3px 5px; 
	color:#999999;
}

/* SISTEMI */
.titolo_quadro {
	font-size:18px;
}
.titolo_quadro h5 {
	margin:0px;
	padding:0px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	color: #ffffff;
	font-size:20px;
}
/* LEGATORIA*/
.More {
float:left;
width:620px;
}

#InnerLeft h4{
	font-size:18px;
	font-style:italic;
}
#Design-Stages{
	width:513px;
	float:left;
}
#Design-Stages h3{
	color:#FFFFFF;
	font-family:Georgia,Times New Roman,Times,serif;
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding:0 0 40px 0;
	float:left;
}
#Design-Stages ul{
	width:660px;
	float:left;
	border-top:2px solid #31302e;
	padding:0 0 10px 0;
	margin:0;
}
#Design-Stages ul li{
	float:left;
	list-style:none;
	margin:-20px 40px 0 0;
	position: relative;
}
#Design-Stages ul li.Stage9{
	padding:0;
	margin:-20px 0 0 0;
}
#Design-Stages ul li a{
	float:left;
	display:inline;
	width:33px;
	height:33px;
}
#Design-Stages ul li.Stage1 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage1.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage2 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage2.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage3 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage3.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage4 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage4.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage5 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage5.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage6 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage6.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage7 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage7.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage8 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage8.gif) no-repeat 0 -33px;
}
#Design-Stages ul li.Stage9 a{
	text-indent: -9000px;
	background:transparent url(../images/legatoria/stage9.gif) no-repeat 0 -33px;
}
#Design-Stages ul li a.Active{
	cursor:default;
	background-position:0 0;
}

#Design-Stages ul li .tooltip{
	background:transparent url(http://www.creativeonlinemedia.com/assets/images/tooltip_bg.png) no-repeat 0 0;
	width: 190px;
	height:26px;
	overflow:hidden;
	position: absolute;
	top: -60px;
	left: -80px;
	text-align: center;
	padding: 5px 5px 22px 5px;
	z-index: 2;
	font-size:12px;
	display:none;
	color:#FFFFFF;
}
.legatoria_servizi {
	float:left; 
	font-size:13px; 
	color:#666666; 
	line-height:17px;
	padding-top:6px;
}
.legatoria_servizi ul {
	margin:0px;
	padding:0px 0px 0px 4px;
	width:300px;
	float:left;
}
.legatoria_servizi li {
	margin:0px;
	padding:2px 0px 0px 6px;
	list-style:none;
	height:21px;
	background: url(../images/legatoria/rounded.gif) top left no-repeat;
}
/* LEGATORIA*/