/* - - - - - - - - - - - - - - - - - - - - 
C - N E T i c
CONFIGURATORE WEB
http://www.c-netic.it/
website by websolute
http://www.websolute.it/
- - - - - - - - - - - - - - - - - - - - */


/* body & altro
- - - - - - - - - - - - - - - - - - - - */
body {background:#fff; font:12px Arial, Helvetica, sans-serif; color:#555; line-height:18px; margin:0px; padding:0px;}
body.homepage {background:#576172 url(../img/bg_home.gif) repeat-x left top;}
body.int {background:#576172 url(../img/bg_int.gif) repeat-x left top;}
a {color:#0088cc; text-decoration:none; outline:none;}
a:hover {color:#0088cc; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 {color:#444; margin-bottom:5px;}
h1, h2 {font-size:17px;}
h1 {margin-bottom:8px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
p {margin-bottom:10px;}
li ul, li ol {margin:0 15px;}
ul, ol {margin:0 15px 15px;}
dl {margin:0 0 15px 0;}
dl dt {font-weight:bold;}
dl dd {margin-left:15px;}
.dettaglio {font-size:13px; padding:0px 10px 0px 0px; background:url(../img/arrow.gif) no-repeat 98% 5px;}
.dettaglio:hover {background:#0088cc url(../img/arrow_over.gif) no-repeat  98% 5px;}
.dettaglio_mini {padding:0px 10px 0px 0px; background:url(../img/arrow.gif) no-repeat 98% 4px;}
.dettaglio_mini:hover {background:#0088cc url(../img/arrow_over.gif) no-repeat 98% 4px;}
.dot {background:url(../img/backlink.gif) repeat-x left top; margin:10px 0px; height:1px;}
.wrap_1 li {margin:0px 0px 0px 20px;}
.verde_em {color:#20943e; font-weight:bold;}
a:hover .verde_em {color:#fff;}
a img {border:none;}
.indent {font-size:0.001em; margin:0px; padding:0px; text-indent:-9999px; color:#576172;}
.left {float:left;}
.right {float:right;}
a.more {padding-right:7px; background:url(../img/arrow.gif) no-repeat right 5px;}
hr {border:none; height:1px; background:#fff; border-bottom:1px solid #ccc;}


/* clearfix
- - - - - - - - - - - - - - - - - - - - */
.clear {clear:both;}
.clearfix:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Nascosto per IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Fine nascosto per IE-mac */
.clear {clear:both;}


/* struttura
- - - - - - - - - - - - - - - - - - - - */
#wrap {position:relative; width:960px; margin:0px auto; z-index:1;}
.homepage #wrap {padding-top:399px;}
.int #wrap {padding-top:148px;}
#content {background:url(../img/content_bg2.gif) repeat-y; padding:0px;}
#content .top_content {height:20px; background:url(../img/content_bg.gif) no-repeat left top;}
#content .bot_content {height:20px; background:url(../img/content_bg.gif) no-repeat left bottom;}
#content .content {padding:0px 24px;}
#webcast_container { margin:-3px 0px -11px -11px; position:relative; z-index:2; width:983px; background:url(../img/bg_webcast.gif) no-repeat left top; text-align:center; padding:10px 0px;}


/* header & menu
- - - - - - - - - - - - - - - - - - - - */
#logo {position:absolute; left:-20px; top:0px; z-index:2;}
#menu {position:absolute; right:0px; top:27px; z-index:2;}
#menu ul {margin:0px; padding:0px; list-style:none;}
#menu ul li {float:left;}
#menu ul li a {background:url(../img/menu_btn.gif) no-repeat left top; color:#fff; float:left; padding:0px 0px 0px 10px;}
#menu ul li a span {float:left; padding:5px 10px 9px 0px; float:left; background:url(../img/menu_btn.gif) no-repeat right top;}
#menu ul li a:hover {background:url(../img/menu_btn.gif) no-repeat left bottom; text-decoration:none;}
#menu ul li a:hover span {background:url(../img/menu_btn.gif) no-repeat right bottom;}
#menu ul li a.on, #menu ul li a:focus {background:url(../img/menu_btn.gif) no-repeat left bottom; text-decoration:none;}
#menu ul li a.on span, #menu ul li a:focus span {background:url(../img/menu_btn.gif) no-repeat right bottom;}


/* excerpt & payoff
- - - - - - - - - - - - - - - - - - - - */
#payoff {background:url(../img/payoff.png) no-repeat left top; width:444px; height:120px; position:absolute; top:135px; left:5px; z-index:3;}
#preview {position:absolute; top:106px; right:0px; z-index:2; background:url(../img/preview.jpg) no-repeat left top; width:406px; height:259px; padding:7px 40px 27px 257px; overflow:hidden;}
#preview div {position:absolute; top:7px; left:257px; z-index:1; width:406px; height:259px; overflow:hidden;}
#preview span {position:absolute; top:0px; left:0px; z-index:1; width:2436px; height:259px;}
.homepage #buttons {position:absolute; z-index:4; top:281px; left:-1px;}
.int #buttons {position:absolute; z-index:4; top:118px; right:0px;}
.buttons a {width:225px; height:60px; float:left;}
.buttons a.configura_btn {background:url(../img/config_btn.png) no-repeat left top;}
.buttons a.c-netic_btn {background:url(../img/c-netic_btn.png) no-repeat left top;}
.buttons a.parliamo_btn {background:url(../img/parliamo_btn.png) no-repeat left top;}
#configuratore {position:absolute; z-index:4; height:32px; top:94px; right:10px;}
#configuratore h1 {width:600px; height:35px;}
.configura {margin:30px auto; text-align:center;}


/* blocchi homepage
- - - - - - - - - - - - - - - - - - - - */
.block {width:162px; padding:18px 0px 18px 54px; float:left; margin-right:16px;}
.block h2 {margin:0px; padding:0px; font-size:13px; color:#444444; font-weight:bold;}
.block p {margin:0px; padding:0px;}
.block_1 {background:url(../img/blocco1_ico.gif) no-repeat 0px 20px;}
.block_2 {background:url(../img/blocco2_ico.gif) no-repeat 0px 18px;}
.block_3 {background:url(../img/blocco3_ico.gif) no-repeat 0px 18px;}
.block_4 {background:url(../img/blocco4_ico.gif) no-repeat 0px 19px; margin:0px;}
.block_4 form {margin-top:4px;}
.block_4 input.cerca_btn {margin-top:8px;}


/* form
- - - - - - - - - - - - - - - - - - - - */
input.input {border:1px solid #d9d9d9; background:url(../img/bg_input.gif) no-repeat left top #fff; color:#8f8f8f; font-size:12px; padding:6px 0px 8px 7px;}


/* bottom
- - - - - - - - - - - - - - - - - - - - */
#bottom {background:url(../img/bottom_bg.gif) no-repeat center top; height:145px; margin-top:22px;}
#bottom h3 {font-size:17px; color:#174e75; margin:0px; padding:0px;}
#bottom .left {padding:20px; width:440px;}
#bottom .right {padding:20px; width:440px;}
#bottom input.input {width:270px; vertical-align:text-bottom; margin-right:10px;}
#bottom input.cerca_btn {vertical-align:text-bottom;}


/* text
- - - - - - - - - - - - - - - - - - - - */
.text h2, .text h3, .text h4, .text h5, .text h6 {text-transform:uppercase; font-size:17px;}


/* flash
- - - - - - - - - - - - - - - - - - - - */
#flash {width:965px; height:480px; display:none; border:1px solid #eee;}


/* form
- - - - - - - - - - - - - - - - - - - - */
fieldset {border:none; border-bottom:1px solid #ccc; margin-bottom:20px;}
fieldset legend {display:none;}
fieldset ul {margin:0px; padding:0px; list-style:none;}
fieldset ul li {margin:0px; padding:0px; clear:left; padding:4px 0px;}
fieldset ul li label {float:left; width:250px; padding:2px 0px 0px 0px;}
fieldset ul li input {background:url(../img/bg_input.gif) no-repeat left top; border:1px solid #ccc; font:11px Arial, Helvetica, sans-serif; color:#333; padding:3px; width:300px;}
fieldset ul li textarea {background:url(../img/bg_input.gif) no-repeat left top; border:1px solid #ccc; font:11px Arial, Helvetica, sans-serif; color:#333; padding:3px; width:300px; height:150px;}
fieldset ul li input.checkbox {height:20px; width:20px; padding:0px; border:none; vertical-align:middle;}
fieldset ul li input.button {width:87px; height:31px; padding:0px; border:none;}
.bg_error {color:#cd0000;}


/* footer
- - - - - - - - - - - - - - - - - - - - */
#footer {color:#dcdcdc; font-size:11px; padding:5px 10px;}
#footer a {color:#cccfd3;}
#footer a:hover {text-decoration:none; color:#fff;}
#footer img {vertical-align:middle;}