/**********************************************
* Theme Name: Cruciani 2015
* Author: LenusLab
* Version: 1.0
**********************************************/
body, html, #maxi { min-height: 100%; }
html, #header, #menu, #zoomer, #footer { background: #e9e4dd url('images/body.gif') repeat-y top center; }

#maxi { background: url('images/html.gif') repeat-x; }
body { margin: 0; padding: 0; text-align: center; font-size: 13px; }
body { background: url('images/body.gif') repeat-y center; font-family: "Questrial", sans-serif; color: #888581; }



a { color: #888581; }
a:hover { color: #58585a; }
.req { color: red; }

.container { width: 970px; margin: 0 auto; text-align: left; overflow: hidden; }
.err { color: red; display: block; clear: both; height: 20px; }

#natale { background: url('images/natale.png') no-repeat top center; height: 350px; width: 100%; }
#natale { position: absolute; }
#TB_overlay { opacity: 0 !important; }
#header { height: 71px; }
#header .container { height: 71px; }

#me, #ma { position: absolute; z-index: 999; }

#header .logo, #header .socials, #header .spacer { float: left; }
#header .logo { width: 680px; }
#header .logo img { margin-top: 12px; margin-left: 24px; }
#header .socials { width: 185px;}
#header .socials ul { margin: 0; padding: 0; margin-top: 25px; margin-right: 60px; float: right; }
#header .socials ul li { float: left; margin-right: 5px; } /* il margine è inventato... */
#header .socials ul li a { background: url('images/socials.gif'); width: 20px; height: 19px; display: block; }
#header .socials ul li#fb a { background-position: 0 0; }
#header .socials ul li#tw a { background-position: -29px 0; }
#header .socials ul li#yt a { background-position: -58px 0; }
#header .socials ul li#pi a { background-position: -87px 0; }
#header .socials ul li#gp a { background-position: -115px 0; }
#header .socials ul li#fb a:hover { background-position: 0 -19px; }
#header .socials ul li#tw a:hover { background-position: -29px -19px; }
#header .socials ul li#yt a:hover { background-position: -58px -19px; }
#header .socials ul li#pi a:hover { background-position: -87px -19px; }
#header .socials ul li#gp a:hover { background-position: -115px -19px; }
#header .spacer { width: 145px; height: 70px; }

.padded  { padding: 5px 0; border-bottom: 1px solid #bbb; }

#menu { clear: both; display: block; overflow: hidden; }
#menu .container { height: 22px; }
#menu #mainmenu { width: 850px; }
#menu ul, #footer ul, #zoomer ul { margin: 0; padding: 0; margin-left: 0; } /* era 24px, ma abbiamo bisogno di 11px per l'effetto hover su menu */
#menu ul li, #footer ul li, #zoomer ul li { float: left; }
#menu ul li a, #footer ul li a, #zoomer ul li a { background: url('images/sep.gif') no-repeat right; padding: 0 12px 0 12px; text-transform: uppercase; text-decoration: none; line-height: 18px; }
ul#mymenu { width: 800px; overflow: hidden; margin: 0; }
ul#mymenu li a { padding: 0 10px 0 9px; }

#menu ul li.page-item-13 a { background: none; }
#menu ul#area_business { margin: 0; padding: 0; position: absolute; margin-top: -24px; }



#menu ul li ul { display: none; }
#menu ul li:hover ul, #menu ul#area_business li:hover ul.children { min-width: 100px; display: block; z-index: 999; position: absolute; background: #d8d0c3; margin-left: 0; padding-bottom: 5px; } /* non ti fidare del padding*/
#menu ul li ul li, #menu ul#area_business li ul.children li { float: none; clear: both; display: block; }
#menu ul li ul li a, #menu ul#area_business li ul.children li a { background: none; display: block; padding: 5px 0; padding-left: 11px; padding-right: 11px; }
#menu ul li ul li.arrotonda { padding-top: 4px; }
#menu ul#area_business li:hover ul.children { margin-top: -3px; margin-left: -7px; background: #e0d9cf; }
#menu ul#area_business li ul.children li { width: 200px; margin-left: -4px; }
#menu ul#area_business li ul.children li a { line-height: 14px; }
#menu ul#area_business li.page-item-5 a { background: none; }
#menu ul li.page-item-6 ul { width: 400px; }
#menu ul li.page-item-6 ul li { width: 200px; float: left; clear: none; }
#menu ul li.page-item-6 ul li.page-item-90 { margin-top: 10px; }
#menu ul li.page-item-6 ul li.page-item-90, #menu ul li.page-item-6 ul li.page-item-93 { width: 400px; float: none; clear: both; }

#menu ul li ul li ul { display: none !important; }


.user { position: absolute; margin-top: -65px; font-size: 11px; }
.eleme { float: left; width: 250px; padding: 5px 0; }
input { padding: 3px; margin: 0 0 0 5px; }

h3 { margin: 15px 0; margin-top: 30px; }
h4{ margin: 15px 0; margin-top: 0; }

#menu .spacer { width: 145px; float: right; height: 18px; }
#menu .spacer ul { margin-top: -18px; margin-left: 0; }
#menu .spacer ul li a { padding: 0; }

.content-container { color: #9e9e9e; margin-left: 26px; margin-top: 20px; margin-right: 10px;  }
.content-container h1, .content-container .h1 { font-size: 20px; margin-bottom: 20px; text-transform: uppercase; }
.content-container .h1 { display: inline; }
.content-container h1.small { display: inline; font-size: 13px; margin-left: 15px;  }
.content-container p { font-size: 14px; line-height: 22px; margin-bottom: 12px; }

.overview img { width: 76px; height: 76px; margin-right: 5px; }
.wide .overview img { width: auto; height: auto; margin-right: 5px; }

.overview h2 { font-size: 20px; font-weight: bold; color: #000; }
.overview h2 a { font-size: 13px; font-weight: lighter; display: block; margin-bottom: 10px; }


#scrollbar1 .viewport { width: 420px; height: 360px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end, #scrollbar1 .thumb { background-color: #999; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #dedede; height: 100%; width: 5px; position: relative; padding: 0; }
#scrollbar1 .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

#introduzione { clear: both; display: block; text-align: center; overflow: hidden; height: 399px; clear: both; display: block; }
#introduzione .widecontainer { width: 1030px; margin: 0 auto; text-align: left; }
#introduzione .nav, #introduzione .intro { min-height: 400px; width: 30px; float: left; }
#introduzione .intro { width: 970px; }
#introduzione #slideshow li { width: 970px; height: 400px; overflow: hidden; }
#introduzione .intro-left, #introduzione .intro-right { width: 485px; float: left; overflow: hidden; }

#introduzione .wide { width: 818px; }
#introduzione .small { width: 152px; overflow: hidden; }
#introduzione .wide #scrollbar1 .viewport{ width: 745px; }
#introduzione .pagina .intro-left, #introduzione .pagina .intro-right { background: #fff; height: 400px; }
#introduzione #scrollright, #introduzione #scrollleft { background: url('images/arrows.gif') no-repeat; width: 13px; height: 31px; display: block; cursor: pointer; margin-top: 180px; }
#introduzione #scrollright { background-position: top right; float: right; }
#introduzione #scrollleft { background-position: top left }
#introduzione #scrollright:hover { background-position: bottom right }
#introduzione #scrollleft:hover { background-position: bottom left }

/*border-top: 3px solid #a6a6a6; */
.content-container table { width: 100%; border-collapse: collapse; border-right: 0; border-left: 0; margin-bottom: 20px; margin-top: 20px; }
.content-container table td { padding: 3px 3px 10px 3px; border: 1px solid #cccccc; font-size: 11px; }
.content-container table td p { margin: 0; font-size: 11px; }
.content-container table tr.riga td { background: #f7f5f3; color: #a09f9e; padding: 1px 3px;}

.content-container table#simple { width: 100%; border: 0; }
.content-container table#simple td { padding: 5px; border: 0; font-size: 11px; }
.content-container table#simple td img { min-width: auto; min-height: auto; width: auto; height: auto; }
.content-container table#simple td p { margin: 0; font-size: 11px; }

#zoomer { clear: both; display: block; }
#zoomer .container { height: 49px;  }
#zoomer img { margin-top: 3px; margin-left: 15px; }
#zoomer .left { float: left; width: 485px; min-height: 48px;  }
#zoomer .right { float: left; width: 340px; min-height: 48px;  }
#zoomer .spacer { float: left; width: 145px; min-height: 48px; }
#zoomer ul { margin: 0; padding: 0; margin-left: 0px; margin-top: 8px; }
#zoomer .left ul { margin-left: 24px;  }
#zoomer .net { position: absolute; margin-left: 600px; margin-top: 8px; }
#zoomer .net li { text-align: right; width: 200px; }
 
#zoomer ul li { float: left; }
#zoomer ul li a { background: none; padding: 0; text-transform: uppercase; text-decoration: none; line-height: 18px; }

#banner { clear: both; display: block;  }
#banner .container { background: #fff; height: 71px; text-align: center; }


#footer { clear: both; display: block; }
#footer .container { height: 74px;  }
#footer .copy, #footer .socials, #footer .spacer { float: left; }
#footer .copy { width: 485px; }
#footer .copy p { margin-top: 8px; margin-left: 23px; }
#footer .socials { width: 340px; }
#footer .socials ul { float: right; margin-top: 8px; margin-right: 11px; }
#footer .socials ul li a { background: none; }
#footer .spacer { width: 145px; height: 74px; }
#footer .spacer ul { margin: 0; margin-top: 8px; margin-left: -3px; }
#footer .spacer ul li a { padding: 0 5px; text-transform: uppercase; text-decoration: none; line-height: 18px; }

.ngg-galleryoverview { margin: 0; padding: 0; }
.ngg-galleryoverview img, .ngg-galleryoverview .ngg-gallery-thumbnail img { margin: 0; margin-bottom: 5px;  border: 0; padding: 0; }

.container-contenuto{ background: url('images/pin.gif') repeat-y 280px 0; min-height: 600px; }
.contenuto, .sottomenu { float: left; width: 280px; }
.sottomenu { float: left; width: 130px; border-top: 1px solid #d8d8d9; }
.sottomenu ul { margin-top: 45px; }
.sottomenu ul li { background: url('images/repin.gif') no-repeat 0 7px; margin-bottom: 5px; padding-left: 13px; }
.sottomenu ul li.page-item-90, .sottomenu ul li.page-item-437 { margin-top: 25px; background-position: 0 5px; }
.sottomenu ul li a { font-size: 12px; text-decoration: none; }

#post_loops { width: 220px; }
.the_date { font-size: 11px; clear: both; display: block; }
#post_loops a { text-decoration: none; font-weight: bold; }
#post_loops h3 { background: none; margin-top: 15px; margin-bottom: 10px; text-transform: capitalize; }

ul#allegati { width: 90%; }
ul#allegati li { padding: 5px 0; background: url('images/pdf.gif') no-repeat 0 7px; padding-left: 25px; }
ul#allegati li a { font-size: 12px; text-decoration: none; }

#register .eleme { width: 200px; float: left; padding: 5px 0; }
#register .eleme input { clear: both; margin: 0; display: block; }

#socialize-container { position: absolute; z-index: 888; height: 40px; clear: both; display: block; }
#socialize li { float: left; margin-right: 15px; width: 120px; }

.wpcf7-form input { margin-left: 0; }
.wpcf7-form label {  }
.wpcf7-form  .wpcf7-list-item { clear: both; display: block; } 

.tb-close-icon { display: none !important;  }