/* CSS Document */

* {margin: 0; padding: 0;}
img {border: 0;}
.nov {display: none;}

body { background: #ffffff url(img/sf_body.png) repeat-x top left; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #7d7f80; font-size: 13px; line-height: 20px;}

h1 { background: url(img/logo.png) top left no-repeat; width: 141px; height: 113px; display: block; cursor: pointer}

h3 { font-size: 24px; font-weight: bold; color: #b5302f; text-transform: uppercase; margin-bottom: 24px}
.h3 { background: url(img/h3.gif) repeat-x bottom left; padding-bottom: 8px;}

a { color: #216886; text-decoration: underline;}
a:hover { color: #b5302f; text-decoration: none;}

/** container ***/
div#container { width: 925px; margin: 0 auto; text-align: left;}

/*** head ***/

div#head { width: 925px; height: 317px; display: block; background: url(img/sf_container.png) top left no-repeat; position: relative; top: 48px;}

div#head_int { width: 243px; height: 317px; display: block; background: url(img/sf_head_int.png) top left no-repeat ; position: relative; top: 48px; float: left}

/*** menu ***/

div#menu { width: 145px; height: 317px; display: block; margin-left: 30px!important; margin-left: 15px; float: left}

div#menu ul { margin-top: 6px; }
div#menu ul li { list-style-type: none; float: left}
div#menu ul li a { width: 145px; height: 37px; display: block;}

div#menu ul li a#menu_home {background: url(img/menu_home.png) top left no-repeat}
div#menu ul li a#menu_home:hover {background: url(img/menu_home.png) top right no-repeat}

div#menu ul li a#menu_chisiamo {background: url(img/menu_chisiamo.png) top left no-repeat}
div#menu ul li a#menu_chisiamo:hover {background: url(img/menu_chisiamo.png) top right no-repeat}

div#menu ul li a#menu_cosafacciamo {background: url(img/menu_cosafacciamo.png) top left no-repeat}
div#menu ul li a#menu_cosafacciamo:hover {background: url(img/menu_cosafacciamo.png) top right no-repeat}

div#menu ul li a#menu_portfolio {background: url(img/menu_portfolio.png) top left no-repeat}
div#menu ul li a#menu_portfolio:hover {background: url(img/menu_portfolio.png) top right no-repeat}

div#menu ul li a#menu_contatti {background: url(img/menu_contatti.png) top left no-repeat}
div#menu ul li a#menu_contatti:hover {background: url(img/menu_contatti.png) top right no-repeat}


/*** animazione ***/

div#flash { width: 677px; height: 317px; display: block; float: left; margin-left: 41px;}

/**** content ***/
div#content { width: 850px; display: block; height: auto;  margin-left: 44px; margin-top: /*68px*/ 88px;}
div#content div.box { width: 255px; height: auto; display: block; float: left; margin-right: 41px;}
div#content div.last { margin-right: 0;}

/*** content interna ***/
div#content_interna {  width: 662px; display: block; height: auto;  margin-top: 68px;  float: left; background: url(img/sf_content_int.png) top right no-repeat;}
div#content_interna p {margin-bottom: 10px}
div#content_interna div.box { width: 550px; min-height: 300px; height: auto!important; height: 300px; display: block; float: left; padding-right: 40px; padding-left: 40px; padding-top: 28px; background: #FFFFFF;}


/**** per footer fisso > NON toccare ***/
html,body{margin:0; padding: 0;height: 100%}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#content{padding-bottom: 197px;}
div#content_interna{padding-bottom: 197px;}
div#footer{position:absolute;bottom: 0;width: 100%} 

div#fondo { width: 100%; height: 1px; display: block; clear: both;}


/*** footer ***/
div#footer { width: 925px; height: 177px; display: block; background: url(img/footer.jpg) top left no-repeat; text-align: center;}
div#footer div#foot_txt { width: 500px; margin: 0 auto; text-align: right}
div#footer ul {display: block; padding-top: 60px; margin-right: 130px;}
div#footer ul li { list-style-type: none; display: inline; background: url(img/list_foot.gif) center left no-repeat; padding: 0 2px 0 8px}
div#footer ul li.first { background: none}
div#footer ul li a {color: #204458; text-decoration: none;}
div#footer ul li a:hover { color: #216886; text-decoration: underline;} 
div#footer p { clear: both; margin-right: 130px; color: #485e71;}

/****** typo ***/
div#content_interna h4 { font-size: 16px; color: #b5302f; font-weight: bold; margin-bottom: 10px; }
div#content_interna ul { list-style-position: inside}
div#content_interna ul li ul { margin-left: 16px; list-style-type: disc}
div#content_interna ol { list-style-position: inside}
div#content_interna ol li ol {margin-left: 18px;}
div#content_interna hr {color: #92adb8; border: solid 1px #92adb8; height: 1px;}

div#content_interna table { border: solid 1px #92adb8; border-collapse: collapse; }
div#content_interna table caption { text-align: left; font-weight: bold; padding-bottom: 10px;}
div#content_interna table th, div#content_interna table td{ border: solid 1px #92adb8; padding: 6px;}
div#content_interna table th { background: #92adb8; color: #FFFFFF }

/**** contatti **/
div#content_interna form {width: 400px; margin: 60px 0 0 44px;}

div.riga {width: 278px; height: 53px; background:url(img/sf_input.png) top left no-repeat;}
div.riga_text {width: 278px; height: 173px; background:url(img/sf_textarea.png) top left no-repeat;}

input {margin: 16px 0 0 18px; width: 240px; border: none; height: 18px; color: #333333; background: #abc3cb; line-height: 18px; padding: 4px 0 0 4px!important; padding: 2px 0 0 2px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}

textarea {margin: 16px 0 0 18px; width: 240px; height: 136px; border: none; color: #333333; background: #abc3cb; line-height: 18px; padding: 2px; overflow: auto; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}

.invia { width: 114px; height: 44px; display:block; background: transparent; border: none; padding: 0; margin: 0 0 0 200px}