/*  
Css Theme Name: joedamiani2010
Theme URI:  http://www.joedamiani.it/
Description: theme as designed by Antonio Cistellini.
Version: 1.0

	joedamiani2010
	 http://www.joedamiani.it/
	 
	This theme was designed by Antonio Cistellini,
	of KEYO Web Design
*/
/************ Browser Reset *************************/
/* tolgo il bordo delle immagini e dei campi form */
fieldset, img, textarea{border:none;}
/* resetto i bordi e il padding */
/* * {margin:0;padding:0;} */
/* normalizzo i padding e i margin del paragrafo e di altri tag */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, p, ol, ul, li, pre, form, fieldset, input, textarea, th, td {margin:0; padding:0;}
/* resetto le liste */
ol, ul {list-style:none;}
/* Normalizzo gli stili dei font */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
/* Normalizzo il font-size degli headers */
h1,h2,h3,h4,h5,h6 {font-size:100%;}
/* tolgo il bordo puntinato di default dei links attivi */
a {outline-style: none;}
/* inserisco il bordo puntinato personalizzato dei links attivi */
a:active, a:focus{
   border: 1px #4B74CD dotted;
}
/************************/
/*      STRUCTURE       */
/************************/

html {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1;
	color:#0A0A0A; 
	height:100%;
	text-align:center;
}
body {
	/* padding-top:20px; */
	/* margin: 0 auto;
	width:100%; */
	/* background-color:#cacaca; */
	border-top:22px solid #6D6155;
	background:#fff url("../img/bg-page.jpg") repeat-x; 
	}
div#container{
	position:relative;
	/* float:left; */
	padding:0;
	/* border:1px solid #7d7d7d; */
	margin: 0 auto;
	margin-top:0; /* distanza del foglio dal top */
	width:960px;
	background-color:#fff;
	}
div#menucontainer{
    position:relative;
	margin: 0 auto;
	/* width:950px; */
	}	

div#logo_head{
 	position:absolute;
	/* posizione del logo */
	top:40px;
	left:25px;
}
#site-title a { 
    display:block;
    position:absolute;
	/* posizione fine del logo */
    top:0;
    left:0;
	/*-------------------*/
	/* dimensioni logo */
    width:350px;
    height:70px;
    /*-----------------*/
	text-indent:-9000px;
	background:transparent url("../img/logo.png") top no-repeat;
	z-index:95;
}
/*
#site-title a:hover {
    background-position:top;
}
*/
#site-description {
    position:absolute;
    left:-9000px;
}

#contenuti-head{
	/* height:220px; */
	height:340px;
	/* width:100%; */
	/* background:transparent url("../img/header.gif") no-repeat; */
	/* border:1px solid #fff;
	border-bottom:0; */
	margin-top:0;
	/* background-color:#FFF; */
}
div#contenuti-head span {text-indent:-9999px;}
div#wrapper{
	position:relative;
	background: transparent url("../img/bg-content.jpg") top repeat-x;
}
/*div#testi{
 	height:100% !important;
	height:1%;
	text-align:left;
	background: transparent url("../img/bg_content.gif") top repeat-x;
	padding:20px 0 0 0; 
}*/
div#wrapper_content{
	margin-top:30px; /* spazio per il menu */
	/* background: transparent url("../img/bg_content.gif") top repeat-x; */
}
div#testi, div#testi-parag2{
	width:900px;
	text-align:left;
	padding-top:20px;
	margin:0 auto;
	/* border:1px solid #ccc; */
}
div#col-menu{
	float:right;
	width:235px;
	min-height: 579px;
	height: auto !important;
	height: 589px;
	font-size:.9em;
	margin:0;
	margin-bottom:20px;
	padding:20px 10px 0 20px;
	/* background: transparent url("../img/bg-menu.jpg") right repeat-x; */
	/* background-color:#E3E3E3;
	border:1px solid #cacaca; */
}
div#col_content{
	float:left;
	width:600px;
	margin:0 0 0 10px;	
	/*border:1px solid #000;*/
}
div.img_centrata{
	text-align:center;
	margin-bottom:24px;
	/* background-color:#E3E3E3;
	border:1px solid #ccc; */
}
div.img_centrata img{
	padding:14px;
	background-color:#E3E3E3;
	border:1px solid #ccc;
}
div#googlemap {
	width:500px;
	height:350px;
	margin-bottom:24px;
	border:14px solid #E3E3E3;
}
div.innertube{margin: 0; /*Margins for inner DIV inside column (to provide padding)*/}

div#brand{
	/* position:relative; */
	height:365px;
	width:100%;
	text-align:left;
	background:#B72322 url("../img/bg_brand2.png") top repeat-x;
}
div#brand_center{
	padding-top:32px;
	width:880px;
	margin:0 auto;
	height:300px;
}
div#brand p{
	font-family: Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
}
div#banner{
	/*position:absolute;
	top:32px;*/
	float:left;	
	height:286px;
	width:407px;
	background-color:#000;
	margin-right:50px;
	/* outline:1px solid #fff; */ /* bordo esterno ai bordi */
}

div#breadcrumb {
	text-align:left;
	height:20px;
	font-size:0.9em;
	letter-spacing:0.8pt;
	color:#8E0707;
	/* border-left:4px solid #cacaca; */
	padding:7px 20px 0 20px;
	margin-top:2px;
	/* background:transparent url("../img/bg_breadcrumb.gif") top repeat-x; */
	background-color:#E3E3E3;
	
}
div#language{
	position:absolute;
	top:-30px;
    /*left:900px;*/
	right:0;
}

/*----------*/
/*	 MENU   */
/*----------*/
div#menu-posit{
 	position:absolute;
	top:0;
	left:0;
	/*height:55px;
	width:100%;
	text-align:left;
	font-size:1.3em;
	letter-spacing:1pt;
	font-weight:bold;
	font-variant:small-caps;
	background:transparent url("../img/bg-menu.jpg") repeat-x;
	z-index:95;*/
}

div#menu-posit span {
	display:none;
	text-indent:-9999px;
	}
	
/* top-menu */	

div#top-menu{
	position:absolute;
	top:-57px;
	left:737px;
	width:200px;
	font-size:10px;
	color:#fff;	
}
div#top-menu a {
	color:#fff;
	padding: 0 6px;
}
/*-----------*/
/*	 LINKS   */
/*-----------*/
a:link, a:visited{
	text-decoration:none;
	/*color:#B72322;*/
	color:#4B74CD;
	
}
a:hover{
	text-decoration:underline;
	color:#e4302c;
}	

div#brand_menu ul{
	list-style-type: none;
	list-style-position:inside;
	padding:0;
	margin:0;
}
div#brand_menu li {
	/* list-style-image: url("../img/dot_list.gif"); */
	margin-top:18px;
	font-size:0.9em;
	letter-spacing:1pt;
	padding-left:18px;
}
div#brand_menu a:link , div#brand_menu a:visited{
	color:#fff;
}
div#brand_menu a:hover{
	text-decoration:none;
	color:#F92117;
}
/*---------*/
/* COLORS  */
/*---------*/
.red{color:#FF0000}
/*---------*/
/*	 list  */
/*---------*/
div.list_std ul, div.list_std2 ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0;
	margin-bottom:24px;
}
div.list_std ul ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0;
	margin:12px 0;
}
div.list_std li{
	font-size:1em;
	font-style:italic;
	letter-spacing:1pt;
	background-image:url("../img/dot-list.gif");
	background-repeat:no-repeat;
	background-position:0 11px;
	margin-top:1px;
	padding-left:16px; 
}
div.list_std2 li{
	background-image:none;
}
div.list_std li li{
	background-image:url("../img/dot-list2.gif");
}
div#col-menu ul {
	padding:0 13px;
}
div#col-menu img{
	margin:12px 0;
}
div#col-menu li {
	margin-top:2px;
	font-size:1em;
	letter-spacing:0.3pt;
}
/* pdf/brochure download */ 
div.pidieffe ul{
	list-style-position:inside;
	list-style-type:none;
	padding:0;
	margin-bottom:24px;
}
div.pidieffe li{
	font-size:1em;
	letter-spacing:1pt;
	margin-top:6px;
	padding-left:16px; 
}
div.pidieffe li strong{
	color:#8E0707;
	font-family:Garamond, 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin-bottom: 10px;
	font-size:1.4em;
	letter-spacing:0.4pt;
	font-weight:bold;
	padding-right:6px;
}
/*--------------------------*/
/*	SIDEBAR NEWS E OFFERTE  */
/*--------------------------*/
ul.barside{
	list-style:none outside none;
	margin:0;
	padding:0;
	margin-bottom:24px;
}
.barside li{
	/* invalida il css 2.1 */
	-moz-background-inline-policy:continuous;
	/* ----- */
	border-bottom:1px dotted #CCCCCC;
	display:block;
	font-size:10px;
	list-style:none outside none;
	padding:0 0 0 13px;
	margin-top:0;
}
.barside li p{
	margin:0;
	padding:0;
}
.inserito_il{
	font-style: italic;
	font-size:0.8em;
	/*color: #7a7a7a;*/
	color:#2E55A8;
}
/*--------*/
/*  NEWS  */
/*--------*/
div.news{
	width:520px;
	margin:0;
	border-bottom:1px dashed #CC6666;
}
.news span {
	margin:0;
}
.news p, .news h3 {
	margin:4px 0;
}

/*------------*/
/*	Paragrafi */
/*------------*/
div.separatore{
	text-align:center;
	margin-bottom:24px;
}
p {
	/* font-size:1em; */
	word-spacing: 0.25em;
	letter-spacing: 0;
	line-height: 1.4em;
	margin-bottom:26px;
	/* text-indent:6px; */
	text-align:justify;
}

p.tagline{
	font-size:1em;
	letter-spacing:2pt;
	margin:0;
	margin-top:-6px;
	text-indent:4px;
	font-style:italic;
	font-weight:bold;
	padding:0 0 24px 0;
	/* color:#542E09; */
	color:#212121;
}
blockquote {
	font-size:1.3em;
	font-weight:normal;
	color:#292929;
	margin: 0 0 26px 45px;
	padding: 14px 0 10px 0;
	text-indent: 45px;
	background: url("../img/cd_32.png") left no-repeat;
}
blockquote:first-letter {
	font-size:1.5em;
}
p.cite{
	font-size:1.4em;
	color:#4B74CD;
	text-align:center;
	font-style:italic;
	padding:0;
	margin:0 0 20px 0;
}
hr {
	border:0;
	margin:24px auto;
	height:1px;
	width:80%;
	/*background-color:#cacaca;*/
	border-top:1px dashed #354379; 
}
/*------------*/
/* 2 COLONNE */
/*------------*/
div.colonne{
	width:520px;
	margin:0;
	padding:0;
}
div.colonna-sx{
	float:left;
	width:255px;
	margin:0;
	padding:0;
}
/* div.colonna-sx img{
	margin-bottom:2px;
	border:6px solid #D9D9D9;
	} */
div.colonna-dx{
	float:left;
	width:255px;
	margin:0;
	padding:0;
	padding-left:10px;
	text-align:justify;
	overflow:hidden;
}
/*------*/
/*	Box */
/*------*/
div#boxes{
	/* position:relative; */
	width:950px;
	/* height:225px; */
	height:120px;
	margin-top:2px;
	text-align:center;
	/* background:#54110D url("../img/bg_boxes.gif") top repeat-x; */
	background:transparent url("../img/boxes.gif") no-repeat;
	
}
div.boxes_inn{
	/* position:relative; */
	/* width:950px; */
	/* font-size:.9em; */
	/* color:#000; */
	/* margin:4px auto 4px auto; */
	padding:0;
	/* border:1px solid #F92117; */
}
/* div.boxes_inn p, div.boxes_inn p a{
	margin:0;
	padding:0;
} */
/* div#boxes h3, div#boxes a {color:#FFF3D9} */
/* div.box{
	width:600px;
	height:116px; */
	/*
font-size:1em;
 	word-spacing: 0.1em;
*/
/*	letter-spacing: 0.05em;
	line-height: 1.6em; */
	/*
padding:10px;
*/
	/* margin:0 auto 24px auto;	
	border:1px solid #8A8675; */
	/*background:#E5D9BE url("../img/violoncello.png") bottom no-repeat;*/
	/* background-color:#E5D9BE;
} */

/*div.box_img{
	float:left;
	
width:407px;
	height:286px;

	margin:6px 20px 0 10px;
}*/
/* div.box_txt{
	margin: 20px 10px 10px 0;
}
div.box2{
	width:100%;
	padding:0;
	margin:0 auto 0 auto;	
	border-width:1px 0 0 0;
	border-style:solid;
	border-color: #8A8675;
	background-color: #E5D9BE;
} */

/*---------------*/
/*	Round Border */
/*---------------*/
.t {background:#EDEDED url("../img/dot2.gif") 0 0 repeat-x; width: 20em; margin-bottom:24px;}
.b {background: url("../img/dot2.gif") 0 100% repeat-x}
.l {background: url("../img/dot2.gif") 0 0 repeat-y}
.r {background: url("../img/dot2.gif") 100% 0 repeat-y}
.bl {background: url("../img/bl2.gif") 0 100% no-repeat}
.br {background: url("../img/br2.gif") 100% 100% no-repeat}
.tl {background: url("../img/tl2.gif") 0 0 no-repeat}
.tr {background: url("../img/tr2.gif") 100% 0 no-repeat; padding:10px} 
/*------------*/
/*	Box col 3 */
/*------------*/

div.col_1, div.col_2, div.col_3, div.col_4, div.col_5, div.col_6{
	width:270px;
	float:left;
	/* text-align:left; */
	/* padding:10px; */
}

div.col_1, div.col_2, div.col_3{
	margin-top:20px;	
}
div.col_4, div.col_5, div.col_6{
	margin-top:20px;	
}
div.col_1, div.col_2, div.col_3, div.col_4, div.col_5, div.col_6{
	margin-left:20px;
}
div.col_1, div.col_4, div.col_2, div.col_5{
	/* height:400px; */
	margin-right:20px;
	/*padding-left:6px; */
}
div.col_3, div.col_6{
	/* height:400px; */
	/* padding-left:4px; */
}

div.col_1 img, div.col_2 img, div.col_3 img, div.col_4 img, div.col_5 img, div.col_6 img{
	margin:0;
	padding:0;
}
/*-----------------*/
/*	H1,H2,H3,H4,H5 */
/*-----------------*/
h1{text-indent:-9999px;}


h2{
    color:#292929;
	font-size: 2.1em;
	font-weight:normal;
	margin:0 0 20px -10px;
	padding-bottom:5px;
	border-bottom:1px dashed #354379;
}
#boxes_inn h2 {
	color:#C30000;
	position:absolute;
	top:-24px;
	left:0;
}
h3{
	color:#292929;
	font-size: 1.6em;
	font-weight: normal;
	text-decoration: none;
	margin-bottom:10px;
	margin-top:10px;
	letter-spacing:2pt;
}

div#col-menu h3{
	color:#333333;
	font-family:Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0pt;
	padding: 5px 5px 0 5px;
	margin: 10px 0 12px 15px;
}

h4{	
	color:#2166CE;
	text-indent:8px;
	margin-bottom: 10px;
	margin-top:14px;
	font-size:1.2em;
	letter-spacing:0.5pt;
	
}
h5{
	margin-top: 10px;
	margin-bottom: 24px;
	font-size:1.2em;
	letter-spacing:0.4pt;
}
h6{
	/* text-decoration:underline; */
	margin-top: 10px;
	margin-bottom: 4px;
	font-size:1em;
	letter-spacing:0.2pt;
}
/*---------*/
/*	TABLE  */
/*---------*/
table.stats{
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
	width: 600px;	
	border:0;
	border-collapse: collapse;
	border-spacing: 0;
	}

table.stats td{
	/*background-color: #CCC;*/
	color: #52453F;
	padding: 4px;
	/*text-align: left;*/
	border: 1px #fff solid;
}
table.stats tr.dispari{
	background-color: #DFE6F6;

}
table.stats th{
	background-color: #6D6155;
	background-image:url("../img/bg-footerbanner.jpg");
	background-repeat:repeat-x;
	color: #fff;
	padding: 4px;
	text-align: left;
	border-bottom: 2px #fff solid;
	font-size: 1.4em;
	font-weight: bold;
}

/* table#tabella {
	border:0;
	width:560px;
	margin-bottom:24px;
	border-spacing:0;  corrispondente del cellspacing 
}
table#tabella tr.backg {
	background-color:#2166CE;
}
table#tabella th.angolo {
    background:#2166CE url("img/bg-table.gif") right no-repeat;
    height:32px;
}
table#tabella th {
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	color:#fff;
}
table#tabella td {
	text-align:center;
	font-size:0.9em;
	font-weight:normal;
	height:30px;
	color:#212121;
	letter-spacing:1.8pt;
	border-bottom:1px solid #ccc;
	padding:4px 0;
}
table#tabella  td.tab-title {
	width:180px;
	text-align:right;
	font-weight:bold;
}
table#tabella  td.tab-title-bold {
	font-weight:bold;
}
table#tabella  td.tab-alignleft {
	text-align:left;
	padding-left:6px;
}
caption{display:none;}

table.galleriafoto {
	border: 3px double #ccc;
	margin:0 auto;
	}
div#alfabeto{
	text-align:center;
	font-size:1.2em;
	margin-bottom:24px;
}*/
/*------------------*/
/*       FORM		*/
/*------------------*/

form.cmxform {
	width: 590px;
	font-size: 1.0em;
	color:#4B74CD;
}
form.cmxform p{
	color:#333;
	font-weight: normal;
	font-size: 0.8em;
	margin:12px 0;
	}

form.cmxform legend {
	padding: 0 4px;
	font-size:1.3em;
	font-weight: bold;
	color:#CC6666;
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;	
	width: 70px; /*Width of labels*/
	}

form.cmxform li{
	padding-left:10px;
	font-weight: bold;
}
form.cmxform fieldset {
	padding: 20px;
	border: 1px solid #A13535;
	/*background: url("../img/bg-content.jpg") left top repeat-x;*/
	/*background-color: #FFF;*/
}

input, textarea {border: 1px solid #8A8675;}
input:focus { border: 2px dotted #CC6666;}
form.cmxform input#Submit {
	width:50%;
	margin-top:10px;
	}
form.cmxform em {color:#C2003A}
/*------------*/
/*	FONT SIZE */
/*------------*/
.small_font{font-size:0.8em;}
.clear{clear:both;}
.float_left{float:left;}
/*--------------*/
/*	MISC e FIX  */
/*--------------*/
strong{font-weight:bold;}
.grey {color:#cacaca}
span.firstletter { 
font-size: 3em; 
font-style: normal;
float: left;
background: #4B74CD;
color: #F0F0F0;
margin:0 5px 5px -5px;
padding: 5px 5px 5px 50px;
line-height:1em;
}

#footerbanner  {
	/*background-color:#423833;*/
	background-image:url("../img/bg-footerbanner.png");
	background-repeat:repeat-x;
	color:#B9B1A4;
	bottom:0;
	display:block;
	height:47px;
	left:0;
	padding:0 0 0 1px;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:999;
}
#footerbanner img {margin-top:9px;}
/*============== ABSMIDDLE fix =======================*/
.absmid img {
	vertical-align: middle;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	}
/*---------*/
/*	VIDEO  */
/*---------*/
div.video{
	background: rgb(237, 237, 237);
    padding: 10px;
    border:1px solid #8D8D8D;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
/*-----------------------------*/
/*	Strutture e impaginazioni  */
/*-----------------------------*/
div#products, div#dettaglio{
	margin-bottom:24px;
}

div.macchina{
	float:left;	
	/*border-bottom:1px solid #ccc;*/
	/*margin-bottom:0;*/
	width:192px;
	/* border:1px solid #f00000; */
}
div.macchina img {
	border:6px solid #FFF;
	}
div.centratura{
	height:147px; /*l'elemento senza altezza fissa deve per forza essere contenuto in un elemento genitore con un altezza fissa*/
	display:table; /*l'elemento contenitore viene visualizzato come una tabella*/
	}
div.sinistra{
	float:left;	
	/*border-bottom:1px solid #ccc;*/
	/*margin-bottom:0;*/
	width:290px;
	/* border:1px solid #f00000; */
}
div.description, div.destra {
	display:table-cell; /*l'elemento visualizzato come una cella della tabella*/
	vertical-align:middle; /*proprieta  vertical-align con valore centrato*/
	padding-left:20px;
	font-size:0.9em;
	/* border:1px solid #f00000; */
}
/*------------*/
/*	3Colonne  */
/*------------*/
div.sinistra-3c h3, div.centro-3c h3, div.destra-3c h3 {
	font-size:1em;
	height:34px;
	text-align:left;
}
div.sinistra-3c p, div.centro-3c p, div.destra-3c p {
	font-size:0.8em;
	font-style:italic;
	text-align:left;
}

div.sinistra-3c{
	float:left;
	width:180px;
	text-align:center;
	/* background-color:#ccc; */
}
div.centro-3c{
	float:left;
	/* display:table-cell; */ /*l'elemento¨ visualizzato come una cella della tabella*/
	/* vertical-align:middle; */ /*proprieta  vertical-align con valore centrato*/
	width:180px;
	padding-left:20px;
	text-align:center;
	/* background-color:#ccc; */
}
div.destra-3c{
	float:left;
	/* display:table-cell; */ /*l'elemento  visualizzato come una cella della tabella*/
	/* vertical-align:middle; */ /*proprieta  vertical-align con valore centrato*/
	width:180px;
	padding-left:20px;
	text-align:center;
	/* background-color:#ccc; */
}

/*----------*/
/*	FOOTER  */
/*----------*/
div#footer{
	position:relative;
	width:950px;
	height:70px;
	border-top:1px dashed #354379;
	/* border-left:4px solid #cacaca; */
	color:#636468;	
	/* font-size:1em; */
	text-align:left;

}
div#footer h5 a{
	display:block;
	/* dimensioni logo footer */
	width:80px;
	height:74px;
	/*----------------*/
	text-indent:-9999px;
	}
div#footer h5{
	position:absolute;
	right:20px;
	top:0;
	/* dimensioni logo footer idem come sopra */
	width:80px;
	height:74px;
	/*----------------*/
	background:transparent url("../img/logo-foot.png") no-repeat;
	}
div#footer p{
	position:absolute;
	left:20px;
	top:8px;
	font-size:0.8em;
	margin:0;
	}