body {
	font: 12px/1.6em Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	background: #fff url('../images/bkg_body.jpg') no-repeat center 153px;
}

#topline{
	height:5px;
	background-color:#feb813;
}


p {
	text-align:justify;
}

a {	color: #fdad13;	text-decoration: none; }
a:hover { color: #353434; }


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom:20px;
	color:#000;
	font-style:italic;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom:20px;
	color:#000;
	font-style:italic;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	margin-bottom:5px;
	color:#000;
	font-style:italic;
}
h4 { font-size: 24px; line-height: 28px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 20px; }

.clear_both { clear: both; height:0;}


.wrapper {
	margin: auto;
	width: 970px;
	padding: 0 10px;
	min-height:50px;
	height: auto !important;
	height:50px;
}



header, section, footer, hgroup, nav, article, time{
	display:block;
	position:relative;
}

header{
	height: 213px;
	background: url("../images/bkg_header.png") 0 0 no-repeat;
	z-index:2;
}

#logo{
	display:block;
	float:left;
    width: 150px;
	height:153px;
	background: url("../images/dieffe-coperture.png") 0 0 no-repeat;
	text-indent:-9999px;
}

#contnavs{
	float:left;
	width: 820px;
	height:153px;
}

#t_contnavs{
	float:left;
	width: 820px;
	height:49px;
}
#b_contnavs{
	float:left;
	width: 700px;
	height:104px;
	padding-right:100px;
	padding-left:20px;
}

#content{
	min-height:250px;
	height: auto !important;
	height:250px;
	z-index:0;
	margin-top:-60px;
	border-bottom: 2px solid #f0f0f0;
	background: url("../images/bkg_sx.jpg") 0 0 repeat-y;
}




#subcontent{
	min-height:250px;
	height: auto !important;
	height:250px;
}

#sxcontent {
	position: absolute;
	float:left;
	padding-top:90px;
    padding-left:23px;
    width: 511px;
	min-height:250px;
	height: auto !important;
	height:250px;
	z-index:1;
	font: 14px/1.6em Arial, Helvetica, sans-serif;
}

#dxcontent {
	float:right;
    width: 495px;
	min-height:580px;
	height: auto !important;
	height:580px;
	z-index:0;
	overflow:hidden;
}
#dxcontent img { margin-top:40px; }


#sxcontent p {
	padding-top:15px;
}



#lcontent {
	float:left;
	padding-top:90px;
    padding-left:23px;
	padding-bottom:23px;
    width: 511px;
	min-height:250px;
	height: auto !important;
	height:250px;
	font: 14px/1.6em Arial, Helvetica, sans-serif;
}

#lcontent p {
	padding-top:15px;
	min-height:90px;
	height: auto !important;
	height:90px;
}



/*------------------------------------*\
	NAV
\*------------------------------------*/

nav[role="navigation"] {
	float:right;
	width: 370px;
	padding-top:1px;
	padding-bottom:2px;
	margin-top:10px;
}
nav[role="navigation"] ul{
	list-style:none;
	/* Clear floats */
	float:right;
	position:relative;
	font: 14px/14px Arial, Helvetica, sans-serif;
	padding-bottom:1px;
	z-index:5;
}
nav[role="navigation"] ul li{
	float:left;
	position:relative;

	border-right:1px solid #4a5581;
}
nav[role="navigation"] ul li.last{ border:0;}
nav[role="navigation"] ul a{
	display:block;
	padding:10px 15px;
	color:#000;
	text-decoration:none;
}
nav[role="navigation"] ul a:hover, nav[role="navigation"] ul li.active a{
	color:#000;
	text-decoration:none;
	background-color:#fdb813;
}

/* ---------- end nav*/
/*------------------------------------*\
	NAV
\*------------------------------------*/

nav[role="navigationb"] {
	padding-top:1px;
	padding-bottom:2px;
	margin-top:10px;
}
nav[role="navigationb"] ul{
	list-style:none;
	/* Clear floats */
	position:relative;
	font: 14px/14px Arial, Helvetica, sans-serif;
	padding-bottom:1px;
	z-index:5;
}
nav[role="navigationb"] ul li{
	float:left;
	position:relative;

	border-right:1px solid #4a5581;
}
nav[role="navigationb"] ul li.last{ border:0;}
nav[role="navigationb"] ul a{
	display:block;
	padding:10px 15px;
	color:#000;
	text-decoration:none;
}

nav[role="navigationb"] ul li#item_11 a, nav[role="navigationb"] ul li#item_12 a{
	display:block;
	width: 80px;
	padding:3px 15px;
	color:#000;
	text-decoration:none;
	text-align:center;
}


nav[role="navigationb"] ul a:hover, nav[role="navigationb"] ul li.active a{
	color:#000;
	text-decoration:none;
	background-color:#fdb813;
}

/*--- DROPDOWN ---*/
nav[role="navigationb"] ul ul{
	margin-top:0px;
	background:#fdb813; /*  Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	min-height:35px;
	height: auto !important;
	height:35px;
}
nav[role="navigationb"] ul ul li{
	margin-right:0;
	/* padding-top:1px;  Introducing a padding between the li and the a give the illusion spaced items */
	border-bottom:1px dotted #e67c00;
	border-right:0;
	float:none;
	height:35px;
	line-height: 35px;
}
nav[role="navigationb"] ul ul li.last{border:0;}
nav[role="navigationb"] ul ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	padding:0 20px 0 15px;
}
nav[role="navigationb"] ul li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
nav[role="navigationb"] ul li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration:none;
}
nav[role="navigationb"] ul li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
nav[role="navigationb"] ul li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#ffdc98;
	color:#000;
}


/* ---------- end nav*/


/* nav category */


nav[role="category"] ul {
	font: 16px/1.4em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	padding-right:23px;
}

nav[role="category"] ul.pro {margin-bottom:0;}

nav[role="category"] ul a{
	display:block;
	padding:4px 0;
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
}

nav[role="category"] ul.pro a{ color:#C90101; }

nav[role="category"] ul a:hover{
	color:#FEB813;
	text-decoration:none;
}

/* ---------- end nav*/

.linkcatalog{
	display:block;
	position: absolute;
	z-index:20;
	margin-top:150px;
	margin-left:600px;
	width: 347px;
	height:93px;
	background: url("../images/bkg_linkcatalogo.png") 0 0 no-repeat;
}

.linkcatalog:hover{ background-position: bottom left; }

.linkpromo{
	display:block;
	position: absolute;
	z-index:20;
	margin-top:180px;
	margin-left:600px;
	width: 307px;
	height:70px;
	background: url("../images/bkg_linkpromo.png") 0 0 no-repeat;
}

.linkpromo:hover{ background-position: bottom left; }

#categorie {
	float:left;
	padding-top:90px;
    padding-left:23px;
    width: 230px;
	min-height:250px;
	height: auto !important;
	height:250px;
	font: 14px/1.6em Arial, Helvetica, sans-serif;
}

#contprod{
	float:left;
	padding-top:90px;
	padding-bottom:20px;
    width: 717px;
	min-height:250px;
	height: auto !important;
	height:250px;
	font: 14px/1.6em Arial, Helvetica, sans-serif;
}

/* footer */
footer{
	padding-top:10px;
	min-height:60px;
	height: auto !important;
	height:60px;
	color:#999999;
	font: 12px/1.4em Arial, Helvetica, sans-serif;
}


.colsx {
    float: left;
    width: 50%;
	min-height:50px;
	height: auto !important;
	height:50px;
}
.coldx {
    float: right;
    width: 50%;
	min-height:50px;
	height: auto !important;
	height:50px;
	text-align:right;
	font-style:italic;
}

/* contatti */

.cont_colsx{
	float:left;
	width: 365px;
	min-height:20px;
	height: auto !important;
	height:20px;
	padding-top: 90px;
	padding-left: 23px;
}

.cont_coldx{
	float:right;
	width: 542px;
	min-height:20px;
	height: auto !important;
	height:20px;
	padding-top: 90px;
}

.cont_colsx h2, .cont_coldx h2 {
	padding:0 0 2px 0;
	margin:0 0 8px 0;
	font: 16px/20px Georgia, serif;
	color:#49646b;
	border-bottom: 1px solid #cbd0d1;
}

.duecol_inner{
	float:left;
	min-height:10px;
	height: auto !important;
	height:10px;
	width: 300px;
	margin-right:3px;
}

.lastcol{margin-right:0;}

form .form{
	min-height:100px;
	height: auto !important;
	height:100px;
	padding-bottom:20px;
}


.form label{
    display: block;
    height: 29px;
    line-height: 38px;
    margin-bottom: 1px;
	margin-top: 5px;
}

.form input, .form textarea, .form select {
    background-color: #fff;
    border: 1px solid #E5E5E5;
    height: 23px;
    margin: 0;
    padding: 2px;
    width: 280px;
}
.form select { width: 219px; height: 29px;}


.form textarea {width: 576px; height:104px;}
.form input:focus,
.form textarea:focus,
.form select:focus {
	border: 1px solid #d8d8d8;
	background-color: #F0F0F0;
}


.cont_coldx .duecol_inner{
	width: 265px;
}
.cont_coldx .form input, .cont_coldx .form textarea, .cont_coldx .form select {
	width: 249px;
}
.cont_coldx .form textarea {width: 540px; height:100px;}

.form input[type="checkbox"]{
	width: 18px;
	height: 18px;
	float:left;
	margin-right:3px;
	margin-bottom:15px;
}
.form .trecol input[type="checkbox"]{ margin-bottom:0px; }

.form input#math{
    width: 100px;
}

.form #invia {
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    text-align: center;
    width: 200px;
	height: 40px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	background-color:#f6b911;
	color:#000;
}

.form #invia:hover {
	color:#fff;
	background-color:#a09f9f;
}

p.error, span.error{
	display:block;
    color: #c90101;
    font-style: italic;
	font-size: 12px;
	width: 250px;
	padding:3px;
}

span.okmail{
	display:block;
    color: green;
    font-style: italic;
	background-color:#C2FCCE;
	font-size: 12px;
}

#map {
	width: 359px;
	height:270px;
	border: 2px solid #cdd2d3;
}

/* fine contatti */

ul.gallery{
	min-height:190px;
	height: auto !important;
	height:190px;
}
ul.gallery li{
	float:left;
	min-height:100px;
	height: auto !important;
	height:100px;
	width: 214px;
	margin-left:8px;
	margin-right:9px;
	padding-bottom:10px;
}



ul.gallery li h3 {
	font: 16px/22px Georgia, serif;
	color:#999;
	border-bottom: 1px solid #b5b5b5;
	padding-bottom:3px;
	margin-bottom:10px;
	width: 209px;
}

ul.gallery li p {
	padding-bottom:10px;
}

.cont_img_album {
	display:block;
	float:left;
	margin: 0 3px 5px 0;
	padding:1px;
	font: 12px/12px Arial, Helvetica, sans-serif;
	font-style: italic;

}
.cont_img_album img { border:1px solid #cdd2d3;}

ul.gallery li a span {color: #999; text-decoration: none; }
ul.gallery li a:hover span { color: #fdad13; }









#sxcolumn ul, #sxcolumn ol{ 
	margin:5px 0 6px 15px;
	padding: 10px;
	list-style-type: disc;
	list-style-image: none;
	list-style-position: outside;
}
#sxcolumn ol { list-style-type:decimal;  padding-left: 10px;}

#sxcolumn ul li, #sxcolumn ol li { margin:0 0 2px 10px;}

#sxcolumn ul li p, #sxcolumn ol li p { margin-top:0px; padding-top:0px;}



































/* PAGINAZIONE */

div.wp-pagenavi {
    margin: 15px 0;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 6px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ff5500;
	color: #ff5500;
	background-color: #f0efed;	
}
.wp-pagenavi a:visited {
	padding: 2px 6px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ff5500;
	color: #ff5500;
	background-color: #f0efed;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #f0efed;
}
.wp-pagenavi a:active {
	padding: 2px 6px;
	margin: 1px;
	text-decoration: none;
	border: 1px solid #ff5500;
	color: #ff5500;
	background-color: #f0efed;	
}
.wp-pagenavi span.pages {
	padding: 2px 6px;
	margin: 1px;
	color: #666;
	border: 1px solid #666;
	background-color: #f0efed;
}
.wp-pagenavi span.current {
	padding: 2px 6px;
	margin: 1px;
	font-weight: bold;
	border: 1px solid #666;
	color: #666;
	background-color: #f0efed;
}
.wp-pagenavi span.extend {
	padding: 2px 6px;
	margin: 1px;	
	border: 1px solid #666;
	color: #000000;
	background-color: #f0efed;
}
.cont-info strong{
font-weight:bold;
}
.cont-info p{
margin-bottom:10px;
}