body{
margin:0;
padding:0;
font-size:13px;
color:#CCCCCC;
font-family:verdana,geneva,helvetica,arial,sans-serif;
line-height:20px;
background:#FFFFFF url(../img/test.png) repeat;
}
/*links general style*/
a{
color:#48A5BF;
outline:none;
text-decoration: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:#BB1487;
}
a img{
border:none;
}
h2 a, h3 a{
color:#48A5BF;
text-decoration:none;
}
/*list style*/
ul, ul li{
margin:0;
padding:0;
list-style-position:inside;
}
/*clear class*/
.css_clearfix{
clear:both;
}
/*center class*/
.css{
width:980px;
margin:auto;
position:relative;
overflow:hidden;
height:1%;
}
.center{
text-align:center;
padding:50px;
margin-top:80px;
background-color:#F4F4F4;
}
/*title style*/
h1,h2,h3,h4{
margin:0;
padding:0;
padding-bottom:20px;
border-bottom:1px solid #666;
}
h2, h3.css_design_l, h3.flash_design_l{
font-size:36px;
color:#48A5BF
}
.css_design_content h2, h2.servizi_l{
color:#BB1487;
}
h2.dettagli_l{
color:#666;
}
h3{
font-size:23px;
color:#666666;
}
h4{
margin-bottom:10px;
font-size:23px;
color:#666666;
}
.creazione_siti_internet h4{
padding-bottom:0;
border:none;
}
h5{
margin:0;
padding:0;
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;
}
.intro{
font-size:11px;
}
.intro h2{
font-size:30px;
padding-bottom:10px;
}
/*top toolbar*/
#realizzazione_siti{
position:absolute;
width:100%;
top:0;
left:0;
}
#realizzazioni_siti .css{
position:relative;
height:42px;
}
#css_select{
width:455px;
padding:5px 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
overflow:hidden;
height:1%;
background:url(../img/web_designer_menu_bg.png) repeat;
float:right;
}
#css_select form{
float:left;
}
#css_select input{
height:20px;
border:0;
border:1px solid #000000;
margin-top:6px;
margin-left:20px;
padding:0 10px;
background-color:#616161;
color:#FFFFFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:url(../img/web_designer_menu_bg.png) repeat;
}

/*header*/
#creazione_siti{
background:url(../img/creazione_siti_internet_bg.png) repeat-x;
border-top:5px solid #BB1487;
}
#creazione_siti .css{
height:150px;
}
#creazione_siti h1{
border:none;
}
#css_designer_logo a{
display:block;
width:337px;
height:79px;
position:absolute;
top:30px;
left:0;
background:url(../img/web_designer_logo.png) no-repeat;
}
#css_designer_logo a span{
display:none;
}

/*main/footer menu*/
.web_designer_menu{
height:30px;
line-height:0;/*xIE*/
margin-bottom:30px;
}
.web_designer_menu .css{
width:950px;
height:30px;
padding-left:30px;
background:url(../img/web_designer_menu_bg.png) repeat-x;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.web_designer_menu a, .css_designer_footer_menu a{
height:14px;
padding:8px 20px;
display:block;
float:left;
color:#FFF;
text-decoration:none;
font-size:13px;
text-transform:uppercase;
}
.web_designer_menu a:hover{
background-color:#48A5BF;
}
.web_designer_menu a.selected:hover, .web_designer_menu a.selected{
background-color:#272727;
}
/*main content*/
.css_design_content{
padding:40px 0;
background-color:#1A1A1A;
border-top:1px solid #333;
border-bottom:1px solid #333;
}
.creazione_siti_internet{
padding:40px 0;
color:#999999;
}
/*footer*/
#web_designer_footer{
padding-top:20px;
background-color:#1A1A1A;
}
.alt #web_designer_footer{
background:transparent;
}
#web_designer_footer p{
margin-top:0;
padding-bottom:20px;
font-size:10px;
color:#FFF;
}
/*container class*/

.web_designer_gray{
padding:40px 0;
color:#999999;
}
.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;
overflow:hidden;
height:1%;
}
.css_420r p{
text-align:justify;
}
.css_360l{
width:340px;
padding-right: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:220px;
/*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;
}

/*#chisono .css_560r p{
margin-top:0;
}
#chisono .css_560r h3{
height:48px;
line-height:48px;
}*/

/*portfolio*/
#portfolioNav a{
display:block;
margin-bottom:2px;
padding:4px 10px 4px 10px;
}
#portfolioNav a:hover, #portfolioNav a.selected{
color:#FFF;
background-color:#333333;
}
/*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;
border:1px solid #666;
}
#contatti_web_designer legend{
color:#FFF;
}
#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;
}

/*slideshow*/
ul.slideshow {
list-style:none;
width:539px;
height:280px;
overflow:hidden;
position:relative;
margin:0;
padding:0;
background-color:#000000;
}	
ul.slideshow li {
position:absolute;
left:0;
right:0;
}
ul.slideshow li.show {
z-index:500;	
}
ul img {
border:none;	
}
#slideshow-caption {
width:539px;
height:70px;
position:absolute;
bottom:0;
left:0;	
color:#fff;
background:#000;
z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;		
z-index:1000;
}
#slideshow-caption h3 {
margin:0;
padding:0;	
font-size:14px;
}
#slideshow-caption p {
margin:5px 0 0 0;
padding:0;
}
/*twitter slide*/
#twitter{
width:400px;
color:#999999;
}
#twitter ul, #twitter ul li{
list-style:none;
}
/*social network header*/
#css_select a{
display:block;
width:32px;
height:32px;
float:left;
margin-right:5px;
}
#css_select a.a1{
background:url(../img/italy.png) no-repeat top left;
}
#css_select a.a2{
background:url(../img/uk.png) no-repeat top left;
}
#css_select a.a3{
background:url(../img/rss.png) no-repeat top left;
}
#css_select a.a4{
background:url(../img/tweet.png) no-repeat top left;
}
#css_select a.a5{
background:url(../img/facebook.png) no-repeat top left;
}
#css_select a.a6{
background:url(../img/linkedin.png) no-repeat top left;
}
#css_select a.a1:hover, #css_select a.a2:hover, #css_select a.a3:hover, #css_select a.a4:hover, #css_select a.a5:hover, #css_select a.a6:hover, #css_select a.selected:hover, #css_select a.selected{
background-position:bottom left;
}
/*social network chi sono*/
#social_network{
overflow:hidden;
height:1%;
}
#social_network a{
display:block;
width:61px;
height:61px;
float:left;
margin-right:15px;
}
#social_network a.a1{
background:url(../img/tweet_b.png) no-repeat top left;
}
#social_network a.a2{
background:url(../img/facebook_b.png) no-repeat top left;
}
#social_network a.a3{
background:url(../img/linkedin_b.png) no-repeat top left;
}
#social_network a.a1:hover, #social_network a.a2:hover, #social_network a.a3:hover{
background-position:bottom left;
}
/*social network footer*/
.cufon-canvas{padding-left:0!important;}