html {
width: 100%;
}
body {
background: #4E595F url('../images/body-bg.gif') repeat-x 0 0;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", Verdana, Arial, "Times New Roman", serif;
font-size: 80%;
color: #000000;
width: 100%;
}
p {
padding: 0 0 15px 0;
margin: 0;
line-height: 140%;
}
h1 {
margin: 0;
padding: 0;
font-size: 130%;
font-weight: normal;
}
h2 {
margin: 0;
padding: 0 0 20px 0;
font-size: 140%;
font-weight: normal;
}
hr {
width: 90%;
text-align: center;
margin-bottom: 10px;
height: 0;
border: none;
border-bottom: solid 1px #000;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
display: block;
padding-top: 0px;
padding-bottom: 10px;
}
/*link styling*/
a {
color: #000000;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
#footer a {
color: #637076;
}
/*structural elements*/
.section {
text-align: center;
width: 100%;
border-bottom: 1px solid #637076;
}
#header {
background: #1A292F;
text-align: center;
padding: 20px;
width: 800px;
border-left: 1px solid #637076;
border-right: 1px solid #637076;
height: 120px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#container {
text-align: left;
width: 800px;
border-left: 1px solid #637076;
border-right: 1px solid #637076;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 0;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
h1#logo {
float: left;
padding: 10px;
width: 222px;
border: 2px solid #FFFFFF;
text-align: center;
min-height: 91px;
background-color: #E8EDF7;
font-size: 150%;
font-weight: bold;
text-decoration: underline;
background-repeat: no-repeat;
background-position: center center;
text-transform: uppercase;
}
#pictureRail {
text-align: center;
}
#news {
background: #E8EDF7;
float: left;
width: 230px;
padding: 20px 10px 20px 10px;
border: 1px solid #FFFFFF;
}
#menu {
background: #1A292F;
margin: 0 0 0 260px;
border: 1px solid #FFFFFF;
padding: 10px;
color: #FFFFFF;
text-align: center;
}
#content {
background: #E8EDF7;
margin: 20px 0 0 260px;
padding: 20px 20px 5px 20px;
border: 1px solid #FFFFFF;
}
#content2 {
background: #E8EDF7;
margin: 0 0 0 260px;
padding: 20px 20px 5px 20px;
border: 1px solid #FFFFFF;
}
#footer {
margin: 0 auto;
text-align: left;
padding: 20px 20px 60px 20px;
width: 800px;
border-left: 1px solid #637076;
border-right: 1px solid #637076;
}
#footer p {
background: #1A292F;
padding: 10px;
font-size: 90%;
color: #637076;
border: 1px solid #637076;
text-align: center;
}
/*section dependant style over-rides*/
#news h3 {
margin: 0;
padding: 0 0 20px 0;
color: #000000;
font-size: 120%;
font-weight: bold;
}
#news p {
padding: 10px 0;
border-top: 1px solid #000000;
}
#header p {
text-align: center;
font-size: 170%;
color: #E8EDF7;
padding: 45px 0 0 0;
}
ul#menu {
}
ul#menu li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
ul#menu a {
color: #FFFFFF;
text-decoration: none;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#pictureRail img {
margin: 20px 10px;
border: 1px solid #FFFFFF;
}
/*#content img {
border: 1px solid #000000;
float: right;
margin: 5;
}
*/
/*This adds a little arrow under the menu item of the page you are on. (handy for navigation and usability)To modify, edit the tag by changing the id.e.g, if the page you are on is the contact page, change: to */
#home #homeLink, #info #infoLink, #servizi #serviziLink, #helpdesk #helpdeskLink, #utili #utiliLink {
background: url('../images/menu-a-bg.gif') no-repeat center bottom;
font-weight: bold;
font-size: medium;
text-decoration: none;
}
/*just makes sure the content doesn't spill out the boxes, see http://www.positioniseverything.net/easyclearing.html for details*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* Screenshot link */
#screenshot{
position:absolute;
border:1px solid #fff;
background:#1A292F;
padding:5px;
display:none;
color:#fff;
z-index: 9999;
}