body{
margin:0;
padding:0;
font-size:14px;
color:#666;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif;
line-height:20px;
background-color:#FFF;
}
/*links general style*/
a{
color:#4683BF;
outline:none;
}
a:hover, a.selected, #risorse_css a:hover, #risorse_css a.selected, #css_designer_menu a:hover, #css_designer_menu a.selected, #risorse_css_footer a:hover, #risorse_css_footer a.selected, #css_designer_footer_menu a:hover, #css_designer_footer_menu a.selected{
color:#FF9900;
}
a img{
border:none;
}
/*list style*/
ul, ul li{
margin:0;
padding:0;
list-style:none;
}
ul li{
background:url(../img/icon_li.png) no-repeat center left;
padding-left:20px;
}
/*clear class*/
.css_clearfix{
clear:both;
}
/*center class*/
.css{
width:980px;
margin:auto;
position:relative;
}
.center{
text-align:center;
padding:50px;
margin-top:80px;
background-color:#F4F4F4;
}
/*title style*/
h2,h3,h4, h5{
margin:0;
padding:0;
font-family:Tahoma;
}
h2{
font-size:18px;
color:#4683BF;
}
h3{
font-size:18px;
}
h4{
margin-bottom:10px;
font-size:16px;
}
h5{
font-size:14px;
}
h5 span{
font-weight:normal;
font-family:"Trebuchet MS",Verdana,"Lucida Grande",Tahoma,Helvetica,sans-serif;
}
/*italic font style*/
i{
font-size:10px;
}
/*selezione lingue*/
#realizzazione_siti{
width:100%;
height:27px;
margin-top:5px;
position:absolute;
top:0;
left:0;
}
#realizzazione_siti .css{
height:27px;
background:url(../img/icon_search.jpg) no-repeat;
}
#css_search{
float:left;
border:1px dotted #CCC;
margin-left:50px;
}
#css_search form{/*xIE*/
margin:0;
padding:0;
}
#css_search input{
border:0;
border:none;
padding-left:20px;
}
#css_select{
height:27px;
padding-left:40px;
float:right;
background:url(../img/icon_select.jpg) no-repeat;

}
#css_select a{
padding:0 5px;
border:1px dotted #CCC;
font-weight:bold;
text-decoration:none;
}
/*header*/
#creazione_siti{
height:306px;
margin-top:30px;
padding-bottom:1px;
background:url(../img/creazione_siti_body_bg.jpg) repeat-x bottom;
border-bottom:1px solid #CCC;
}
#css_designer_logo a{
display:block;
width:413px;
height:88px;
position:absolute;
top:20px;
left:0;
background:url(../img/css_designer_logo.png) no-repeat;
}
#css_designer_logo a span{
display:none;
}
#css_tutorials_rss_feed{
width:482px;
height:293px;
position:absolute;
top:4px;
right:0;
background:url(../img/css_tutorials_rss_feed_bg.png) no-repeat;
}
#feed_rss{
width:50px;
height:54px;
margin-top:-10px;
position:absolute;
right:180px;
top:0;
background:url(../img/css_blog_feed_me.png) no-repeat;
cursor:hand;
}
/*main/footer menu*/
#css_designer_menu{
position:absolute;
top:220px;
left:0;
z-index:10;
padding-right:20px;
padding-bottom:10px;
border-bottom:1px solid #244567;
}
#css_designer_footer_menu{
margin-left:180px;
margin-top:45px;
height:32px; /*xIE*/
}
#css_designer_menu a, #css_designer_footer_menu a{
height:32px;
line-height:32px;
margin-left:30px;
padding-left:40px;
display:block;
float:left;
font-weight:bold;
color:#FFF;
text-decoration:none;
}

#risorse_css{
position:absolute;
top:270px;
left:90px;
font-size:12px;
color:#FFF;
font-weight:bold;

}
#risorse_css_footer{
padding-top:10px;
font-size:12px;
color:#FFF;
font-weight:bold;
}
#risorse_css a, #risorse_css_footer a{
margin-left:20px;
font-size:13px;
color:#FFF;
text-decoration:none;
}
/*main content*/
#css_design_content{
margin:40px 0;
}
/*footer*/
#web_designer_footer{
height:141px;
padding-top:1px;
background:url(../img/creazione_siti_footer_bg.jpg) repeat-x bottom;
border-top:1px solid #CCC;
}
#web_designer_footer .css{
text-align:center;
}
#web_designer_footer p{
margin-top:0;
font-size:11px;
color:#FFF;
}
/*container class*/
.gray{
margin-top:30px;
padding:20px;
background-color:#F4F4F4;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
.css_620r{
width:599px;
padding-left:20px;
float:right;
}
.css_630l{
width:609px;
padding-right:20px;
float:left;
}
.css_560l{
width:539px;
padding-right:20px;
float:left;
}
.css_560r{
width:539px;
padding-left:20px;
float:right;
}
.css_490l{
width:470px;
padding-right:20px;
float:left;
}
.css_490r{
width:469px;
padding-left:20px;
float:right;
}
.css_420l{
width:400px;
padding-right:20px;
float:left;
}

.css_420r{
width:400px;
padding-left:20px;
float:right;
}
.css_360l{
width:340px;
padding-left:20px;
float:left;
}
.css_350r{
width:330px;
padding-left:20px;
float:right;
}
.css_325l{
width:304px;
padding-right:20px;
float:left;
}
.css_325ll{
width:285px;
padding:0 20px;
float:left;
}
.css_325r{
width:304px;
padding-left:20px;
float:right;
}
.css_326lr{
width:316px;
padding:0 5px;
float:left;
}
.css_326l{
width:316px;
padding-right:10px;
float:left;
}
.css_326r{
width:316px;
padding-left:10px;
float:left;
}
.css_220l{
width:210px;
padding-right:10px;
float:left;
}
.css_235l{
width:225px;
padding-right:10px;
float:left;
}
.css_235r{
width:215px;
padding-left:10px;
float:right;
}
.css_180r{
width:150px;
padding-left:10px;
float:right;
}
/*margin class*/
.mb10{
margin-bottom:10px;
}
.mb20{
margin-bottom:20px;
}
.mb30{
margin-bottom:30px;
}
.mb50{
margin-bottom:50px;
}
.mb0{
margin-bottom:0;
}
.mt0{
margin-top:0;
}
/*border class*/
.bl{
border-left:1px dotted #666;
}
.br{
border-right:1px dotted #666;
}
.blr{
border-left:1px dotted #666;
border-right:1px dotted #666;
}
.bb{
border-bottom:1px dotted #666;
}
.bp10{
padding:9px;
background-color:#F4F4F4;
border:1px solid #CCC;
}
/*icons class*/
.home_l, .servizi_l, .chisono_l, .portfolio_l, .contatti_l, .css_design_l, .flash_design_l, .network_l, .dettagli_l, .sitemap_l{
height:48px;
line-height:48px;
padding-left:60px;
}
.home_s{
background:url(../img/icon_home_s.png) no-repeat;
}
.home_l{
background:url(../img/icon_home_l.png) no-repeat;
}
.chisono_s{
background:url(../img/icon_chisono_s.png) no-repeat;
}
.chisono_l{
background:url(../img/icon_chisono_l.png) no-repeat;
}
.servizi_s{
background:url(../img/icon_servizi_s.png) no-repeat;
}
.servizi_l{
background:url(../img/icon_servizi_l.png) no-repeat;
}
.contatti_s{
background:url(../img/icon_contatti_s.png) no-repeat;
}
.contatti_l{
background:url(../img/icon_contatti_l.png) no-repeat;
}
.portfolio_s{
background:url(../img/icon_portfolio_s.png) no-repeat;
}
.portfolio_l{
background:url(../img/icon_portfolio_l.png) no-repeat;
}
.network_l{
background:url(../img/icon_network.jpg) no-repeat;
}
.dettagli_l{
background:url(../img/icon_dettagli.jpg) no-repeat;
}
.css_design_l, .flash_design_l{
padding-left:0;
}
.sitemap_l{
background:url(../img/icon_sitemap_l.jpg) no-repeat;
}
/*chi sono*/
#chisono .css_560r p{
margin-top:0;
}
#chisono .css_560r h3{
height:48px;
line-height:48px;
}

/*portfolio*/
#portfolioNav a{
display:block;
background:url(../img/icon_li.png) no-repeat center left;
padding-left:20px;
}

/*css template*/
.css_template p{
margin-top:0;
margin-bottom:15px;
}

/*css tutorials*/
.css_tutorials a{
text-decoration:none;
}
.css_tutorials a:hover{
}
.css_tutorials p{
margin-bottom:0;
margin-top:10px;
}

/*contatti*/
#contatti_web_designer fieldset{
padding:10px;
}
#contatti_web_designer #name, #contatti_web_designer #email, #contatti_web_designer textarea, #contatti_web_designer #url{
width:99%;
}

/*css disabled*/
#css_disabled{
visibility:invisible;
display:none;
height:0;
}