html, body {
width: 100%;
margin: 0;
}
body {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #ffffff;
background: #000000 url(../images/bg-default.jpg) no-repeat center 95px;
}
hr { margin: 8px 1px;}
body.scuola {background:#000000 url(../images/bg-scuola.jpg) no-repeat center 95px;}
body.corsi {background:#000000 url(../images/bg-corsi.jpg) no-repeat center 95px;}
body.corsi_dettaglio {background:#000000 url(../images/bg-dettaglio-corsi.jpg) no-repeat fixed;}
td {
vertical-align:top;
}
a.attiva {color:#f7941d; text-decoration:none; }
a.attiva:hover {color:#999999; }
.Site {
width: 970px;
position:relative;
margin: 0 auto;
}
.Header {
margin: 0;
padding: 5px;
width: 100%;
height:84px;
background:#000000 url(../images/bg-header.gif);
}
.Content {
width: 780px;
margin:0 0 30px 0;
float:left;
height: 320px;
}
.Side {
width: 190px;
margin:30px 0 0 0;
float:left;
padding:10px 0;
background-color:#000000;
}
.Side img {
padding:0 10px;
}
.Menu {
/* height:350px; */
width:260px;
margin: 32px 0 20px 6px;
}
a.White {
margin-bottom: 2px;
padding: 3px 8px;
height:11px;
line-height:25px;
letter-spacing:5px;
background-color:#FFFFFF;
color:#000000;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}
a.White:hover, a.Sel {
color:#FFFFFF;
background-color:transparent;
}
a.Red {
padding: 3px;
height:8px;
line-height:20px;
background-color:#ee1c24;
color:#ffffff;
font-size:11px;
font-weight:bold;
}
a.Red:hover {
color:#000000;
background-color:#FFFFFF;
}
.box {
position:relative;
height:230px;
width: 230px;
background-color:#080503;
margin: 10px 15px 15px 0;
float:left;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
top: 85px;
}
.box img {
position:absolute;
top:0px;
left:0px;
}
.bbox {
height:230px;
width: 475px;
background-color:#2e2e2e;
margin: 10px 15px 15px 0;
float:left;
top: 85px;
position: relative;
}
.boxTitle {
position:absolute;
top:0;
left:0;
height:64px;
width: 205px;
margin: 15px 0 10px 15px;
letter-spacing:4px;
color:#FFFFFF;
font-weight:bold;
font-size: 14px;
text-transform:uppercase;
}
.boxText {
position:absolute;
top:60px;
left:0;
height:120px;
width: 205px;
margin: 35px 15px;
color:#FFFFFF;
overflow:auto;
}
.boxText a.docent {
padding: 3px 0 4px 27px ;
height:9px;
line-height:23px;
letter-spacing:3px;
color:#FFFFFF;
background-color:transparent;
font-size:14px;
font-weight:bold;
background: transparent url(../images/pdf.png) no-repeat 2px 3px;}
.boxText a.docent:hover {
color:#000000;
background-color:#FFFFFF;
}
.boxText a.corsi {
color:#FFFFFF;
background-color:transparent;
font-size:14px;
}
.boxText a.corsi:hover {
color:#ee1c24;
}
.bboxTitle {
height:14px;
width: 450px;
margin: 15px 0 10px 15px;
letter-spacing:5px;
color:#FFFFFF;
font-weight:bold;
font-size: 24px;
text-transform:uppercase;
}
.bboxSubTitle {
height:14px;
width: 450px;
margin: 15px 0 10px 15px;
letter-spacing:5px;
color:#FFFFFF;
font-weight:bold;
font-size: 14px;
text-transform:uppercase;
}
.bboxText {
height:64px;
width: 450px;
margin: 35px 15px;
color:#FFFFFF;
}
.boxSmall {
margin: 0px 15px;
}
.boxShort {
height:200px;
}
.white {border-bottom: 3px solid #ffffff; }
.yellow {border-top: 3px solid #fff200; width:230px; height:100px; margin-top:0px;}
.red {border-top: 3px solid #ee1c24; width:230px; height:100px; margin-top:0px;}
.cian {border-top: 3px solid #1cbbb4; width:230px; height:100px; margin-top:0px;}
.orange {border-top: 3px solid #f8941d; width:230px; margin-right:0px; height:100px; margin-top:0px;}
a {color:#ffffff; text-decoration:none; }
a.yellowF:hover {color:#fff200; }
a.redF:hover {color:#ee1c24; }
a.cianF:hover {color:#1cbbb4; }
a.orangeF:hover {color:#f8941d; }
.sideClaim {
border-bottom: 3px solid #ffffff;
border-top: 3px solid #ffffff;
margin: 12px 10px 0px 10px;
padding: 7px 0 ;
}
.f24 {font-size: 24px;}
.f14 {font-size: 14px;}
.mostra {
width:200px;
height:20px;
padding-top:55px;
background:#000000 url(../images/empty.jpg) no-repeat bottom left ;
margin-top: -20px;
}
.eventi {
background-color:#000000;
width:170px;
padding: 25px 10px 10px 10px;
}
.event {
width:170px;
height:20px;
padding-top:56px;
background:#000000 url(../images/empty.jpg) no-repeat bottom left ;
margin: 8px 0;
}
.infoEvent {
margin: 20px 0 0px 0;
font-size:14px;
font-weight:bold;
height:50px;
}
.infoEvent div {
float:left;
width:45px;
margin-right:3px;
padding:0;
}
.infoEvent div img {
padding:0;
}
#Social {
float:left;
background-color:#303030;
width: 170px;
margin-top: 20px;
padding: 10px 10px 10px 10px;
position: relative;
}
#FaceBookBanner {
position: absolute;
display: block;
top: 416px;
right: 250px
}
.lightGray {color: #919191;}
.mediumGray {font-size:10px; color: #767779;}
.darkGray {color: #4a4a4a;}
.half {width:50%; float:left; border-top:1px solid #636363; padding-top:10px; margin-bottom:20px;}
.right {text-align:right;}
/* SCUOLA */
.leftColumn {
width: 260px;
float:left;
}
.center {
width: 488px;
background-color:#FFFFFF;
float:left;
margin:30px 0 0 0;
padding: 26px 16px 0px 16px;
height: 1050px;
}
.rightColumn {
width: 174px;
height:1050px;
margin:30px 0 0 0;
float:left;
padding: 26px 8px 0px;
background-color:#9e0b0f;
}
span.Black {
margin-bottom: 2px;
padding: 3px 8px;
height:11px;
line-height:25px;
letter-spacing:5px;
background-color:#000000;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
}
.scuolaText {
margin: 15px 0 30px 5px;
color: #000000;
}
/* CORSI */
span.Yellow {
margin-bottom: 2px;
padding: 3px 8px;
height:11px;
line-height:25px;
letter-spacing:5px;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
background-color: #ffcb05;
width:170px;
height:
}
span.Red {
display: inline-block;
margin-bottom: 2px;
padding: 3px 8px;
line-height:20px;
letter-spacing:5px;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
background-color: #9e0b0f;
}
span.Cian {
margin-bottom: 2px;
padding: 3px 8px;
height:11px;
line-height:25px;
letter-spacing:5px;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
background-color: #1cbbb4;
width:170px;
}
span.Orange {
margin-bottom: 2px;
padding: 3px 8px;
height:11px;
line-height:25px;
letter-spacing:5px;
color:#FFFFFF;
text-transform:uppercase;
font-size:14px;
font-weight:bold;
background-color: #f8941d;
width:170px;
}
input {
font-size:12px;
height:20px;
}
form {
line-height:25px;
}
a.corsi {
color:#FFFFFF;
background-color:transparent;
font-size:14px;
}
a.corsi:hover {
color:#ffcb05;
}
a.workshops {
color:#ffcb05;
background-color:transparent;
font-size:24px;
}
a.workshops:hover {
color:#FFFFFF;
}
a.small {
font-size:12px;
}
.veditutti {
text-align:right;
}
.veditutti a {
font-size:11px;
}
.veditutti a:hover {
color:#ffcb05;
}
.corso_dettaglio {
font-size:14px;
line-height: 18px;
color:#FFFFFF;
padding: 10px 15px 7px 15px;
overflow:auto;
}
.corso_dettaglio a {
color:#ee1c24;
text-decoration:none
}
.corso_dettaglio a:hover {
color:#ffffff;
text-decoration:none
}
.corso_dettaglio span.Yellow {
margin-bottom: 2px;
padding: 3px 8px;
height:13px;
line-height:27px;
letter-spacing:5px;
background-color:#ffcb05;
color:#000000;
text-transform:uppercase;
font-size:16px;
font-weight:bold;
}
/* GALLERY */
.centerGallery {
width: 494px;
height:874px;
background-color:#FFFFFF;
float:left;
margin:30px 0 0 0;
padding: 26px 6px 0px 20px;
}
#gallery {
overflow: auto;
height:804px;
}
#gallery ul {
padding: 0px;
list-style-type: none;
}
#gallery ul li {
float:left;
margin: 6px;
height: 95px;
width:140px;
overflow:hidden;
}
.RedGallery {
padding: 3px;
height:8px;
line-height:20px;
background-color:#ff0000;
color:#ffffff;
font-size:12px;
font-weight:bold;
}
.PhotosBy {
font-style:italic;
letter-spacing:normal;
font-size:12px;
font-weight:normal;
text-transform:none;
margin-top:10px;
display:block;
}
.GalleryPhotosBy {
font-style:italic;
font-size:14px;
font-weight:normal;
text-transform:none;
margin:10px 0;
display:block;
color:#000000;
}
a.docentiRed {
font-style:italic;
color:#9e0b0f;
}
a.docentiRed:hover {
color:#ff0000;
}
a.docenti {
color:#ffffff;
font-size:12px;
text-decoration:none;
font-style:normal;
}
a.docenti:hover {
color:#ff0000;
}
a.locationeventi {
font-size:14px;
color:#9e0b0f;
}
a.locationeventi:hover {
color:#ff0000;
}
.corsoSingolo a {color:#9e0b0f; }
.corsoSingolo a:hover {color:#656565; }
a.bs {
font-size:12px;
font-weight:normal;
color:#ffcb05;
}
a.bs:hover {
color:#1cbbb4;
}