/*===================================================*\
|Studio Achille Castiglioni's CSS file (CSS1 and CSS2)|
|Author: Cristiano Guglielmetti <guglielmetti @tin.it>|
|CSS validation provided by W3C CSS validator         |
|Last modify: 2009-04-04 (date format ISO 8601)       |
\*===================================================*/
/*Print media
=====================================================*/
@media print {
body{
font: 10pt arial, sans-serif;
color: black
}
h1 {
margin: 14px 0 0 2px;
text-align: left;
color: black;
font: 150% arial, sans-serif;
letter-spacing: 15px;
}
h2 {
margin: 14px 0 0 2px;
text-align: left;
color: black;
font: 140% arial, sans-serif
}
h3 {
margin: 10px 0 0 2px;
text-align: left;
color: black;
font: 120% arial, sans-serif
}
h4 {
text-align: left;
font: bold 100% arial, sans-serif
}
h5 {
text-align: left;
font: small-caps 100% arial, sans-serif
}
h6 {
margin: 14px 0 0 2px;
text-align: left;
color: black;
font: 150% arial, sans-serif;
letter-spacing: 2px;
}
div#header {
background-color: white;
color: black;
margin-left: 0px;
padding-bottom: 10px
}
div#navbar li {
display: none
}
a:link {
color: black;
text-decoration: underline
}
a:visited {
color: black;
text-decoration: underline
}
code {
font-family: monospace
}
.sitenamep1, .sitenamep2 {
float: none;
clear: right;
margin: 0px;
padding-top: 50px;
letter-spacing: 10px;
word-spacing: 30px;
text-transform: uppercase;
font: 160% arial, sans-serif;
color: black;
text-decoration: underline
}
/*.sitenamep2 {
padding-left: 40px
}*/
.lastmod {
clear: both;
width: 910px;
margin: 20px 0 0 0;
padding: 2px 0 5px 10px;
background: transparent;
font-family: monospace;
font-style: italic;
font-size: 90%;
border-top: 1px dashed black;
border-left: 1px dashed black;
border-right: 1px dashed black
}
.footerbox {
width: 900px;
margin: 10px 0 0 0;
padding: 10px 10px 10px 10px;
border: 1px dashed black
}
.footernote {
padding-top: 0px;
padding-right: 50px;
padding-bottom: 0px;
padding-left: 50px;
font: 90% "courier new", serif;
background: white;
}
.footerlink {
/*no-definitions*/
}
a.footerlink:link, a.footerlink:visited {
margin-right: 30px;
font: 90% "courier new", serif;
text-decoration: none
}
img {
border:0px none;
}
.flow-l-01 {
float:left;
margin-right: 10px
}
.flow-l-02 {
float:left;
margin:0 0 6px 6px
}
.flow-l-03 {
float:left;
margin:0px 5px 0px 5px;
border: 1px solid black
}
.flow-l-04 {
float: left;
margin: 0 5px 0 0;
border: 1px dotted #7BAACC
}
.flow-l-05 {
float: left;
margin: 0px 10px 5px 0
}
.flow-r-01 {
float:right;
margin-right: 10px
}
.flow-r-02 {
float:right;
margin:0 0 6px 6px
}
.flow-r-03 {
float:right;
margin:0 0 5px 5px;
border: 1px solid black
}
.textdiv-3a {
float: left;
margin: 5px 0 0 5px;
padding: 3px 0 0 0;
width: 78px;
height: 121px;
/*border: 1px solid #FF0000*/;
vertical-align: middle;
text-align: center
}
.textdiv-3b {
float: left;
margin: 8px 0 0 5px;
padding: 43px 0 0 0;
width: 161px;
height: 72px;
/*border: 1px dotted #000000*/;
font: bold 130% arial, sans-serif;
vertical-align: middle;
text-align: center;
color: black
}
.textdiv-4a {
width: 100%;
margin: 10px 0 0 0;
background: transparent
}
.textdiv-5a {
float: left;
margin: 0 0 0 30px;
padding: 40px 0 0 0;
width: 175px;
height: 270px;
border: 1px dotted black;
font: 130% arial, sans-serif;
text-align: center
}
.texdiv-8a {
float: left;
width: 370px;
margin: 10px 0 0 0;
background: transparent;
border: 1px dotted black
}
.texdiv-8b {
float: right;
width: 480px;
/*height: 400px;*/
margin: 10px 0 0 10px;
padding: 10px;
background: transparent;
border: 1px dotted black
}
.texdiv-9a {
float: left;
width: 425px;
margin: 10px 0 0 0;
background: transparent;
border: 1px dotted black
}
.texdiv-9b {
float: right;
width: 425px;
margin: 10px 0 0 10px;
background: transparent;
border: 1px dotted black
}
.textdiv-10a {
float: left;
margin: 0 0 20px 20px;
padding: 10px 0 0 0;
width: 220px;
height: 260px;
border: 1px dotted black;
vertical-align: middle;
text-align: center
}
.textdiv-10b {
float: left;
margin: 0 0 20px 20px;
padding: 10px 5px 0 5px;
width: 120px;
height: 260px;
border: 1px dotted black;
vertical-align: middle;
text-align: left
}
.idesign-divleft {
float: left;
width: 480px;
margin: 10px 0 0 0;
background: transparent;
border: 1px dotted black
}
.idesign-divright {
float: right;
width: 370px;
margin: 10px 0 0 10px;
padding: 10px;
background: transparent;
border: 1px dotted black
}
.idesign-img {
margin: 1px 0 10px 40px
}
}
/* Screen media
====================================================*/
@media screen, projection {
/* Tags classes
====================================================*/
body {
padding: 0em 1em 2em 4em;
margin: 0;
background: white top left no-repeat fixed;
font-family: arial, sans-serif;
font-size: smaller;
/*color: #929292;*/
color: #727272
}
th {
background: white;
font-family: arial, sans-serif;
color: #727272
}
td {
background: white;
font-family: arial, sans-serif;
color: #727272
}
h1 {
margin: 14px 0 0 2px;
text-align: left;
color: #727272;
font: 150% arial, sans-serif;
letter-spacing: 15px;
}
h2 {
margin: 14px 0 0 2px;
text-align: left;
color: #005A9C;
font: 140% arial, sans-serif
}
h3 {
margin: 10px 0 0 2px;
text-align: left;
color: #005A9C;
font: 120% arial, sans-serif
}
h4 {
text-align: left;
font: bold 100% arial, sans-serif
}
h5 {
text-align: left;
font: small-caps 100% arial, sans-serif
}
h6 {
margin: 14px 0 0 2px;
text-align: left;
color: #727272;
font: 150% arial, sans-serif;
letter-spacing: 2px;
}
ul {
list-style-image: url('../i/o/ball_blue_white_small.gif')
}
li {
margin-top: 7px
}
hr {
background: transparent;
color: #7BAACC;
width: 100%;
height: 0px;
border: 1px dashed
}
/* Added classes
====================================================*/
.bodysec {
width: 900px
}
.sitenamep1, .sitenamep2 {
float: left;
clear: right;
margin: 0px;
letter-spacing: 12px;
word-spacing: 15px;
text-transform: uppercase;
font: 110% arial, sans-serif;
/*color: #F90;*/
color: #727272
}
.sitenamep1 {
display: none;
margin: 0;
padding: 1px 0 0 30px;
}
/*.sitenamep2 {
padding-top: 149px;
padding-left: 23px
}*/
.pagetitle-div {
margin: 0;
height: 50px;
background: transparent;
border-left: 1px dashed #7BAACC;
border-right: 1px dashed #7BAACC;
border-bottom: 1px dashed #7BAACC
}
.lastmod {
clear: both;
margin: 20px 0 0 0;
padding: 2px 0 5px 10px;
background: transparent;
font-family: monospace;
font-style: italic;
font-size: 90%;
color: #727272;
border-top: 1px dashed #7BAACC;
border-left: 1px dashed #7BAACC;
border-right: 1px dashed #7BAACC
}
.footerbox {
clear: both;
margin: 0 0 0 0;
background: transparent;
padding: 5px 5px 5px 10px;
border: 1px dashed #7BAACC
}
.footernote {
padding: 0 50px 0 50px;
font: 90% "courier new", serif;
color: #727272
}
.footerlink {
/*no-definitions*/
}
a.footerlink:link, a.footerlink:visited {
margin-right: 30px;
font: 90% "courier new", serif;
text-decoration: none
}
.textdiv-1a {
/*width: 100%;*/
margin-bottom: 15px;
padding: 5px;
background: transparent;
border: 1px dotted #7BAACC
}
.textdiv-2a {
float: left;
width: 645px;
margin: 10px 0 0 0;
background: transparent;
/*border: red 1px solid*/
}
.textdiv-2b {
float: right;
width: 180px;
height: 400px;
margin: 10px 0 0 10px;
padding: 10px;
background: transparent url(../i/o/paper-bg.jpg) top left repeat-y;
/*border: black solid 1px*/
}
.textdiv-2c {
float: right;
width: 180px;
/*height: 400px;*/
margin: 10px 0 0 10px;
padding: 10px;
background: transparent;
border: 1px dotted #7BAACC
}
.textdiv-3a {
float: left;
margin: 5px 0 0 5px;
padding: 3px 0 0 0;
width: 78px;
height: 121px;
/*border: 1px solid #FF0000*/;
vertical-align: middle;
text-align: center
}
.textdiv-3b {
float: left;
margin: 8px 0 0 5px;
padding: 43px 0 0 0;
width: 161px;
height: 72px;
/*border: 1px dotted #000000*/;
font: bold 130% arial, sans-serif;
vertical-align: middle;
text-align: center;
color: black
}
.textdiv-3c {
/*display: none;*/
clear: both;
margin: 20px 75px 0 0;
font-size: 75%;
text-align: right
}
.textdiv-4a {
width: 100%;
margin: 10px 0 0 0;
background: transparent
}
.textdiv-5a {
float: left;
margin: 0 0 0 30px;
padding: 40px 0 0 0;
width: 175px;
height: 270px;
border: 1px dotted #7BAACC;
font: 130% arial, sans-serif;
text-align: center
}
a.textdiv-5a-l:link, a.textdiv-5a-l:visited {
font-variant: small-caps;
text-decoration: none
}
.textdiv-6a {
float: left;
margin: 0 0 20px 20px;
padding: 10px 0 0 0;
width: 120px;
height: 150px;
border: 1px dotted #7BAACC;
vertical-align: middle;
text-align: center
}
.textdiv-7a {
width: 85%;
margin: 10px 0 0 30px;
padding: 5px 5px 0 5px;
background: transparent;
border: 1px dotted #7BAACC
}
.texdiv-8a {
float: left;
width: 370px;
margin: 10px 0 0 0;
background: transparent;
border: 1px dotted #7BAACC
}
.texdiv-8b {
float: right;
width: 480px;
/*height: 400px;*/
margin: 10px 0 0 10px;
padding: 10px;
background: transparent;
border: 1px dotted #7BAACC
}
.texdiv-9a {
float: left;
width: 425px;
margin: 10px 0 0;
background: transparent;
border: 1px dotted #7BAACC
}
.texdiv-9b {
float: right;
width: 425px;
margin: 10px 0 0 10px;
/*padding: 10px*/;
background: transparent;
border: 1px dotted #7BAACC
}
.textdiv-10a {
float: left;
margin: 0 0 20px 20px;
padding: 10px 0 0 0;
width: 220px;
height: 260px;
border: 1px dotted #7BAACC;
vertical-align: middle;
text-align: center
}
.textdiv-10b {
float: left;
margin: 0 0 20px 20px;
padding: 10px 5px 0 5px;
width: 120px;
height: 260px;
border: 1px dotted #7BAACC;
vertical-align: middle;
text-align: left
}
.idesign-divleft {
float: left;
width: 480px;
margin: 10px 0 0 0;
background: transparent;
border: 1px dotted #7BAACC
}
.idesign-divright {
float: right;
width: 370px;
/*height: 400px;*/
margin: 10px 0 0 10px;
padding: 10px;
background: transparent;
border: 1px dotted #7BAACC
}
.idesign-img {
margin: 1px 0 10px 40px
}
/* Navbar and links
====================================================*/
div#header {
margin: 0px;
background: white url('../i/o/header-bck-p.png') top right no-repeat;
width: 900px;
height: 202px;
border-left: 1px dashed #7BAACC;
border-right: 1px dashed #7BAACC
}
div#navbar {
width: 900px;
background-color: white;
color: black;
border-top: 1px dashed #7BAACC;
border-bottom: 1px dashed #7BAACC;
margin: 0px;
margin-top: 0px;
margin-bottom: 0px;
font: small-caps 110% arial, serif
}
div#navbar ul {
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 30px;
white-space: nowrap
}
div#navbar li {
display: inline;
margin: 10px;
padding: 0px
}
div#navbar li a {
text-decoration: none;
padding: 0px;
background-color: white;
color: #7BAACC;
border-left: 1px solid white;
border-right: 1px solid white
}
div#navbar li a:hover {
text-decoration: none;
background: #eee;
color: #F90;
border-left: 1px solid white;
border-right: 1px solid white
}
.sel {
text-decoration: none;
background: #eee;
color: black;
border-left: 1px solid white;
border-right: 1px solid white
}
a:link {
text-decoration: underline;
color: #005A9C
}
a:visited {
text-decoration: underline;
color: #005A9C
}
a:active {
text-decoration: none;
background: #EEE;
color: #005A9C
}
a:hover {
text-decoration: none;
background: #EEE;
color: #F90;
/*color: #7BAACC;*/
/*border-bottom: 1px dashed #F90*/
}
/* Images
====================================================*/
img {
border:0px none;
}
.img-brd-1 {
margin: 0;
border: 1px solid #7BAACC
}
.flow-l-01 {
float:left;
margin-right: 10px
}
.flow-l-02 {
float:left;
margin: 0 0 6px 6px
}
.flow-l-03 {
float:left;
margin: 0 5px 0 5px;
border: 1px solid #7BAACC
}
.flow-l-04 {
float: left;
margin: 0 5px 0 0;
border: 1px dotted #7BAACC
}
.flow-l-05 {
float: left;
margin: 0px 10px 5px 0
}
.flow-r-01 {
float: right;
margin-right: 10px
}
.flow-r-02 {
float: right;
margin: 0 0 6px 6px
}
.flow-r-03 {
float: right;
margin: 0 0 5px 5px;
border: 1px solid #7BAACC
}
a.imglink:link {
color: white;
background: white;
text-decoration: none
}
a.imglink:visited {
display: inline;
color: white;
background: white;
text-decoration: none
}
a.imglink:hover {
color: white;
background: white;
text-decoration: none
}
body {
background-image: url('../i/o/logo-side-2.png')
}
}