* { padding:0; margin:0; outline:0; }
body {
    background:#FFFFFF;
    font-family: Georgia, "Times New Roman", Times, serif; margin:0;
    font-size:15px;
    color:#333333;
}

a img { border:0; }

ul{margin:0px;padding:5px 0 0 20px;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#13ef03; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }

h1 {}
h2 { font-size:60px; line-height:70px; padding:10px 0 0 0; background-color: #FFFFFF; border-bottom:3px dotted #333333;}
h3 { font-size:20px; line-height:26px; border-bottom:1px dotted #4CA3CA;font-weight: normal;color:#4CA3CA;}
p {line-height:20px; color:#666666;margin:5px 0;padding:0;}
.tags{color:#FFFFFF; text-transform: uppercase;font-weight: bold;font-size: 11px;background-color: #FFCC00;}
#shell { width:960px; margin:0 auto; min-height:2000px; padding-bottom:200px; position:relative;}
/* -----------GRAFFE----------------*/
.Riquadri {clear:both;z-index: 100;position:relative;padding:20px 0 0px 60px;width:960px;}
.RiquadroGraffa1{float:left;z-index: 100;position:relative; width:310px;height:140px;}
.RiquadroGraffa2{float:left;z-index: 100;position:relative; width:309px;height:120px;}
.RiquadroGraffa3{float:left;z-index: 100;position:relative; width:290px;height:120px;}
.RiquadroGraffa1 span, .RiquadroGraffa2 span, .RiquadroGraffa3 span{font-size:36px;color:#333333;}
.RiquadroGraffa1 p, .RiquadroGraffa2 p, .RiquadroGraffa3 p{width:230px;height:100px;overflow: hidden;margin:15px 0 0 20px;}

/* ----------------------------------------------Head-------------------------------------*/

#head{
    display:block;
    width:960px;
    height:135px;
}



#quicklinks{
    position:absolute;
    top:10px;
    right:0;
    font-size:13px;
}

#quicklinks li{
    display:inline;
    margin-right:8px;
    padding-right:10px;
    border-right:1px solid #CCCCCC;
}

#quicklinks li.last{
    margin-right:0;
    padding-right:0;
    border-right:none;
}

#quicklinks li a{border-bottom: 2px dotted #CCCCCC;}
#quicklinks li a:hover{border-bottom: 2px solid #CCCCCC;text-decoration: none;color:#666666;}

/* ----------------------------------------------Search Form-------------------------------------*/

#search{display:block; width:285px; position:absolute; top:40px; right:0;}

#search input{
    display:block;
    width:229px;
    margin:0;
    padding:5px;
    color:#666666;
    background-color:#FFFFFF;
    border:1px solid #CCCCCC;
    font-size:12px;
}

#search input#go{
    display:block;
    float:right;
    width:auto;
    height:auto;
    margin:0;
    padding:4px;
}
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}

/* ************************ */

.site-info { width:460px; color:#468bb6; font-size:16px; text-transform: uppercase; font-weight: bold;}

#container p { padding-bottom:15px;}
#container { position:relative; width:100%;}


.projects { height:300px; position:relative; }
.projects ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:960px; height:300px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects ul li .project-bg{width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(../images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#PrimoBlocco { background-color: #FFFFFF;clear:both;}
#PrimoBlocco .left { width:470px; min-height:350px; padding:5px 0 0 7px;}
#PrimoBlocco .right { width:450px; min-height:350px; padding:0 7px 0 0;}

#SecondoBlocco { background-color: #FFFFFF;}
#SecondoBlocco .left { width:470px; min-height:350px; padding:5px 0 0 7px;}
#SecondoBlocco .right { width:450px; min-height:350px; padding:0 7px 0 0;}

#Contact {background-color: #FFFFFF;}
#Contact .left { width:470px; min-height:350px; padding:5px 0 0 7px;}
#Contact .right { width:450px; min-height:350px; padding:0 7px 0 0;}
input, textarea, select { font-size:14px; padding:5px; color:#333333; border:0; }
#Contact label { display:block; padding-bottom:5px;}
#Contact .field { background:url(../images/field.png); display:block; width:390px; margin-bottom:15px;}
#Contact textarea.field { height:130px; width:390px; }

a.submit { font-weight: bold; text-transform: uppercase;}


.Lampadina p{background-image: url(../upload/image/lampadina.jpg); height: 252px; width: 212px;}
.Lampadina p:hover {background-image:url(../upload/image/lampadina_hover.jpg); width:212px; height:252px;}


.contacts{ border-bottom:3px dotted #333333;}
.contacts ul {margin:0px;padding:0px;}
.contacts li{ list-style-type: none; min-height:50px;clear:both; vertical-align: middle; line-height:20px;font-size:14px; }
.contacts li img {vertical-align: middle;padding:2px 10px 0 20px;clear: both;height:45px;}


.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}
.logo1 { width:300px; height:120px; top:10px; left:10px;background-image: url('../images/logo.jpg');}

.graffa1 { width:300px; height:140px; top:150px; left:10px;background-image: url('../images/graffa_grigia.jpg');}
.graffa2 {  width:300px; height:140px; top:150px; left:320px;background-image: url('../images/graffa_grigia.jpg');}
.graffa3 {  width:300px; height:140px; top:150px; left:630px;background-image: url('../images/graffa3.jpg'); }
.dir {  width:118px; height:53px; top:80px; left:900px; background-image: url('../images/dir.png');}
.abs-span dir a:hover{background-image: url('../images/dir-hover.png');}
.rel-content { position:relative; z-index:2;padding-top:180px;}



.buttons { font-size:0; line-height:0;}
.buttons a{ position:absolute; color:#333333; text-decoration: none; z-index:20;}
.buttons a em{ position:absolute; width:32px; height:32px; background:url(../images/plus.png); top:55px; left:25px; z-index:2;}
.buttons a span{ display:block; width:300px; height:140px; background:url(../images/button.png) no-repeat 0 0; font-size:20px;
                 line-height:140px; font-weight: bold; text-transform: uppercase; padding:0 0 0 55px; display:none; float:left; z-index:1 !important; position:relative; }
.buttons a.PrimoBlocco-link{ top:150px; left:10px;z-index:1000; }
.buttons a.SecondoBlocco-link{ top:150px; left:320px;z-index:1000; }
.buttons a.contact-link{ top:150px; left:630px;z-index:1000; }
.buttons a.top-link{ top:-290px; left:10px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


.jcarousel-clip { width:960px; height:300px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:310px; }
.jcarousel-next { background:url(../images/next.png); left:459px; }
.jcarousel-prev { background:url(../images/prev.png); left:395px; }

.copy { text-align: left; position:absolute; bottom:30px; width:100%; left:0; color:#062e44; }
.copy a{ color:#062e44; }

textarea { overflow:auto;}

/*      FOOTER    */
#Footer {margin:0 auto;width:960px;height:60px;margin-top:10px;}
#social{margin:0 auto;width:960px;padding: 30px;}
#social ul{margin:0px;padding:0px 20px 0 0;float:right;}
#social li{margin-right:15px; cursor:pointer;display: inline;}

.Riferimenti li{display:inline;}
.Riferimenti ul{float:left;margin:0px;font-size:11px;margin:0px;padding:0px;height:20px;width:300px;}
.Riferimenti{width:960px;border-top:1px solid #CCCCCC;margin:3px 0;height:20px;}
.copyright{float:right;font-size:11px;}