area_conteventbox_eventiabox_sezionece@charset "UTF-8";
/* CSS Document */
/*[if IE] */
   @font-face {
       font-family: "Bebas Neue";
       src: url("/font/BebasNeue.ttf");
   }
/* <![endif] */

@font-face {
   font-family: "Bebas Neue";
   font-style: normal;
   font-weight: normal;
   src: url("/font/BebasNeue.ttf") format("truetype");
}

/*[if IE] */
   @font-face {
       font-family: "Aldhabi";
       src: url("/font/Aldhabi.ttf");
   }
/* <![endif] */

body { 
    background-color: #fff; 
    background-image: url("../img/bg.png"); 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size:12px; 
    text-align: left; 
    color: #333
    }

* { margin: 0; padding: 0; }

img { border: 0;}

a:link { text-decoration: none; color: #333; }
a:visited { text-decoration: none;  color: #333; }
a:hover { color: #AC141F;  text-decoration: underline;}

li.cookie { padding: 0px 0px 30px 0px;}
li.cookieb { padding: 0px 0px 0px 20px; background:url(cookie.png) left 2px no-repeat; }
li.img { padding: 0 0 6px 20px; background:url(cal17.png) left 3px no-repeat; }

.ruolo { font-style:italic; color:#6b6b6b; }

.area_menu { height: 38px; }
.area_menu img { margin-top:8px;}
.area_menu a{ padding: 0 15px 5px 15px; font-size: 12px; font-weight: bold; text-decoration: none;}
.area_menu a:link{ color: #036; background:url(../img/drop_blu.jpg) left top no-repeat; }
.area_menu a:visited{ color: #036; background:url(../img/drop_blu.jpg) left top no-repeat; }
.area_menu a:hover{ color: #E91B2C; background:url(../img/drop_red.jpg) left top no-repeat; }
.first a{ background: none; padding: 0 27px 0 0;}
.first a:link { background:url(../img/icon_home_blu.jpg) left top no-repeat; }
.first a:visited { background:url(../img/icon_home_blu.jpg) left top no-repeat; }
.first a:hover { background:url(../img/icon_home_red.jpg) left top no-repeat; }
.selected a{ color: #E91B2C!important; background:url(../img/drop_red.jpg) left top no-repeat!important;  }

.first span { display: none;}

/****** HEADER ******/
.area_header { width: 950px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_header imglogo { margin: 0 0 0 0; float: left;}

/****** HEADER/FOOTER ******/
.centra {width: 940px; margin: 0 auto; }
.centra_left {width: 686px; margin: 0 auto; float: left}
.centra_right {margin: -0px auto; height: 30px; float: left}
.box_right {margin: -0px auto; height: 30px; float: left}

.box_home { width: 145px; height: 145px; float: left; background-position:bottom; background-repeat:no-repeat; }
.box_eventi { background-image:url(../img/btn_eventi.png); }

.home { width: 920px; margin-top:37px; height: 850px;}

/****** FOOTER ******/
.area_footer { 
    width: 960px; 
    margin: 0 auto 37px auto; 
    padding: 10px;
    overflow: auto; 
    line-height: 20px; 
    color: #FFF;
    border:2px solid #574946;
    background: #2b1d1c;
}
.area_footer a { color: #ccc; font-style: italic;}
.area_footer a:hover { color: #ccc;}
.footer_left { float: left; width: 500px; padding-top:20px;}
.footer_right { float: right; width: 200px; text-align: right; padding-top:20px}

.bordo_interno2:before {
    border: 5px solid #2b1d1c;
    content: '';
    position: absolute;
    top: -7px;
    bottom: -7px;
    left: -7px;
    right: -7px;
    z-index: 0;
}
.bordo_interno {
    width: 910px; 
    background: #2b1d1c;
    color: #FFF;
    margin: 0 auto 7px auto; 
    padding: 10px;
    position: relative;
    border:2px solid #574946;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    z-index: 1;
}
.bordo_interno a { color: #ccc; font-style: italic;}
.bordo_interno a:hover { color: #ccc;}

/****** CONTENT ******/
.area_content { width: 960px; height: 720px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content a { color: #6cb1d9; font-style: italic;}
.area_content a:hover { color: #ccc;}
.area_content300 { width: 960px; height: 600px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content301 { width: 960px; height: 650px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content301ass { width: 960px; height: 800px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content499 { width: 960px; height: 1100px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content500 { width: 960px; height: 1400px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content501 { width: 960px; height: 2300px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content502 { width: 960px; height: 1300px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content0600 { width: 960px; height: 600px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content0650 { width: 960px; height: 650px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content0800 { width: 960px; height: 800px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content1100 { width: 960px; height: 1100px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content1200 { width: 960px; height: 1200px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content1300 { width: 960px; height: 1300px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content1400 { width: 960px; height: 1400px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content2100 { width: 960px; height: 2100px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content2300 { width: 960px; height: 2300px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}
.area_content2500 { width: 960px; height: 2500px; margin: 0 auto 37px auto; overflow: auto; line-height: 20px;}

.box-1{
    float:left;
    margin:10px;
    padding:0.1em;
    width:515px;
}
.box-2{
    float:left;
    margin:10px;
    padding:0.1em;
    width:380px;
    position: relative;
    top: 5px;
}
.box-3{
    float:left;
    margin-top:15px;
    padding:0.1em;
    width:140px;
}
.box-3 .btn{
    float:left;
    margin-bottom:10px;
    border:0px solid #900;
    padding:0em;
    width:140px;
    height:140px;
    background-color:#3c2922;
    color: #900;
}
.box-4{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0.1em;
    width:335px;
}
.box-5{
    float:left;
    margin:10px;
    padding:0.1em;
    width:552px;
    border:5px solid #563D33;
}
.box-6{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0em;
    width:552px;
    position: relative;
    top: 0px;
}

.box-4pres{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0.1em;
    width:485px;
}
.box-5pres{
    float:left;
    margin:10px;
    padding:0.1em;
    width:402px;
    border:5px solid #563D33;
}
.box-6pres{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0em;
    width:402px;
    position: relative;
    top: 0px;
}

.box-7{
    margin:10px;
    padding:0.1em;
}
.box-8{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:0px;
    padding:0.1em;
    width:502px;
}
.box-9{
    float:left;
    margin:10px;
    padding:0.1em;
    width:410px;
    position: relative;
    top: 5px;
}
.box-10{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0.1em;
    width:385px;
}
.box-11{
    font-family: 'Trebuchet MS';
    font-size: initial;
    float:left;
    margin:10px;
    padding:0.1em;
    width:765px;
}

.tdleft{
    float:left;
    font-family: 'Trebuchet MS';
    font-size: small;
    margin:10px;
    padding:0.1em;
    width:600px;
    // background-color: #E91B2C;
}

.tdright{
    float:right;
    font-family: 'Trebuchet MS';
    font-size: small;
    margin:10px;
    padding:0.1em;
    width:240px;
    // background-color: #b6ff00;
}

.box-1 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-2 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-3 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-4 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-7 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-8 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-10 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}
.box-11 h1 {font-family: 'Trebuchet MS'; font-size: x-large; line-height: 40px}

.pres_evento h1 {font-size: large; line-height: 30px}
.pres_evento img { margin:5px 0 0 5px; float: right; position:relative; top: -20px;}
.data_evento {
    font-family: 'Trebuchet MS';
    font-size: initial;
    width: 320px;    
    float: left; 
}
.testo_evento {
    font-family: 'Trebuchet MS';
    font-size: initial;
    line-height: 25px;
}
.scheda_evento {
    font-family: 'Trebuchet MS';
    font-size: initial;
    line-height: 20px;
    width: 320px;    
    float: left; 
}
.scheda_evento a:before {content: url(../img/elenco.png);}
.scheda_evento a:link { text-decoration: none; color: #333; }
.scheda_evento a:visited { text-decoration: none;  color: #333; }
.scheda_evento a:hover { color: #AC141F;  text-decoration: underline;}

.content_right2 h1 {
    font-family: 'Trebuchet MS'; 
    font-size: xx-large; 
    line-height: 40px;
    width: 260px;    
 }



// BOX DI DESTRA HOME PAGE
.pres_evento_arch {
    margin: 5px;
    width: 360px;    
}
.pres_evento_arch h1 {
    font-family: 'Trebuchet MS'; 
    font-size: large; 
    line-height: 30px;     
    color: #a4947b;
}
.pres_evento_arch img { 
    margin:5px 0 0 5px; 
    float: right; 
    position:relative; 
    top: -20px;
}

.data_evento_arch {
    font-family: 'Trebuchet MS';
    font-size: initial;
    line-height: 25px;
    border-bottom: 1px solid #fffbf7;
    width: 240px;    
    float: left; 
    color: #fffcf4;
}
.testo_evento_arch {
    font-family: 'Trebuchet MS';
    font-size: initial;
    font-weight: normal;
    line-height: 20px;
    color: #fffcf4;
}
.testo_evento_arch2 {
    font-family: 'Trebuchet MS';
    font-size: 10pt;
    font-weight: normal;
    line-height: 20px;
    color: #fffcf4;
}
.scheda_evento_arch {
    font-family: 'Trebuchet MS';
    font-size: initial;
    line-height: 25px;
    border-top: 1px solid #fffbf7;
    width: 240px;    
    float: left; 
    color: #fffcf4;
}
.scheda_evento_arch a:before {content: url(../img/elenco.png);}
.scheda_evento_arch a:link { text-decoration: none; color: #a4947b; }
.scheda_evento_arch a:visited { text-decoration: none;  color: #a4947b; }
.scheda_evento a:hover { color: #AC141F;  text-decoration: underline;}

.content_right3 h1 {
    font-family: 'Trebuchet MS'; 
    font-size: xx-large; 
    line-height: 40px;
    width: 50px;    
 }


.didascalia {
    font-family: 'Trebuchet MS';
    font-size: initial;
    line-height: 25px;
    text-align: center;
    font-style: italic;
}

.pres_evento2 {
    float: left;
    width: 464px;    
}
.pres_evento2 h1 {font-family: 'Trebuchet MS'; font-size: large; line-height: 30px}
.pres_evento2 img { margin:5px 0 0 5px; float: right; position:relative; top: -20px;}


.box-4 ul
{
    position:relative; 
    left: 20px;
    list-style-image: url('Cal17.png')
}
.box-4pres ul
{
    position:relative; 
    left: 20px;
    list-style-image: url('Cal17.png')
}
.box-10 ul
{
    position:relative; 
    left: 20px;
    list-style-image: url('Cal17.png')
}

p.center {
    text-align: center;
}