/*----- Struttura -----*/
html {
	min-height: 100%;
 	height: auto;

}

body {
	font-size: 78%;
	font-family:   Arial, verdana, geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	height: 100%;
	text-align: center;
	color: #11438b;
}

@font-face {
 font-family: "Arial Narrow";
 src: url("ARIALN.eot"); /* EOT file for IE */
 src: local("Arial Narrow"), url('ARIALN.ttf') format('truetype');  
}

a:link, a:visited {text-decoration: none; color: #11438b; font-weight: bold }
a:hover {text-decoration: underline}

.clear {clear: both}
.separatore {clear: both; height: 15px; }

form {display: inline}

.dx {float: right}
.sx {float: left}

.noBordo {border: 0px}

#layout {width: 960px; margin: 20px auto 0px auto; text-align: left}

h1 {margin: 0px 0px 0px 30px;width: 228px; height: 149px; background: url("img/h1.gif") no-repeat top left}
h1 span, h2 span {visibility: hidden; display: none;}


/* HOME PAGE ****************************************************************************************************************/
#home {width: 685px; float: left; height: 624px; position: relative;}
.imgHome0 {background: url("img/home0.jpg") no-repeat bottom left;}
.imgHome1 {background: url("img/home1.jpg") no-repeat bottom left;}
.imgHome2 {background: url("img/home2.jpg") no-repeat bottom left;}
.imgHome3 {background: url("img/home3.jpg") no-repeat bottom left;}
.imgHome4 {background: url("img/home4.jpg") no-repeat bottom left;}
.imgHome5 {background: url("img/home5.jpg") no-repeat bottom left;}
.imgHome6 {background: url("img/home6.jpg") no-repeat bottom left;}
.imgHome7 {background: url("img/home7.jpg") no-repeat bottom left;}
.imgHome8 {background: url("img/home8.jpg") no-repeat bottom left;}
.imgHome9 {background: url("img/home9.jpg") no-repeat bottom left;}

#home a:link, #home a:visited {display: block; position: absolute}
#home a:hover {text-decoration: none}
#home span {visibility: hidden}

#design:link, #design:visited {width: 410px; height: 105px; top: 127px; left: 242px ;}
#arte:link, #arte:visited {width: 342px; height: 159px; top: 232px; left: 5px ;}
#arch:link, #arch:visited {width: 605px; height: 102px; top: 391px; left: 55px ;}
#moda:link, #moda:visited {width: 325px; height: 102px; top: 493px; left: 334px ;}
#music:link, #music:visited {width: 334px; height: 80px; top: 540px; left: 0px ;}

#colHome {width: 275px; float: left; font-family:  "Arial Narrow", Arial, verdana, geneva, sans-serif; }

#news {padding: 7px; position: relative}
#news h2 {width: 249px; height: 82px;margin: 0px; padding: 0px;}

.imgTitNews0 { background: url("img/titNews0.jpg") no-repeat top left;}
.imgTitNews1 { background: url("img/titNews1.jpg") no-repeat top left;}
.imgTitNews2 { background: url("img/titNews2.jpg") no-repeat top left;}
.imgTitNews3 { background: url("img/titNews3.jpg") no-repeat top left;}
.imgTitNews4 { background: url("img/titNews4.jpg") no-repeat top left;}
.imgTitNews5 { background: url("img/titNews5.jpg") no-repeat top left;}
.imgTitNews6 { background: url("img/titNews6.jpg") no-repeat top left;}
.imgTitNews7 { background: url("img/titNews7.jpg") no-repeat top left;}
.imgTitNews8 { background: url("img/titNews8.jpg") no-repeat top left;}
.imgTitNews9 { background: url("img/titNews9.jpg") no-repeat top left;}

#news .up{position: absolute; top: 100px; left: 7px; padding:4px 0px}
#opera .up {position: absolute; top: 155px; left: 7px; padding:4px 0px}
.titNews {font-size:260%; color: #fff; letter-spacing: -2px; line-height: 15px;}
#news .txt, #opera .txt {font-size: 200%; color: #fff; font-style: italic;letter-spacing: -1px; line-height: 19px; }

#news .down{position: absolute; top: 104px; left: 7px; padding:3px 0px; z-index: -1}
#opera .down {position: absolute; top: 159px; left: 7px; padding:3px 0px; z-index: -1}

.black {background-color: #000}
.invisibile {visibility: hidden}

#opera {margin: 219px 0px 0px 0px; position: relative}
#opera div {width: 264x; height: 147px;padding: 4px 2px 2px 7px}
#opera h2 {width: 275px; height: 141px; padding: 0px;margin: 0px 0px 5px 0px}

.imgTitOpera0 {background: url("img/titOpera0.jpg") no-repeat top left;}
.imgTitOpera1 {background: url("img/titOpera1.jpg") no-repeat top left;}
.imgTitOpera2 {background: url("img/titOpera2.jpg") no-repeat top left;}
.imgTitOpera3 {background: url("img/titOpera3.jpg") no-repeat top left;}
.imgTitOpera4 {background: url("img/titOpera4.jpg") no-repeat top left;}
.imgTitOpera5 {background: url("img/titOpera5.jpg") no-repeat top left;}
.imgTitOpera6 {background: url("img/titOpera6.jpg") no-repeat top left;}
.imgTitOpera7 {background: url("img/titOpera7.jpg") no-repeat top left;}
.imgTitOpera8 {background: url("img/titOpera8.jpg") no-repeat top left;}
.imgTitOpera9 {background: url("img/titOpera9.jpg") no-repeat top left;}

#opera .titOpera {font-size:260%; letter-spacing: -2px; line-height: 15px;color: #fff}

.wh:link, .wh:visited {font-weight: normal; color: #fff}
.wh:hover {text-decoration: none}
/***************************************************************************************************************************************/

#header {height: 159px; border-bottom: 1px solid #102b68; position: relative}

#menu {position: absolute; bottom: 30px; right: 0px;}
#menu ul {list-style-type: none; margin: 0px; padding: 0px; float: left; border-right: 1px solid #fdb32b}
#menu li {padding: 1px 20px;}
#menu a:link, #menu a:visited  {color: #11438b;}
#menu a:hover, .linkOpe:hover, .linkSmall:hover {text-decoration: none; color: #fdb32b}
#menu a#activelink {text-decoration: none; color: #fdb32b} 
#menu a.imactive {text-decoration: none; color: #fdb32b}

#greyLine {height:27px; background: #c6c9d0}

#boxSearch {padding-left: 28px;padding-top: 4px; }
#boxSearch label {float: left; height: 22px; padding-top: 2px; padding-right: 15px}
#selSearch { width: 100px; margin-right: 5px; font-size: 90%} 
#txtSearch {border: 1px solid  #7f9db9;  font-size: 90%}
#butSearch {vertical-align: middle; margin-top: -2px}

#content { border-top: 1px solid #102a67; margin: 40px 30px}
.box {float: left; border-bottom: 1px solid #102a67; width: 50%;margin-top: 1px; padding-bottom: 1px}
.fifty {width: 50%;}
.elenco {list-style-type: none; margin: 0px; padding: 0px;}
.elenco li {border-bottom: 1px solid #102a67; margin-top: 1px; padding-bottom: 1px;padding-left: 30px } 

.linkAuto:link, .linkAuto:visited {font-weight: normal}

.imgOpe {float: left; border: 0px; margin-right: 10px; margin-left: 15px;}
.imgOpeBig {float: left; margin-right: 50px; border:0px}
.imgOpeSmall {float: left; margin: 4px 6px 15px 0px;	}
.imgOpeArt {float: left; border: 0px; margin-right: 20px; margin-bottom: 10px}
.w50 {width: 50px; height:50px}


#opeMese {float: right;  font-weight: bold; font-size: 150%; line-height: 18px; padding: 10px 0px; }
#opeMese a:hover {text-decoration: none}
.linkSmall:link, .linkSmall:visited {font-size: 90%}
.titolino {font-size: 120%; font-weight: bold}

.just {text-align: justify}

#pagine {list-style-type: none; margin: 0px; padding: 40px 0px 0px 0px;float: right}
#pagine li {float: left; margin-left: 5px}
#pagine a:link, #pagine a:visited {display: block; float: left; border: 1px solid #102a67; padding: 2px 6px}
#pagine a:hover, #pagine a#active {text-decoration: none; background: #11438b; color: #FFDD01}


#testo { padding: 15px 70px; position: relative;}
#box1 {position: absolute; top: 275px; left: 350px; }
#box2 {position: absolute; top: 275px; left: 550px; }

#listArt, #catalogo{list-style-type: none; padding: 0px; margin: 0px;}
#listArt li {margin: 0px; padding: 8px 0px;}

#catalogo li {height: 60px;  float: left}
#catalogo img {width: 50px; border: 0px; margin-right: 10px;}

.boxNome {float: left; width: 180px; font-size: 120%; font-weight: bold; padding-top: 15px}
.boxData {float: left; width: 100px;}

.articolo {padding: 12px 0px}