@charset "UTF-8";

/* Page Elements ----------------------------------*/
body{background:#666;}

#header{ background:url(i/head_back.jpg) repeat-x; height:128px; }
#logo{ background:url(i/logo.png) no-repeat left; height:128px;}
#payoff{ background:url(i/payoff.png) no-repeat right; height:128px;}

#content{border-top:10px solid #aaa; border-bottom:10px solid #aaa; background:url(i/main_back_tile.png) repeat #eee; height:auto; }
/*tabs*/
#homediv{background-color:#FFF; font-size:14px; height:458px; border-width:4px; border-color:#ddd; border-style:solid; margin-bottom:20px;  }
.textbox{width:440px;float:left; color:#444; font-size:14px; text-align:justify;margin-top:5px;  }
#fotostoria{width:400px;float:right; }
#slideshow1{float:right; margin-right:10px; margin-top:10px; margin-bottom:10px;}
#slideshow2{float:right; margin-right:10px; margin-top:10px; margin-bottom:10px;}
#carousel1{border:4px solid #ddd;}
#carousel1 li{margin-left:0px;}
#carousel2{border:4px solid #ddd;}
#carousel2 li{margin-left:0px;}

#certificadiv{background-color:#FFF; font-size:14px;  height:458px; border-width:4px; border-color:#ddd; border-style:solid; margin-bottom:20px;  }
#cert{width:440px;float:left; color:#444; font-size:14px;text-align:justify; margin-top:5px; }
#fotocert{width:470px; height:390px;float:right; margin-right:10px; margin-top:10px; border:4px solid #ddd; background-color:#aaa; }

/*accordion*/
#prodottidiv{background-color:#FFF; font-size:14px; border-width:4px; border-color:#ddd; border-style:solid; margin-bottom:20px; }
#prodottidiv a{color:#555; padding:0px;}
#prodottidiv a:hover{color:#900;}
#prodottidiv a:active{color:#900;}
.inertipic{width:78px; height:128px; float:left; background:none; border:2px solid #ddd; margin-left:10px; margin-bottom:10px;}
.inertitext{width:78px; height:50px; float:left; background:none; border:0px; margin:0px; font-size:12px;}

#mezzidiv{background-color:#FFF; font-size:14px; height:458px; border-width:4px; border-color:#ddd; border-style:solid; margin-bottom:20px;  }
#servizi{width:420px;float:left; color:#444; font-size:14px; text-align:justify;margin-top:5px;  }
#fotoservizi{width:420px;float:right;margin-top:0px; }

#contattidiv{background-color:#FFF; font-size:14px; height:480px; border-width:4px; border-color:#ddd; border-style:solid; margin-bottom:20px;  }
#contactleft{width:430px;float:left; color:#444; font-size:14px;margin-top:5px;}
#contactright{width:425px;float:right; margin-right:18px; margin-top:10px; }

#footer{background: url(i/footer_line.png) repeat-x #666; height:100px; }
#credits{padding-top:28px; float:left; font-size:10px; color:#aaa;}
#web{float:right; padding-top:28px; font-size:10px; color:#aaa;}
#web a{color:#aaa;}
.valid{float:right; margin-top:10px; border:1px solid #ddd; margin-left:5px;}

#errorpage{background-color: #fff; border:4px solid #ddd; height: 400px; margin: 20px 0 20px 0;}
#errorpage a:hover{color:blue;}

/* TABS ----------------------------------*/
.ui-tabs { padding:0px; width:940px; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: 0px ; border-bottom:4px solid #99260f; margin-top:20px; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 ; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: 10px 0 10px 0; display:block; width:188px; text-align:center; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; margin-top:0px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Accordion ----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0px;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; background-color:#ddd; color:#900; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: 0; background-color:#ddd; color:#333; border-bottom:2px solid #fff;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 0; margin-top: 0; }
.ui-accordion .ui-accordion-content { height:auto; padding: 0; border-top: 0; margin-top: 0; position: relative; top: 0; margin-bottom: 0; overflow: auto; display: none; }
.ui-accordion .ui-accordion-content-active { display: block;}

/* Layout helpers ----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute;  }

/* Interaction Cues ----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers ----------------------------------*/
.ui-widget { font-family: "Trebuchet MS", "Tahoma", "Verdana", "Arial", sans-serif; font-size: 14px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Trebuchet MS", "Tahoma", "Verdana", "Arial", sans-serif; font-size: 14px; }
.ui-widget-content { border: 0px solid #dddddd; background: none ; color: #333333; }
.ui-widget-content a { color: #80200d;}
.ui-widget-header { border: 0px solid #e78f08; background: #66101a; color: #000; font-weight: bold; margin-top:0px; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states ----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { font-size:16px; border: 0px solid #cccccc; background: #66101a ; font-weight: bold; color: #ddd; outline: none;  }
.ui-state-default, .ui-widget-content .ui-state-default h{color:#ddd;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#fff; text-decoration: none; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited h{color:#ccc;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {font-size:16px; border: 0px solid #fbcb09; font-weight: bold; color: #fff; outline: none; background:#80200d;   }
.ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { font-size:16px; border: 0px solid #fbd850; background: #99260f; font-weight: bold; color: #fff; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; outline: none; text-decoration: none; }