/***************************************** 
 * CSS powered by Trasformattivo         *
 * E-mail: sviluppo@trasformattivo.com   * 
 * Site: http://www.trasformattivo.com   *
 * Template Fisso per monitor che partono*
 * come risoluzione da 1024X768          * 
 *****************************************/
/* STRUTTURA PRINCIPALE SITO */
*, html{
margin:0 auto;
padding:0
}
body{
font-family:"Arial";
font-size:1em;
}
#line{
width:100%;
height:8px;
background:url(../img/testata.jpg) repeat-x;
padding:8px 0px;
}
.box{
text-align:right;
width:800px;
}
.box img{
border:none;
}
#header{
width:100%;
}
#menu{
position:relative;
/*width:500px;*/
width:820px;
/*text-align:left;*/
height:auto;
margin-top:28px;
font-size:0.9em;
}
#content{
width:980px;
position:relative;
}
.col1{
width:22px;
height:auto;
position:absolute;
top:0; 
left:0;
padding:1em 0;
}
.col2{
width:900px;
height:auto;
padding:1em 0;
}
.testo{
width:800px;
}
.col3{
width:22px;
height:auto;
position:absolute;
top:0; 
right:0;
padding:1em 0;
}
.final{
width:800px;
color:#8e8e8e;
font-size:0.7em;
margin-top:40px;
}
.final img{
vertical-align:middle;
margin-right:20px;
}
#footer{
width:980px;
height:10px;
text-align:left;
color:#8e8e8e;
clear:both;
}
/* CARATTERISTICHE SITO */
#menu ul{
padding:4px;
margin:0 0 0 10px;
text-align:center;
font-weight:bold;
}
#menu ul li{
list-style-type:none;
line-height:2.8em;
height:30px;
width:135px;
margin-right:10px;
text-align:center;
}
p{
line-height:1.1em;
padding:6px;
text-align:justify;
font-size:0.8em;
}
h2{
font-size:1em;
font-weight:bold;
color:#8e8e8e;
margin-left:5px;
}
h3{
font-size:1.5em;
padding:5px;
margin-bottom:10px;
}
h4{
	font-size:1em;
	font-weight:bold;
	color:#0066CC;
	margin-left:5px;
}
h5{
font-size:1em;
font-weight:bold;
color:#604a19;
margin-left:5px;
}
h6{
font-size:0.9em;
color:#64B8DC;
margin-left:5px;
margin-bottom:-10px;
}
/*IMPOSTAZIONI HEADER*/
#title{
margin-top:35px;
margin-bottom:5px;
text-align:center;
}
.t1{
	display:inline;
	font-family:arial;
	font-size:21px;
	font-weight:bold;
	color:#0092B5;
}
.t2{
	display:inline;
	font-family:arial;
	font-size:21px;
	color:#0092B5;
}
.t3{
	display:inline;
	font-family:arial;
	font-size:21px;
	color:#0092B5;
}
.td4{
	display:inline;
	font-family:arial;
	font-size:12px;
	color:#0092B5;
}
.border{
	width:100%;
	text-align:center;
	margin-top:30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0092B5;
}
.border2{
width:100%;
text-align:center;
border-bottom:1px dashed #604a19;
margin-top:15px;
}
/*FORMATTAZIONE MENU*/
#menu ul li a{
color:#000;
text-decoration:none;
}
#menu ul li a:hover{
color:#ff3300;
text-decoration:none;
}
ul li{
/*border-bottom:1px dashed #604a19;*/
font-size:0.8em;
display:inline;
/*text-align:center;*/
}
.lista1{
top:0; left:0;
width:100%;
display:inline;
text-align:center;
}
.lista1 ul li {
text-align:center;
}
.lista2{
width:33%;
margin:0 33% 0 33%;
}
.lista3{
position:absolute;
top:0; right:0;
width:33%;
}
/*IMPOSTAZIONE LINEC E LINEF*/
#linec{
top:0px;
width:980px;
position:relative;
}
#linef{
top:0px;
width:980px;
height:18px;
position:relative;
}
.c1f{
width:22px;
height:18px;
position:absolute;
top:0; 
left:0;
}
.c2f{
width:90%;
height:18px;
margin-left:5%;
}
.c3f{
width:22px;
height:18px;
position:absolute;
top:0; 
right:0;
}
/*IMPOSTAZIONE FOOTER*/
.borderfooter{
width:800px;
text-align:center;
border-bottom:1px dashed #604a19;
margin:10px 0px;
margin:0 auto;
padding:0;
clear:both;
}
.credits{
color:#8e8e8e;
/*font-size:0.7em;*/
font-size:0.8em;
text-align:left;
margin-left:90px;
margin-top:10px;
width:800px;
}
.credits a{
color:#8e8e8e;
font-size:0.9em;
text-decoration:none;
}
.credits2 p{
color:#8e8e8e;
font-size:0.7em;
text-align:left;
margin-top:10px;
width:800px;
}
.credits2 img {
margin-right:120px;
vertical-align:bottom;
}
.credits2 a{
color:#8e8e8e;
text-decoration:none;
}
/*FORMATTAZIONE HOME PAGE*/
#boxfirst{
position:relative;
width:800px;
height:174px;
margin-bottom:40px;
}
#boxfirst p{
line-height:1.1em;
font-size:0.8em;
text-align:justify;
}
#boxthird{
position:relative;
width:800px;
height:100%;
}
#boxthird p{
line-height:1.1em;
font-size:0.8em;
text-align:left;
margin-left:-4px;
}
#boxc{
position:relative;
width:800px;
height:auto;
margin:0 auto;
padding:0;
}
.box1{
width:530px;
height:150px;
position:absolute;
left:0;
margin-top:0;
padding-top:12px;
padding-bottom:12px;
border-bottom:1px dashed #604a19;
}
.box1 p{
width:500px;
float:left;
margin-top:7px;
}
.box2{
display:inline;
position:absolute;
width:250px;
height:175px;
top:0; 
right:0;
margin-top:0;
border:1px solid #000;
}
.box2 img{
text-align:center;
border:1px solid #000;
}
.box3l{
width:590px;
height:320px;
position:absolute;
left:0;
margin-top:0;
padding-top:10px;
border-right:1px dashed #604a19;
}
.box3l p{
width:310px;
float:left;
}
.box3r{
position:absolute;
width:280px;
top:0; 
right:0;
margin-top:0;
height:330px;
}
.cellacentrale{
width:580px;
height:100px;
position:relative;
border-bottom:1px dashed #604a19;
}
.cellacentrale1{
width:530px;
height:100px;
position:relative;
}
hr{
width:530px;
border:1px dashed #604a19;
}
.box3{
position:absolute;
}
.box3-1{
width:240px;
position:absolute;
left:0;
margin-top:0;
}
.box3-2{
width:270px;
position:absolute;
margin-top:0;
margin-left:250px;
}
.box3-2 h5{
margin-left:5px;
}
.box4{
width:350px;
height:150px;
margin-top:100px;
position:absolute;
}
.box5{
width:350px;
margin-top:200px;
position:absolute;
}
.box6{
width:280px;
position:absolute;
left:0;
margin-top:0;
border-bottom:1px dashed #604a19;
}
.box7{
width:280px;
position:absolute;
right:0;
margin-top:100px;
}
.box8{
width:250px;
position:absolute;
left:0;
margin-top:0;
border-right:1px dashed #604a19;
}
.box8 p{
width:240px;
}
.box9{
width:260px;
height:auto;
margin-top:0;
border-right:1px dashed #604a19;
}
.box9 p{
width:240px;
}
.box10{
position:absolute;
width:250px;
top:0; 
right:0;
margin-top:0;
}
.box10 p{
width:250px;
}
.box11{
width:530px;
position:relative;
left:0;
margin-top:0;
border-right:1px dashed #604a19;
float:left;
}
.box12{
position:relative;
width:250px;
top:0; 
right:0;
margin-top:0;
float:right;
height:600px;
}
.boxli ul li{
list-style-type:none;
border:none;
}
.boxli ul li img{
vertical-align:middle;
border:none;
}
.boxli ul li a:link{
text-decoration:none;
color:#604a19;
}
.boxli a:visited{
text-decoration:none;
color:#604a19;
}
.boxli a:hover{
text-decoration:none;
color:#604a19;
}
/*CELLE CENTRALI*/
.cella1{
height:130px;
}
.cella2{
height:130px;
margin-bottom:10px;
}
.cella3{
height:130px;
}
/*FORMATTAZIONE PAGINA SERVIZI E COMPETENZE*/
.col2-t{
width:530px;
height:auto;
padding:0;
margin:0 50px 0 50px;
float:left;
}
.col2-r{
width:250px;
height:600px;
padding:0;
float:right;
}
.title a:link, a:visited, a:hover{
text-decoration:none;
color:#8e8e8e;
}
.title1{
background:url(../img/competenze/web.jpg);
width:100%;
}
.title1 a:link, a:visited, a:hover{
text-decoration:none;
color:#fff;
}
.title2{
background:url(../img/competenze/sistemistica.jpg);
width:100%;
}
.title2 a:link, a:visited, a:hover{
text-decoration:none;
color:#fff;
}
.title3{
background:url(../img/competenze/corsi.jpg);
width:100%;
}
.title3 a:link, a:visited, a:hover{
text-decoration:none;
color:#8e8e8e;
}
/*FORMATTAZIONE FORM CONTATTI*/
form{
width:800px;
}
#tab{
width:720px;
margin:0 auto;
padding:0;
height:350px;
}
.riga{
width:720px;
font-size:0.9em;
margin-bottom:20px;
display:inline;
margin-left:20px;
}
.c1{
width:100px;
display:inline;
}
.c2{
width:130px;
display:inline;
}
.c3{
width:130px;
display:inline;
text-align:left;
}
.c4{
width:130px;
display:inline;
text-align:right;
}
.c5{
width:130px;
display:inline;
}
.c6{
width:130px;
display:inline;
}
table.contatti{
width:700px;
line-height:4em;
font-size:0.8em;
color:#3885a9;
}
/*PORTFOLIO*/
table.port{
margin-top:20px;
width:220px;
float:left;
font-size:0.8em;
}
table.port tr td{
height:30px;
/*width:130px;*/
border-bottom:1px dashed #8e8e8e;
}
table.port tr td a img{
display:inline;
margin-left:150px;
margin-top:-10px;
}
table.port tr td.noborder{
height:30px;
border-bottom:none;
}
table.port tr td img{
border:none;
margin-right:5px;
float:left;
}
.imgportfolio{
width:510px;
float:right;
}
/*IDENTITA'*/
.menidentit{
margin-left:10px;
font-size:0.8em;
}
table.partner{
margin-bottom:30px;
}
table.partner tr td{
border:1px solid #8e8e8e;
}
a:link, td a:visited, td a:hover{
text-decoration:none;
color:#8e8e8e;
}
img.mappa{
width:759px;
height:407px;
margin-left:65px;
margin-top:30px;
margin-bottom:50px;
}
.brochure{
width:700px;
text-align:center;
}
.brochure img{
margin:0 15px 0 15px;
border:none;
}
/*MAPPA DEL SITO*/
.sitemap{
margin-left:15px;
margin-top:15px;
font-size:0.9em;
line-height:1.3em;
}
.sitemap img{
margin-right:10px;
}
.sitemap ul{
margin-left:35px;
margin-top:10px;
}
.sitemap ul li{
border-bottom:none;
list-style-image:url(../img/freccia.gif);
line-height:1.5em;
}
.sitemap ul li a{
color:#8e8e8e;
text-decoration:none;
}
.sitemap ul li a:hover{
color:#8e8e8e;
text-decoration:none;
}
/*VIDEO*/
.video{
margin-left:300px;
}
/*PRIVACY*/
.privacy a{
text-decoration:none;
color:#8e8e8e;
}
.privacy p{
line-height:1.8em;
}