/* --------------------------Generale----------------------------- */

body,p,form,fieldset,input,ul,li,h1,h2,h3,h4,h5,h6{
margin:0; padding:0 }

ul li{ list-style:none;}

a img, fieldset { border:none }

a { 
color:#ec008c; 
text-decoration: none; 
}

a:hover { 
text-decoration: underline; 
}

a.blue { 
color: #1bbbe9;
text-decoration: none; 
}

.clearer{
clear: both;
height: 0;
line-height: 0px;
font-size: 0px;
}

p{
padding-bottom:10px;
}

h2, h3 {
font-size:16px;
font-weight:bold;
color: #1bbbe9;
padding-bottom:10px;
}

h4 {
font-size:14px;
font-weight:bold;
color: #fff;
padding:10px 0 10px 0;
}

/* ------------------------Struttura------------------------------- */

body {
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #aaa8a3;
background:transparent url(images/bg-body.jpg) repeat;
}

#wrapper1 {
width: 100%;
background:transparent url(images/bg-wrapper.jpg) repeat;
padding-bottom:50px;
}

#wrapper2 {
width: 100%;
background: url(images/bg-luce.png) no-repeat center -130px;
}

#container {
width: 940px;
margin: 0px auto;
text-align: left;
line-height:160%;
}

#header{
width:100%;
padding-top:42px;
}

#content {
width: 940px;
background:transparent url(images/bg-content.png) repeat;
margin-top:50px;
padding-bottom:30px;
}

#left {
width:660px;
float:left;
display:inline;
}

#right {
width:260px;
float:right;
display:inline;
}

.intro{
padding:20px;
}

#right ul.list-right {
margin:0 0 20px 0;
}

#right ul.list-right li {
border-bottom:1px solid #333333;
padding:5px 0 5px 0;
}

.rightBlock {
border-bottom:1px solid #D4D4D3;
padding:15px 15px 20px;
}

/* ------------------------Logo------------------------------- */

h1#logo {
width: 182px;
height: 77px;
position:absolute;
top:20px;
}

h1#logo a{
width: 182px;
height: 77px;
background: url(images/logo.gif) no-repeat top center;
text-indent:-9999px; 
display:block; 
outline:0;
}

/* ------------------------Menu------------------------------- */

#menu {
width:845px;
float:right;
background: url(images/bg-menu.png) repeat-x left center;
}

#navigation {
float: right;
}

#navigation li {
float: left;
}

#navigation li a {
display:block;
color: #1bbbe9;
font-size: 12px;
text-decoration: none;
text-transform:uppercase;
padding:8px 10px 8px 10px;
border-left:1px solid #333;
}

#navigation li.current_page_item a, #navigation li a:hover {
background: #1bbbe9;
color: #fff;
}

/* ------------------------Home------------------------------- */

#content-slogan {
width:575px;
float:left;
margin-top:30px;
}

p.slogan {
background: #000;
margin-top:43px;
}

p.presentazione {
background: #1bbbe9;
margin-top:15px;
}

#slide {
float:right;
width:328px;
margin-top:30px;
}

.bottom-home {
width: 940px;
height:190px;
background:transparent url(images/bg-mod.png) repeat-x;
margin-top:30px;
}

.box {
width: 312px;
float: left;
padding-top:20px;
}

.content-box {
border-right: 1px solid #333;
}

.no-border {
border:0;
}

h2.title-box {
padding:0 0 15px 15px
}

h2.title-box-blog {
padding:0 0 5px 15px
}


.p-box {
padding:0 20px 15px 15px;
}

.p-box1 {
background:transparent url(images/design2.png) no-repeat 235px 0;
padding:0 100px 15px 15px;
}

.p-box2 {
background:transparent url(images/seo3.png) no-repeat 235px 0;
padding:0 100px 15px 15px;
}

.p-box3 {
background:transparent url(images/print2.png) no-repeat 235px 0;
padding:0 100px 15px 15px;
}

.p-box6 {
background:transparent url(images/contatti2.png) no-repeat 235px 0;
padding:0 100px 15px 15px;
}

p.linkservizi {
background:transparent url(images/icon-piu.gif) no-repeat scroll 15px 0;
padding-left:35px;
}

p.linkservizi a {
font-weight:bold;
}

ul.art-blog {
padding:0 20px 15px 15px;
}

ul.art-blog li {
border-bottom:1px solid #333333;
padding:5px 0 0px 0;
}

#flickr-home {
width:100%;
margin-bottom:25px;
}

#flickr-home img {
width:57px;
height:57px;
float:left;
display:inline;
margin:5px 0 0 13px;
border: 2px solid #555;
}

#flickr-home a:hover, #flickr-home a:hover { /*ie trick*/
	border-color: red;
}

#flickr-home a:hover img,
#flickr-home a img:hover {
	border:2px solid #ec008c;
}

#flickr-right img {
width:55px;
height:55px;
float:left;
margin:5px 13px 13px 0;
border: 2px solid #555;
}

#flickr-right a:hover, #flickr-right a:hover { /*ie trick*/
border-color: red;
}

#flickr-right a:hover img,
#flickr-right a img:hover {
border:2px solid #ec008c;
}

/*
Le immagini sono contenute in divs denominati "flickr_badge_image" caratterizzati da questa id "flickr_badge_imageX". "X" è un numero intero che specifica un certa posizione. In fondo troverai alcuni stili per poter iniziare!
*/

/* ------------------------Servizi------------------------------- */

ul.servizi {
margin:0 0 10px 0;
padding:0 0 0 15px;;
}

ul.servizi li {
list-style-type:disc;
}

/* ------------------------Portfolio------------------------------- */

.thumbnail {
width:192px;
float: left;
display:inline;
margin:0 0 20px 20px;
}

.no-margin {
margin:0 0 20px 0;
}

.thumbnail img {
border: 2px solid #555;
}

.thumbnail a:hover, .thumbnail a:hover { /*ie trick*/
border-color: red;
}

.thumbnail a:hover img,
.thumbnail a img:hover {
border:2px solid #ec008c;
}

.thumbnail p.tech-specs {
font-size: 11px;
width:100%;
color: #aaa8a3;
padding:0;
margin:0;
}

.thumbnail span{
color: #707070;
}

/* ------------------------Form blog------------------------------- */

.blog-text { width: 200px; padding: 5px; background: #121212; border: 1px solid #333333; color:#aaa8a3; }

.blog-textarea { width: 380px; height: 150px; padding: 5px; background: #121212; border: 1px solid #333333; color:#aaa8a3; }

/* ------------------------Contatti------------------------------- */

fieldset { margin-top: 5px; }

fieldset .frow-text { width: 380px; padding: 5px; background: #121212; border: 1px solid #333333; color:#aaa8a3; }

fieldset .frow-textarea { width: 380px; height: 150px; padding: 5px; background: #121212; border: 1px solid #333333; color:#aaa8a3; }

.button { border:0; background:#ec008c; color:#fff; font-weight:bold; padding:2px 4px; margin-bottom:10px; }

/* ------------------------Footer------------------------------- */

#footer {
width: 100%;
}

#content-footer {
width: 940px;
margin: 0 auto;
text-align: left;
padding:24px 0 24px 0;
background: transparent url(images/mini-logo.gif) no-repeat left center; 
}

#content-footer span{
padding-left:120px;
font-size:11px;
color:#444;
}