/*
---------------------------------------------------------------
Titolo:      Webfruits -  Foglio di stile  (screen media)
Autore:      Sonia Anepeta - www.webfruits.it
Copyright:   Webfruits - www.webfruits.it
Versione:    3.0
Data:        01/2008
Ultimo agg.: 16/06/2008 
---------------------------------------------------------------
*/


html, body {
border:0;
margin:0;
padding:0;
}

html {
	min-width: 1007px;
}

body {
background: #181C1F;
font: 76%/140% Verdana,Arial,Helvetica,sans-serif;
padding: 0;
margin: 0;
}

ul, ol {
list-style: none;
margin: 0;
padding: 0;
}

blockquote {
margin: 3em 1.25em 1.25em 1em;
padding: 1.25em 1.25em 0 1.25em;
}

acronym, abbr {
cursor: help;
letter-spacing: 1px;
border-bottom: 1px dashed;
}

a,
a:link,
a:visited,
a:hover {
outline: none;
text-decoration: none;
}

:focus {
outline : 0;
}

form {
display: inline;
margin: 0;
padding: 0;
}
textarea {
line-height: 1.25;
width: 100%;
}
label { cursor:pointer; }
fieldset { border: none; }

.clear { clear:both; }
hr.clear {
clear: both;
margin: 0px;
padding: 0px;
visibility: hidden;
}

.float-left { float:left; }
.float-right { float:right; }
 
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.text-indent { text-indent: 20px; }

img.center {
display: block;
margin: 10px auto 10px auto;
}
img.alignleft {
float:left;
margin: 2px 15px 0 0;
}
img.alignright {
float:right;
margin: 2px 0 0 15px;
}

img { border: 0; }

.nodisplay {
display: none;
}

/* Titoli */

h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;	
}

h1 {
color: #000;
font-size: 30px;
font-weight: bold;
line-height: 40px;
}

h2 {
color: #3F494F;
font-size: 28px;
font-weight: bold;
text-indent: -9999px;
}

h3 {
color: #3F494F;
font-size: 1.0em;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}

h4 {
color: #2D3438;
font-size: 20px;
}

h5 {
color: #5A4B44;
font-size: 15px;
font-weight: bold;
}

a,
a:active, 
a:visited {
color: #ED1E6B;
}

a:hover {
color: #404A50;
}

.highlight-green1 {
color: #BEDA33;
}
.highlight-blue1 {
color: #23B6DC;
}

.highlight-green2 {
color: #D7EB84;
}
.highlight-blue2 {
color: #7FCBDF;
}

.grey {
color: #2D3438;
}

#wrapper {
    margin: 0;
    position: absolute;
    width: 1003px
}

.logo {
background: url(images/head-logo.jpg) no-repeat; 
height: 192px;
margin: 0px 0 0 60px;
text-indent: -9999px;
width: 413px;
}

#header {
background: #212629 url(images/head.jpg);
height: 260px;
overflow: hidden;
text-align: left;
width: auto;
}

.elementheader {
padding: 30px 0 10px 0;
}

#navspace {
background: #262C2F;
border-bottom: 1px solid #404A4F;
border-top: 1px solid #404A4F;
height: 50px;
margin: 0;
padding-left: 54px;
overflow: hidden;
text-align: left;
width: auto;
}

#nav {
float: left;
font-size: 18px;
padding-top: 3px;
width: auto;
}

#nav li {
background: transparent;
float: left;
height: 42px;
margin: 0; 
padding: 0 20px 0 0;
}

#nav li a:link,
#nav li a:visited,
#nav li a:hover {
border: none;
color: #404A4F;
display: block;
height: 42px;
line-height: 42px;
text-indent: -9999px;
}

#nav li.navWebdesign a { 
background: url(images/nav-01.gif) 0 0 no-repeat; 
width: 142px;
}
#nav li.navElearning a { 
background: url(images/nav-02.gif) 0 0 no-repeat;
width: 125px;
}
#nav li.navBlog a { 
background: url(images/nav-03.gif) 0 0 no-repeat;
width: 62px;
}
#nav li.navContatti a{ 
background: url(images/nav-04.gif) 0 0 no-repeat;
width: 88px; 
}
#nav li.navFreebies a { 
background: url(images/nav-05.gif) 0 0 no-repeat;
margin-left: 200px;
width: 200px;
height: 50px;
}
#nav li.navFreebies a:hover { 
background-position: 0 -40px;
}
#nav li.navFreebiesActive a { 
background: url(images/nav-06.gif) 0 -40px no-repeat;
margin-left: 0px;
width: 200px;
height: 50px;
}

#nav li.navPortfolio a { 
background: url(images/nav-07.gif) 0 0 no-repeat;
margin-left: 478px;
width: 200px;
height: 50px;
}
#nav li.navPortfolio a:hover { 
background-position: 0 -40px;
}

#nav li.navPortfolioReturn a { 
background: url(images/nav-portReturn.gif) 0 0 no-repeat;
margin-left: 676px;
width: 200px;
height: 50px;
}
#nav li.navPortfolioReturn a:hover { 
background-position: 0 -40px;
}

#nav li.navFreebiesReturn a { 
background: url(images/nav-freeReturn.gif) 0 0 no-repeat;
margin-left: 676px;
width: 200px;
height: 50px;
}
#nav li.navFreebiesReturn a:hover { 
background-position: 0 -40px;
}

#nav li.navWebdesign a:hover,
#nav li.navElearning a:hover,
#nav li.navServices a:hover,
#nav li.navGoodies a:hover,
#nav li.navBlog a:hover,
#nav li.navContatti a:hover,
#nav li.active a:link,
#nav li.active a:visited,
#nav li.active a:hover{
background-position: 0 -33px;
}

#nav li.active a:link,
#nav li.active a:visited,
#nav li.active a:hover{
height: 28px;
}

#subnavspace {
height: 30px;
color: #404A50;
font-size: 0.94em;
margin-top: 10px;
padding-left: 54px;
overflow: hidden;
text-align: right;
width: auto;
}

.content {
	clear: left;
	padding: 22px 0 0 54px;
	overflow: hidden;
	width: 905px;
}

.top{
	background: url(images/top_bg.gif) no-repeat left bottom;
	height: auto;
	float: right;
	padding-right: 10px;
	width : 100%;
}

.toplink {
	height: auto;
	float: right;
	padding: 10px 0 10px 0;
	width: 40px;
}


/* -------->> NEWS E SERVIZI <<<-----------*/

#profilo {
font-size: 0.94em;
color: #58656D;
float: left;
line-height: 25px;
margin-bottom: 30px;
text-align: justify;
width: 400px;
}

#profilo .evid {
color: #888;
}

#servizi {
font-size: 0.94em;
color: #888;
float: left;
line-height: 20px;
margin-bottom: 30px;
text-align: justify;
width: 400px;
}

.text-servizi {
color: #58656D;
padding-bottom: 10px;
}

.text-servizi .evid {
color: #888;
}

#news {
font-size: .94em;
color: #888;
height: auto;
float: right;
margin-top: 0px;
padding: 0;
width: 400px;
}

.elenco-news {
background: url(images/news_bg.gif) no-repeat 0 bottom;
margin-bottom: 0px;
padding: 26px 0 20px 0;
width: auto;
}

#news p {
color: #888;
line-height: 20px;
padding: 0 15px 0 10px;
text-align: justify;
}

#news a:hover, #profilo a:hover {
border-bottom: 1px dotted #404A50;
color: #404A50;
}

#news a, #profilo a {
border-bottom: 1px dotted #58656D;
color: #58656D;
}

#news p.star {
line-height: 2.2em;
}

#news span.date {
background: #131719;
color: #404A50;
padding: 2px 5px 2px 5px;
margin-left: -3px!important
}

#news span {
background-image: url(images/news-span_bg2.gif);
padding: 0 2px 15px 2px;
}

#news span.freeb {
background: none;
color: #888;
padding: 0 2px 15px 2px;
}

.commenti {
font-size: 11px;
height: 100px;
margin-top: 20px;
padding: 0px 0px 20px 15px;
}

h2.servizi {
background-image: url(images/h-servizi.gif);
}

.text-servizi h4 {
background-image: url(images/news-h3_bg.gif);
border-bottom: 1px solid #282D31;
color: #404A50;
font-size: 1.5em;
font-weight: bold;
letter-spacing: 1px;
margin: 20px 0 10px 0;
padding: 5px 0 5px 5px;
text-transform: uppercase;
}

.text-servizi p {
background: #131719;
color: #404A50;
padding: 5px;
margin: 0 0 10px 0;
}

#news h2{
background: url(images/h-news.gif) no-repeat;
}

#news h2, h2.servizi {
height: 72px;
text-indent: -9999px;
width: 400px
}

#news h3 {
background-image: url(images/news-h3_bg.gif);
font-size: 17px;
font-weight: bold;
padding: 20px 0 0 10px;
text-transform: uppercase;
width: 395px
}

h3.wd, h3.el {
height: 66px;
text-indent: -9000px;
width: 400px;
}

h3.wd {
background-image: url(images/wd-h3_bg.gif);
color: #CAE02D;
}

h3.el {
background-image: url(images/el-h3_bg.gif);
color: #2FD7F5;
margin-top: 20px
}

/*  Easy Scroll */

#easyscrollnav, #easyscrollnav li {
		margin:0;	
		padding:0;
}	

#easyscrollnav {
		float: right;
		margin:1em 0;
		padding: 0px 10px 0 5px;
		width: 20px;
}

#easyscrollnav li {
        color: #404A50;
		cursor:pointer;
		float:left;
		height: 20px;
		margin: 5px 0px 5px 0px;		
		padding:0 ;
		text-indent: -9000px;
		width: 20px;
}			
		
#easyscrollnav li.over{ color:#ED1E6B; }	
		
#easyscrollnav #btnUp { background-image:url(images/btnUp.gif)!important; }
#easyscrollnav #btnDown { background-image:url(images/btnDown.gif)!important; margin-top: 94px;}
#easyscrollnav #btnReset {background-image:url(images/btnReset.gif)!important; }
	
#easyscrollnav #btnUp:hover {background-image:url(images/btnUpHov.gif)!important; }
#easyscrollnav #btnDown:hover {background-image:url(images/btnDownHov.gif)!important; }
#easyscrollnav #btnReset:hover {background-image:url(images/btnResetHov.gif)!important; }

/* Feed Blog */

.rss_box {
text-align: justify
}

.rss_items {
color: #888;
padding: 0px 5px 0 10px;
}

.rss_item  {
padding-bottom: 0.5em;
}

.rss_item a,
.rss_item a:visited,
.rss_item a:visited {
color: #ED1E6B;
letter-spacing: 1px;
}

.rss_item a:hover {
color: #404A50;
}

.rss_date {
background: none!important;
color: #58656D;
margin-left: -3px!important
}

/* -------->> PAYPAL DONATION <<<-----------*/

.donation {
color: #58656D;
font-size: 11px;
padding-bottom: 25px;
width: 100%
}

.donation p {
text-align: justify!important;
}

.donation form {
float: left!important;
margin: 0 0 0 0
}

/* -------->> PORTFOLIO <<<-----------*/

#pcontent {
background: #181C1F;
padding: 30px 0 30px 0;
width: 100%;
}

.pWebdesign {
background: #181C1F url(images/pWebdesign_bg.gif) no-repeat 0 130px;
color: #fff;
height: auto;
padding: 0 0 0 25px;
text-align: justify;
width: 950px;
}

.portlink {
font-size: 10px;
clear: both;
}

.pElearning {
background: #181C1F;
color: #fff;
height: auto;
padding: 0 0 30px 25px;
text-align: justify;
width: 920px;
}


/* -------->> CONTATTI <<<-----------*/
	
#contact {
margin-bottom: 50px;
overflow: hidden
}

#contWrap {
padding-left: 63px;
position: relative;
width: 100%;
}
	
#contWrap #contInfo {
background: url(images/contInfo_bg.gif) no-repeat top center;
float: left;
height: 350px;
}

#contInfo_en {
background: url(images/contInfo-en_bg.gif) no-repeat top center;
float: left;
height:350px;
}

#contInfo, #contInfo_en { width: 40%;	}

#contInfo p.info, #contInfo_en p.info {
margin: 0;
padding: 35px 30px 0 20px!important;
text-align: center
}

#contInfo ul, #contInfo_en ul {
margin: 40px 0 0 5px;
text-align: right;
width: 340px;
}

#contInfo li, #contInfo_en li  {
color: #EE0B60;
margin: 5px 0;
}

#contInfo li a, #contInfo_en li a { 
background-position: 0 0;
display: block;
font-size: 20px;
height: 53px;
padding-top: 5px;
}

#contInfo li a:hover, #contInfo_en li a:hover { background-position: 0 -57px; }

.mail a { background: url(images/mail.gif) no-repeat; }

.skype a { background: url(images/skype.gif) no-repeat; }

.msn a { background: url(images/msn.gif) no-repeat; }

#contForm {
float: right;
position: relative;
width: 50%;	
}
		
#contWrap form {
float: left;
padding: 0px 17px 3px 20px;
}

#contWrap form .btn {
float: left;
}
		
#contForm p{
line-height: 30px!important
}
		
				
/* Form Contatti */

input, textarea {
border: none;
padding: 4px;
}

label {
color: #404A50;
}

textarea {
height: 130px;
}

.txt {
background: #1E2327;
border-bottom:1px dotted #404A50;
color: #fff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
width: 296px;
}

#contForm input[type="text"]:focus, #contForm textarea:focus {
background: #212629;
border-bottom: 1px solid #404A50;
}

/* Conferma e Ritorno */

.formReturn {
color: #888;
font: 20px Arial, Helvetica, sans-serif;
text-align: center;
margin: 130px 0 110px 0
}

/* -------->> FOOTER <<<-----------*/

#footer {
    color:  #404A50;
	font-variant : normal;
	clear: right;
	float: none;
	margin: 0 auto 0 auto!important;
	padding: 100px 10px 0 0;
    text-align: right;
	height: 100px
} 

#footer img {
	vertical-align: middle
} 

#footer .wf-minilogo {
padding-bottom: 8px
} 

/* -------->> FREEBIES <<<-----------*/

/* elenco */

#freebies-l {
color: #888;
float: left;
margin: 35px 0 30px 0;
text-align: justify;
width: 400px;
}


#freebies-l p {
text-align: center
}

#freebies-r {
color: #888;
height: auto;
float: right;
margin-top: 40px;
padding: 0 5px 30px 0;
width: 400px;
}

#freebies-r h2{
background: url(images/h-news.gif) no-repeat;
}

#freebies-r h2 {
height: 72px;
text-indent: -9999px;
width: 400px
}

/* download */

.fElement {
color: #888;
height: auto;
padding: 0 0 20px 25px;
text-align: justify;
width: 950px;
}

.fElement-pImg {
background: url(images/freePreview.jpg) no-repeat 0 0;
float: left;
height: 210px;
padding-top: 55px;
width: 61%;	
}

.fElement-pImg h3 {
padding: 20px 0 0 20px!important;
}

.fElement-pImg h3 a{
color: #404A4F!important;
font-size: 20px;
font-weight: normal;
}

.fElement-pImg p {
color: #888;
font-size: .94em;
margin: 0;
padding: 5px 0 0 20px!important;
}

.fElement-desc {
background: url(images/freeDesc.gif) no-repeat 0 0;
float: right;
height: 210px;
padding-top: 55px;
width: 36%;
}

.fElement-desc p {
padding: 0 20px 0 20px;
}

.fElement-desc p.small{
font-size: 11px
}

.fElement-desc h3 {
color: #404A4F;
font: bold 13px verdana;
padding: 20px 20px 0 20px;
}

.fElement-desc li a { 
background: url(images/download.gif) no-repeat 0 0;
display: block;
height: 42px;
margin: 0 auto 0 auto;
text-indent: -9000px;
width: 177px;
}
   
.fElement-desc a:hover{
background-position: 0 -40px;
}

/* -------->> SOCIAL <<<-----------*/

.social {
	margin: 40px 0 0 10px!important;
	text-indent: -8000px;
}

.social li {
	float: left;
	margin: 0 2px 2px 0!important;
}

.social a {
	background-repeat: no-repeat;
	background-position: 0px 0px !important;
	display: block !important;
	height: 94px;
	width: 90px;
}

.social a:hover {
	background-position: 0px -94px !important;
}

/*  Social Icon */

#addthis a {
	background-image: url(images/addthis.gif)!important;
}
#digg a {
	background-image: url(images/digg.gif)!important;
}
#delicious a {
	background-image: url(images/delicious.gif)!important;
}
#diigo a {
	background-image: url(images/diigo.gif)!important;
}