@charset "UTF-8";

/* CSS Document */

body {
    background: #212121 url(../img/bg_body_2.jpg) 0 0 repeat-x;
    font:1.1em "Myriad Pro", "Trebuchet MS", Arial, Helvetica, sans-serif;/*text-shadow:1px 1px 0 rgba(255, 255, 255, 0.25);*/
}

.coccarda {
    height:184px;
    width:100px;
    left:10px;
    position: absolute;
    top:10px;
    z-index:3;
}

#wrapper, #header, #nav, #container, #main, #mainZero {
    width:1024px;
    margin:0 auto;
    overflow:hidden;
    clear:both;
}

#wrapper { position:relative; }

#sponsor {
       padding-top: 4px;
    position: absolute;
    right: 104px;
    top: 5px;
}

#sponsor ul { float:right; }

#sponsor ul li {
    margin-left:15px;
}

#sponsor ul li:hover {
}

#sponsor ul li a { height:25px; }

li.link_EU {
    width:125px;
    background:#fff url(../img/logo_UE.jpg) 0 0 no-repeat;
	    -moz-border-radius: 4px;
    border:1px #fff solid;

}

li.link_EU:hover {
    width:125px;
    background:#cfcfcf url(../img/logo_UE_hover.jpg) 0 0 no-repeat;
	    -moz-border-radius: 4px;
    border:1px #cfcfcf solid;

}

li.link_EU a {
    width:125px;
    height:30px;
    display:block;
}

li.link_unicredit {
    width:187px;
    background:#fff url(../img/logo-unicredit.jpg) 0 0 no-repeat;
	    -moz-border-radius: 4px;
    border:1px #fff solid;

}

li.link_unicredit:hover {
    width:187px;

    background:#cfcfcf url(../img/logo_Unicredit-hover.jpg) 0 0 no-repeat;
	    -moz-border-radius: 4px;
    border:1px #cfcfcf solid;

}

li.link_unicredit a {
    width:187px;
    height:30px;
    display:block;
}

li.link_facebook {
    width:113px;
	height:30px;
    background: url(../img/logo_facebook.png) 0 0 no-repeat;
	border:none;
}

li.link_facebook:hover {
    width:113px;
		height:30px;

    background:url(../img/logo_facebook_hover.png) 0 0 no-repeat;
	border:none;
}

li.link_facebook a {
    width:113px;
    height:30px;
    display:block;
}


li.link_EU a img, li.link_unicredit a img { }

#home #header {
    background:url(../img/header.jpg) 0 0 no-repeat;
    height:419px;
    margin:0 0 0 0;
}

#header h1 a { text-indent:-999em; }

#home #header a {
    width:1024px;
    height:419px;
    display:block;
}

#solisti #header, #concerts #header, #productions #header, #discografia #header, #news #header, #Contatti #header {    background:url(../img/header_2.jpg) 0 0 no-repeat;
    height:284px;
    margin:0 0 0 0;
}

#solisti #header a, #concerts #header a, #productions #header a, #discografia #header a,#news #header a, #Contatti #header a {
    width:1024px;
    height:284px;
    display:block;
}


#nav {
    margin:0 0 15px 0;
    height:auto;
}

#nav ul {
    margin:0;
    padding:10px 40px 0;
    list-style:none;
    float:left;
}

#nav li {
    float:left;
    margin:0 5px 0 0;
    padding:0 0 0 9px;
    height:60px;
    line-height:46px;
}

#nav li:hover { background: url(../img/nav-left.png) no-repeat left top; }

#nav li.current { background: url(../img/nav-left.png) no-repeat left top; }

#nav a {
    display:block;
    padding:5px 25px 4px 6px;
    text-decoration:none;
    color:#fff;
    height:60px;
    text-align:left;
}

#nav li:hover a {
    background: url(../img/nav-right.png) no-repeat right top;
    color:#fff;
}

#nav li.current a {
    background: url(../img/nav-right.png) no-repeat right top;
    color:#fff;
}

.facebook { float:left; width:30px; height:30px; margin:21px 15px 0 0;}
.facebook a {width:30px; height:30px; background:url(../img/facebook.png) 0 0 no-repeat;}
.facebook a:hover {background:url(../img/facebook_hover.png) 0 0 no-repeat;}

#container {
    background: #525252 url(../img/bg_tier_top.png) 0 0 no-repeat;
    padding:20px 0 0 0;
    margin:0 0 10px 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border:1px #212121 solid;
    position:relative;
}

#tier {
    background: none repeat scroll 0 0 #777;
    border-radius: 10px;
    float: left;
    margin: 5px 0 5px 40px;
    overflow: hidden;
    padding: 15px 0;
    width: 656px;
}
layout.css (riga 198)


#tier .rightBox1 {
	width:290px;
    margin-left:9px;
    margin-right:9px;
    border-top:1px solid #444;
}

/*#container h2 {
    color:#fff;
    font-size:18px;
    margin:0 0 5px 40px;
    background:url(../img/logo.png) left center no-repeat;
    padding:0 0 0 50px;
    height:70px;
    line-height:118px;
    font-family: Century Gothic Regular, Helvetica, "Trebuchet MS", Arial, sans-serif;
    width:500px;
    float:left;
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.25);
}*/

#container h2 {
    background:url("../img/logo.png") no-repeat scroll left top transparent;
    color:#BABABA;
    float:left;
    font-family:Georgia;
    font-size:48px;
    line-height:50px;
    margin:0 0 5px 40px;
    padding:0 0 0 55px;
    text-shadow:-2px -2px 0 rgba(0, 0, 0, 0.15);
    width:500px;
}

#container h2 small {
    display:block;
	font-size:36px;
    /*
	color:#FFFFFF;
    line-height:20px;
    margin-top:-10px;*/
}
#container h2 small .littlesmall {
    display:block;
	font-size:18px;
}

#container h2 small span {
    color:#CCCCCC;
    display:block;
    font-size:13px;
}

#container small.search-text {
    color:#FFFFFF;
    float:left;
    font-family:georgia;
    font-size:1.5em;
    margin:-10px 0 10px 92px;
    width:500px;
}

#container p.title {
    color:#FFFFFF;
    float:right;
    font-family:georgia;
    font-size:18px;
    margin:0;
    padding:0 0 6px;
    width:98%;
    text-shadow:-2px -2px 0 rgba(0, 0, 0, 0.15);
}

#main {
    width:625px;
    float:left;
    margin:0 0 15px 40px;
    -moz-border-radius: 10px;
    background: #717171;
    border: 1px solid #4B4B4B;
    padding:15px;
    background:#a7a7a7 url(../img/quadro_bg.png) right bottom no-repeat;
}

.mainTop {
    background:url(../img/main_box_top.png) 0 0 no-repeat;
    height:8px;
    width:655px;
    float:left;
}

.mainMiddle {
    background:url(../img/main_box_middle.png) 0 0 repeat-y;
    width:635px;
    float:left;
    padding:0 10px;
}

.mainBottom {
    background:url(../img/main_box_bottom.png) 0 0 no-repeat;
    height:11px;
    width:655px;
    float:left;
}

h3.main {
    background: url("../img/logo.png") no-repeat scroll 35px 15px #666;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 6px;
    border-top: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 36px;
    line-height: 33px;
    margin: 10px 0;
    padding: 10px 10px 10px 115px;
}

h3.main a {
    color: #FFFFFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
}

h3.main a span {
    color: #8ABC3A;
    font-family: Georgia;
    font-weight: 800;
}

#main p {
    font-size:.85em;
    line-height:20px;
    margin-bottom:5px;
}

#sidebar {
    float: right;
    margin: 0 36px 0 0;
    width: 260px;
}

#home #sidebar {
    background: none repeat scroll 0 0 #444444;
    border-radius: 4px 4px 4px 4px;
    padding:10px 0;
}

.rightBox1, .rightBox2, .rightBox3 {
    width:240px;
    /*height:115px;*/
    padding:10px;
    float:left;
    margin-bottom:15px;
}

.rightBox1 { /*background: url(../img/dark_right_box_1.png) 0 0 no-repeat;*/ }

.rightBox2 { /*background:url(../img/dark_right_box_2.png) 0 0 no-repeat;*/ }

.rightBox3 { /*background: url(../img/light_right_box.png) 0 0 no-repeat;*/ background-color:#777777; }

p.bianco { color:#fff; }

#contatti p.bianco { text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.25); }

.boxTitle {
    color:#fff;
    font-size:.75em;
    margin:0 0 2px 0;
}

p.boxTitle span {
    font-size:.85em;
    color:#CCC;
    margin:2px 0 0 0;
}

.rightBox1 img, .rightBox2 img, .rightBox3 img {
    float:left;
    display: inline;
    border:3px #CFCDCE solid;
    margin:0 5px 0 0;
}

/*
.rightBox1 h3 a, .rightBox2 h3 a, .rightBox3 h3 a {
    color:#BF0010;
    width:187px;
    float:left;
    font-size:.8em;
}*/

.rightBox1 h3 a, .rightBox2 h3 a, .rightBox3 h3 a {
    color:#E4E4E4;
    float:left;
    font-size:0.8em;
    /*    margin-bottom:7px;
*/    width:100%;
    font-weight:bold;
}

.rightBox3 h3 a { color:#711512; }

.rightBox1 p.txt, .rightBox2 p.txt, .rightBox3 p.txt {
    font-size:.75em;
    color:#A7A7A7;
    float:left;
    margin-top:5px;
}

.rightBox3 p.txt { color:#fff; }

#footer {
    float:left;
    width:1024px;
    margin:15px auto 5px;/*    padding:47px 0 0 10px;
    height:135px;
    background:url(../images/bg_footer.png) 40px 50px no-repeat;
*/
}

#footer .left ul {
    float:left;
    margin:5px 0 5px 40px;
    overflow:hidden;
    width:656px;
    background-color: #666;
    -moz-border-radius: 4px;
    border:1px solid #444444;
}

#footer .left ul li {
    margin:14px 12px 0 12px;
    display:inline-block;
}

#footer ul li.margin15 { margin-left:30px; }

#footer ul li a { vertical-align:middle; }

#footer ul li img {
    display:table-cell;
    margin:0;
    padding:5px 0 0 0;
}

#footer ul li img.no-padding { padding:0;}

#footer p {
    color:#C2C2C2;
    font-size:0.7em;
    line-height:12px;
    margin:0 0 0 40px;
    width:400px;
    display:inline-block;
}

#footer p.secondPar {
    margin:0 0 15px 12px;
    color:#000;
    line-height:16px;
    width:472px;
    font-weight:bold;
}

#footer .left {
    float:left;
    width:684px;
    padding:8px 45px 0 0;
}

.sisma {
    float:left;
    width:260px;
    height:135px;
    display:inline;
    padding:23px 0 0;
}

/* */

#breadCrumb {
    color:#999999;
    float:left;
    font-size:0.85em;
    line-height:1.23em;
    padding-left:5px;
}

#searchBox {
    width:385px;
    height:29px;
    float:right;
    margin:25px 40px 0 0;
    background:url(../img/searchbox.png) 103px 0 no-repeat;
    text-align:right;
}

#searchBox select {
    -moz-border-radius:5px;
    background:url(../img/select.png) no-repeat scroll 0 0 #989898;
    border:0 none;
    padding:0.5em;
    width:80px;
    margin:1px;
}

input#searchtext {
    background:none repeat scroll 0 0 transparent;
    padding:0.5em;
    width:205px;
    border:0;
}

input#searchbutton {
    padding:0.5em;
    width:60px;
    border:0;
    background:none;
}

#mainZero h3 {
    width:250px;
    margin:0 0 0 50px;
}

ul#stagioni {
    width:940px;
    height:auto;
    margin:0 auto 5px;
    overflow:hidden;
}

ul#stagioni li {
    width:100%;
    padding:14px 0;
    position:relative;
}

ul#stagioni li a.overlay, ul.news li a.overlay {
    display:block;
    width:100%;
    height:100%;
    overflow:hidden;
    text-indent:-9999em;
    position:absolute;
    top:0;
    left:0;
}

ul.noItem {
    width:935px;
    height:auto;
    margin:0 auto 5px;
    overflow:hidden;
}

ul.noItem li {
    width:880px;
    padding:14px;
    position:relative;
    height:auto;
    float:left;
    font-size:.8em;
    -moz-border-radius: 10px;
    background: #717171;
    border: 1px solid #4B4B4B;
    margin-bottom:5px;
    line-height:18px;
}

.wrap {
    width:935px;
    margin:0 auto;
}

ul.news li {
    width:440px;
    padding:10px;
    position:relative;
}

ul#stagioni li, ul.news li {
    height:155px;
    float:left;
    font-size:.75em;
    -moz-border-radius: 10px;
    background: #717171;
    border: 1px solid #4B4B4B;
    margin-bottom:5px;
    line-height:18px;
}

ul#stagioni li:hover, ul.news li:hover { background:#a9a9a9 url(../img/freccia_right_big_bianca.png) 99% center no-repeat; }

ul#stagioni li img {
    height:auto;
    float:left;
    border:2px #454545 solid;
    margin:0 10px 10px 10px;
}

.leftBox {
    float:left;
    margin:0 25px 0 40px;
}

ul.news li img {
    float:left;
    display:inline;
    border:3px #ccc solid;
    margin:5px;
}

ul#stagioni li div {
    width:580px;
    height:165px;
    padding:0 10px;
}

ul.news { padding-top:15px; }

ul.news li {
    margin-bottom:15px;
    float:left;
    height:244px;
    margin-left:30px
}

ul.news li .left { width:250px; }

p.bianco a {
    color:#fff;
    margin-bottom:10px;
}

#archivio {
    width:220px;
    height:35px;
    float:left;
    margin:0 0 0 44px;
}

#avanti {
    float:right;
    width:75px;
    margin:0 44px 0 0;
}

#archivio, #avanti {
    -moz-border-radius: 10px;
    background-color:#757575;
    text-indent:10px;
}

#archivio a, #avanti a {
    width:220px;
    height:35px;
    font-size:.8em;
    line-height:33px;
    display:block;
}

#archivio a:hover, #avanti a:hover { color:#fff; }

#archivio:hover, #avanti:hover { background:#a9a9a9 url(../img/freccia_right_small_bianco.png) 99% center no-repeat; }

#mainFull {
    float:left;
    -moz-border-radius:10px 10px 10px 10px;
    background:none repeat scroll 0 0 #717171;
    border:1px solid #4B4B4B;
    margin:0 0 0 40px;
    padding:15px;
    width:914px;
    font-size:.8em;
}

/*
.follow {
    width:100%;
    float:left;
    clear:both;
}*/

.follow {
    float:right;
    margin-top:20px;
}

.follow ul {
    width:90px;
    float:right;
    margin:0 0 5px 0;
}

.follow ul li { margin:0 3px; }

.follow ul li.icoMail {
    background:url(../img/ico-mail.png) center no-repeat;
    width:22px;
    height:22px;
}

.follow ul li.icoMail a {
    width:22px;
    height:22px;
    display:block;
}

.follow ul li.icoPrint {
    background:url(../img/ico-print.png) center no-repeat;
    width:22px;
    height:24px;
}

.follow ul li.icoPrint a {
    width:22px;
    height:24px;
    display:block;
}

.spacerBox {
    margin:0 0 15px 0;
    background:#b3b3b3;
    border:1px solid #4B4B4B;
    padding:20px;
}

.spacerBox h3 {
    font-weight:800;
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.25);
}

.spacerBox p { line-height:16px; }

#mainFull .left { width:460px; }

#mainFull .right { width:440px; }

.schedaImg {
    border:1px solid #4B4B4B;
    margin-bottom:15px;
    line-height:0;
}

.multimediaBox {
    width:205px;
    background-color: #b3b3b3;
    padding:5px;
    border:1px solid #4B4B4B;
}

#mainFull .left p.classe {
    background-color:#717171;
    color:#FFFFFF;
    font-weight:800;
    margin-bottom:6px;
    padding:3px 3px 3px 0.5em;
}

p.bulletAudio, p.bulletPdf, p.bulletImg {
    width:170px;
    padding:3px 0 3px 35px;
    float:left;
    height:28px;
    line-height:42px;
}

p.bulletAudio { background:url("../img/ico-ascolta.png") no-repeat scroll 3% 50% #717171; }

p.bulletPdf { background:url("../img/ico-pdf.png") no-repeat scroll 3% 50% #717171; }

p.bulletImg {
    background:url(../img/ico-foto.png) 3% 100% no-repeat;
    line-height:50px;
}

.multimediaBox ul { }

.multimediaBox ul li {
    width:auto;
    float:left;
    clear:left;
    display:block;
    line-height:20px;
}

.photogallery {
    float:left;
    width:100%;
    clear:left;
}

/* solisti aquilani */
span.descrImg, span.descrImg2 {
    -moz-border-radius:5px;
    background:none repeat scroll 0 0 #525252;
    color:#BABABA;
    font-family:Tahoma;
    font-size:0.75em;
    font-weight:400;
    letter-spacing:0.5px;
    line-height:12px;
    padding:5px;
    margin:5px;
    text-align:center;
    width:107px;
    overflow:hidden;
    text-shadow:-1px -1px rgba(0, 0, 0, 0.15);
}

span.descrImg {
    float:left;
    margin-left:0;
}

span.descrImg2 {
    float:right;
    margin-right:0;
}

span.descrImg a, span.descrImg2 a { color:#BABABA; }

.imgLeft, .imgRight {
    border:1px solid #BABABA;
    height:auto;
    margin-bottom:5px;
    width:105px;
    overflow:hidden;
    float:left;
}

.scarica {
    font-size:.6em;
    color:#CCC;
}

.organigramma { margin-bottom:15px; }

.organigramma, .violino {
    -moz-border-radius:10px 10px 10px 10px;
    background:none repeat scroll 0 0 #717171;
    border:1px solid #4B4B4B;
    float:left;
    padding:10px;
}

.organigramma h3, .violino h3 {
    color:#fff;
    margin:0 0 5px 0;
    text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.25);
}

.organigramma ul { }

.organigramma ul li {
    border-bottom:1px dotted #444;
    display:block;
    float:left;
    font-size:0.75em;
    margin:0 0 0;
    padding:6px 1%;
    width:98.9%;
}

.organigramma ul li a { color:#711019; }

.organigramma ul li strong {
    display:block;
    text-shadow:1px 1px 0 rgba(255, 255, 255, 0.15);
}

.violino p {
    font-size:.75em;
    line-height:18px;
}

.violino img {
    border:1px solid #BABABA;
    margin-bottom:5px;
    float:right;
}

#contatti {
    width:935px;
    margin:0 auto;
    overflow:hidden;
    -moz-border-radius:10px 10px 10px 10px;
    background:none repeat scroll 0 0 #717171;
    border:1px solid #4B4B4B;
    padding:0 0 20px 0;
}

#contatti ul {
    width:880px;
    margin:20px auto 0;
}

#contatti ul li {
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #8f8f8f;
    border:1px solid #4B4B4B;
    display:inline;
    float:left;
    height:155px;
    margin:10px;
    width:250px;
    padding:10px;
    font-size:.8em;
    line-height:20px;
}

#contatti ul.credits-list li {
    -moz-border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #8f8f8f;
    border:1px solid #4B4B4B;
    display:inline;
    float:left;
    height:auto;
    margin:10px;
    width:398px;
    padding:10px;
    font-size:.8em;
    line-height:20px;
    text-align:left;
}

#contatti ul.credits-list li .bianco {
    font-weight:bold;
    float:left;
    margin:0 0 10px 0;
    width:100%;
}

#contatti ul.credits-list li p {
    float:left;
    margin:0 0 0 15px;
    text-align:left;
    width:auto;
}

#contatti ul.credits-list li img {
    float:left;
    height:auto;
    width:auto;
    display:block;
}

#contatti ul li a { color:#BF0010; }

.credits {
    width:90px;
    float:right;
    clear:left;
    margin:-14px 0 0 0;
}

.credits a {
    color:#6f6f6f;
    font-size:.75em;
    font-weight:bold;
}

.credits a:hover { color:#ccc; }

a.back {
    font-family:Georgia;
    font-size:.9em;
    color:#fff;
    margin:10px 40px;
    display:block;
    float:right;
}
