/*************************
* SASAKIFUJIKA - vers. 4.0
*************************/

/* REGOLE GENERALI =========================================*/

/* Neutralize styling: 
   Elements we want to clean out entirely: */
      
html, body, form, fieldset {margin: 0; padding: 0;}
img, a img {border:0;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {margin: 0; padding: 0;text-align:left}

/* MISCELLANEOUS CONVENIENCES */
form label {cursor: pointer;}
fieldset { border: none;}
input, select, textarea {font-size: 12px;font-family: inherit;font-family: arial, sans-serif;}

/* GENERAL STYLES */
body {font: 12px arial, sans-serif; background: #f0f0f0 url(../images/bg_page.gif) 0 10px repeat-x; text-align: center;color:#000; border-top:#000 10px solid; }

p a {font-weight:bold; color:#000}
a, #bottom a { color:#ff9000; text-decoration:none; }
a:hover {text-decoration:underline;}
a.sel, #menu li.sel, #menu li a.sel {color:#ff9000}
p span {color:#ff9000}


h1 {}
h2 {}
ul {list-style:none;}
br.clear {clear:both; line-height:0}

.container {width:960px; margin:0 auto;text-align:left;}
.middle {margin:40px auto 0; float:left; border-bottom:#f4f4f4 5px solid; padding-bottom:20px}
.left {float:left;}
.right {float:right;}


/* ##### HEADER #####*/
#header {width:960px; margin:0 auto;height:95px; position: relative; text-align:left}
#header img {position:absolute;top:35px; left:0}
ul#menu {font-size: 18px;position:absolute; top:67px; right:0}
#menu li {display:inline; margin-right:17px; padding-bottom:10px }
#menu li a {color:#000; padding-bottom:7px}
#menu li a:hover,  #menu li.sel a {text-decoration:none; color:#ff9000}
#menu li#last {margin-right:0;}
#menu li a.sel, #menu li.sel { background:url(../images/bg_menu.gif) center 20px no-repeat;}
#black #menu li a.sel, #black #menu li.sel { background:url(../images/bg_menu_black.gif) center 20px no-repeat;}


/* ##### PAGINA #####*/
#main {background:#FFF; min-height:505px; width:100%;float:left}
#main .container {padding-top:90px;}
#main .container .left {width: 440px;}
#main h1 {font-size:44px; margin-bottom:30px}
#main h1 a {color:#000}
#main h1 a:hover {color:#ff9000; text-decoration:none}
#main p {font-size:21px; line-height:26px; color:#232323; margin-bottom:20px}
#main .container .right img {margin-top:8px}

#bottom {padding-top:50px; background: #f0f0f0 url(../images/bg_page.gif) 0 0 repeat-x; width:100%;float:left; border-top: #d7d7d7 1px solid; min-height:215px}
#bottom .left, #bottom .right {width:445px; margin-bottom:50px}
#bottom h2 { font-size:24px; font-weight:normal; margin-bottom:15px}
#bottom h2 a {color:#000}
#bottom p {font-size:14px; line-height:22px; margin-bottom:20px} 
#bottom .more {text-align:right; font-size:16px; font-weight:bold}
#bottom .more a {background: url(../images/bg_more.gif) center right no-repeat; padding-right:10px}


/* ##### FOOTER #####*/
#footer { width:100%; background:#000; color:#FFF; font-size:11px; padding:7px 0}


/* ##### SLIDE #####*/
div.crop { width: 958px;height: auto;overflow: hidden;}
div.widearea {width: 10000px; height: auto;}
div.widearea div {height: auto;display: block;float: left;}
div.widearea .pageitem { width:960px;}

#main .widearea .left {position:relative}
#main .widearea .left p {font-size:16px}
#main .widearea .left h2 {font-size:21px; margin-bottom:20px; font-weight:normal; }
#main .widearea .left .buttons {text-align:right; position:absolute;top:260px; right:0}
#main .widearea .left .buttons a {color:#ff9000; border:#ff9000 1px solid; padding:3px 10px}
#main .widearea .left .buttons a:hover {background:#ff9000; color:#000; text-decoration:none}
#main .widearea .left .buttons a.next {float:right; margin-left:10px}
#main .widearea .left .buttons a.prev {float:left}
#main .widearea .right img { margin-left:35px}


/* ##### PRODOTTI #####*/
#prodotti {height:500px; }
#prodotti h2 {font-size:44px; margin-bottom:30px}
#prodotti .left {width:460px !important;}
#prodotti .right {width:460px;}
#prodotti .left h1, #prodotti .right  h1 { font-size:24px; margin-bottom:10px}
#prodotti .left img, #prodotti .right img {float:left; margin-right:10px}
#prodotti .left p, #prodotti .right p {font-size:14px; line-height:21px} 
#prodotti .item {clear:both; margin-bottom:60px; height:100%}
#prodotti a.more {background: url(../images/bg_more.gif) center right no-repeat; padding-right:10px; font-size:16px; font-weight:bold; color:#FF9000}

/* ##### ZOOT #####*/
#black {}
#black #main { background:#000; }
#black #main .left p {color:#FFF;}
#black #main .left h2, #black #main .left a, #black #main .left span {color:#73d8f8;}
#black #main .left .buttons a {color:#73d8f8; border:#73d8f8 1px solid;}
#black #main .left .buttons a:hover {background:#73d8f8; color:#000;}
#black #main .right img {}
#black #bottom .left {width:285px; margin-bottom:50px; margin-right:50px; }
#black #bottom .right {width:285px; margin-bottom:50px; }
#black #bottom h2 { font-size:21px; font-weight:normal; margin-bottom:10px}
#black #bottom a {color:#FF9000}



/* ##### SERVER #####*/
#bottom .server h2 { font-size:21px;}
#bottom .server form {width:440px;}
#bottom .server form p {font-size:14px; line-height:24px; margin-bottom:10px} 
#bottom .server form p.left {width:100px;}
#bottom .server form p.right {width:340px;}
#bottom .server form input {border:#CCC 1px solid; height:20px; width:200px;}
#bottom .server form .alRight {clear:both; text-align:right; margin-right:10px}
#bottom .server form input#submit {width:auto; height:auto; padding:3px 10px; background:#000; border:#000 1px solid; color:#FFF;}
#bottom .server form textarea {height:150px; width:330px;border:#CCC 1px solid;}


/* ##### SNAPCAMERA #####*/
.vertical #main .container {padding-top:30px;}
.vertical #main .widearea { float:left}
.vertical #main .widearea .left {position:relative; width:580px}
.vertical #main .widearea .left img {margin-bottom:30px}
.vertical #main .widearea .right { float:right}
.vertical #main .widearea .right img { margin:0 0 0 40px;}
.vertical #main .widearea .left .buttons {text-align:right; position:absolute;top:340px; right:0}
.vertical #bottom .left {width:285px; margin-bottom:50px; margin-right:50px; }
.vertical #bottom .right {width:285px; margin-bottom:50px; }
.vertical #bottom h2 { font-size:21px; font-weight:normal; margin-bottom:10px}
#snapcamera #main .widearea .left a, #snapcamera #main .widearea .left span {color: #9e008f}
#snapcamera #main .widearea .left .buttons a {color:#9e008f; border:#9e008f 1px solid; padding:3px 10px}
#snapcamera #main .widearea .left .buttons a:hover {background:#9e008f; color:#FFF; text-decoration:none}

/* ##### IMOO #####*/
#imoo #main .widearea .left a, #imoo #main .widearea .left span {color: #ee3e96}
#imoo #main .widearea .left .buttons a {color:#ee3e96; border:#ee3e96 1px solid; padding:3px 10px}
#imoo #main .widearea .left .buttons a:hover {background:#ee3e96; color:#FFF; text-decoration:none}


/* ##### F1 #####*/
#f1 #main .container {padding-top:50px;}
#f1 #main .widearea .left .buttons {text-align:right; position:absolute;top:355px; right:0}
#f1 #main .widearea .left ul {font-size:16px}
#f1 #main .widearea .left ul li {margin-bottom:18px; background:url(../images/bg_list.gif) 0 7px no-repeat; padding-left:12px}