/* CSS Document */
body {
font: 14px Arial, Geneva, Arial, Verdana, sans-serif; line-height:20px;
color: #666;
background-color:#FF7D01;
background-image:url(immagini/bg2.jpg);
background-repeat:repeat-x;
margin: 0px;

/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0px;
/*text-align: center; */
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
p {
text-align:justify;
padding:0;
}

textarea { font: 13px Arial, Geneva, Arial, Verdana, sans-serif; line-height:20px;}


#container {
position:absolute;
left:50%;
margin:0 0 0 -433px;
top:150px;
width:866px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
text-align: left; /* this overrides the text-align: center on the body element. */
z-index:10;
padding-bottom:150px;
}

h1 { font-size:220%; color:#FFA800; padding:0; margin:0; font-weight:normal; padding:5px 0 10px 0; border-bottom:1px dotted #ccc; }
h2 { font-size:180%; color:#FFA800; padding:0; margin:0; font-weight:normal; padding:5px 0 10px 0; border-bottom:1px dotted #ccc;}
h3 { font-size:150%; color:#FFA800; padding:0; margin:0; font-weight:normal; padding:0 0 5px 0;}
h4 { font-size:130%; color:#FFA800; padding:0; margin:0; font-weight:normal; padding:5px 0 10px 0;}
h5 { font-size:110%; color:#FFA800; padding:0; margin:0; font-weight:normal}
h6 { font-size:110%; color:#FFA800; padding:0; margin:0; font-weight:normal}

#general ul {
margin:0;
padding:0;
list-style:none;

}
#general li {
background:  url('icone/tick.gif') no-repeat left 2%;
padding-left:20px;
padding-bottom:25px;
}


a:link {color:#066CAA; text-align:left}     /* unvisited link */
a:visited {color:#066CAA;}  /* visited link */
a:hover {color:#164083; }   /* mouse over link */
a:active {color:#066CAA; }  /* selected link */

#content {
background-color:#FFFFFF;
display:table;
width:866px;
}

#logo{
position: absolute;
top:50px;
left:50px;
width:1%;
z-index:50;
}

#topdx{
position: absolute;
top:3px;
right:45px;
width:60px;
z-index:49;
}

#topdx a { color:#FFFFFF; font-size:85%}


#pannelli{
position: absolute;
top:-100px;
right:400px;
width:1%;
z-index:0;
}

.noborder {border:0px}
.zeroborder {border:0px}
.sx { float:left;}
.dx { float:right;}

/*prob*/

#menubar{
text-align:center;
position:absolute;
left:50%;
margin:0 0 0 -450px;
top:150px;
z-index:13;
width:866px;
padding-top:6px;
}

.selec{
padding:19px 20px 6px 20px;
text-decoration:none;
background-image:url(immagini/sq.gif);
background-repeat:no-repeat;
background-position:bottom center;
background-color:#066CAA;
color:#FFFFFF;
}

#menubar ul li{
font-size:20px;
display: inline;
list-style:none;
padding:0px 10px 10px 10px;
text-align:center;
}

#menubar a:link {
padding:19px 20px 6px 20px;
color:#FFA800; 
text-decoration:none;
background-image:url(immagini/sq.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
#menubar a:visited {
padding:19px 20px 6px 20px;
color:#FFA800; 
text-decoration:none;
background-image:url(immagini/sq.gif);
background-repeat:no-repeat;
background-position:bottom center;
}
#menubar a:actived {
padding:19px 20px 6px 20px;
color:#FFA800; 
text-decoration:none;
background-image:url(immagini/sq.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

#menubar a:hover{
background-color:#066CAA;
color:#FFFFFF;
}
/*prob*/


/*colonne */

#colsx {
margin-top:3px;
width:240px;
float:left;
margin-left:15px;
padding-right:10px;
border-right:1px dotted #ccc;
}

#coldx {
margin-top:3px;
width:575px;
float:left;
margin-left:10px;
}

#box_link li {
list-style-type: none;;
background:  url(icone/application.gif) no-repeat left 2%;
padding:0px;
padding-left:20px;
margin-left:-20px;
}


.photo {
padding:4px;
padding-bottom:50px;
margin:5px;
border:1px solid #CCC;
}

/*contatti*/
#contattisx {
float:left;
width:245px;
text-align:justify;
padding:0px;
margin-right:20px;
padding-top:10px;
}
#contattidx {
float:left;
width:310px;
padding-top:1px;
padding-bottom:5px;
}
#myphone{
background-image:url(immagini/my_telefono.gif);
background-repeat:no-repeat;
background-position:left;
font-size:18px;
height:60px;
}
#mymail{
font-size:90%;
background-image:url(immagini/sf_email.gif);
background-repeat:no-repeat;
background-position:left;
height:38px;
}
#myphone span { position:relative; left:80px; top:16px}
#mymail span { position:relative; left:62px; top:8px}
#mymail a { color:#333; text-decoration:none}
#mymail a:hover { color:#000; text-decoration:underline;}

/*fine contatti */

/*grafico studio ex*/

#grafico{
width:240px;
padding-bottom:10px;
}

#capitoletto {
font-size:130%;
display:block;
text-transform:uppercase;
letter-spacing:-1px;
}

/* bottone link a clicca qui */

#btn{
width:100%;
font-size:90%;
display:table;
padding:0 0 10px 0;
}

#btn .maginfo {
vertical-align:middle;
margin-top:5px;
margin-left:20px;
color:#333333;
}

#btn a:link{
color:#666;
text-decoration:none;
}

#btn a:actived{
color:#666;
text-decoration:none;
}

#btn a:vidited{
color:#666;
text-decoration:none;
}

#btn a:hover{
color:#000;
text-decoration:underline;
}

.tdw {
background-image:url(immagini/btl2.gif);
width:180px;
height:30px;
float:right
}
.tdwlink		{text-align:center}

/*footer*/

#myfooter {font-size:85%}

.cx {text-align:center; color:#333}

#myfooter a{ color:#333;}


/* Info */


#box_info li {
list-style-type: none;;
background:  url(icone/articoli.gif) no-repeat left 2%;
padding:0px;
padding-left:20px;
margin-left:-20px;
border-bottom:1px dotted #EEE;
}

.dett_impianto {
padding-left:20px;
}

#show_det p{
padding-right:10px;
font-weight:bold;
}


/*impianti*/
#list_impianti li {
display: inline;
list-style-type: none;;
background:  url('icone/sun.gif') no-repeat left 2%;
padding-left:20px;
padding-right:20px;
padding-bottom:25px;
}

#altri_impianti li {
list-style-type: none;;
background:  url('icone/sun.gif') no-repeat left 2%;
padding-left:20px;
margin-left:-20px;
border-bottom:1px dotted #CCC;
}

.imgg {
padding:5px;
margin:3px;
border:1px solid #DDD;
}

.ingrandisci {
padding:5px;
margin:3px;
border:1px solid #DDD;
cursor:pointer;
font-size:80%;
}

.ingrandisci:hover {
border:1px solid #BBB;
color:#000;
}

#linkimpianti{
right:20px;
position:absolute;
padding:5px;
margin:3px;
padding-top:45px;
cursor:pointer;
font-size:90%;
}

/* eventi */

#list_eventi span {
display:block;
}


#list_eventi li {
list-style-type: none;;
background:  url('icone/calendar.gif') no-repeat left 2%;
margin-top:20px;
padding-left:20px;
padding-bottom:20px;
margin-left:-20px;
border-bottom:1px dotted #CCC;
}
#list_eventi h4 {
padding:0;
margin:0;
}

#articolo_tag {
text-transform:uppercase;
font-size:80%;
}
#list_glossario li {
display:inline;
margin:5px;
}
/* ricerca */
#ricerca  {
position:relative;
top:180px;
margin:0px auto;
margin-left:-540px;
z-index:900;
text-align:center;

}

#ricerca input {
font-size:130%;
color:#000066;
}