/* --- TABELLA COLORI ---

   #2c537a = blu del menù / bold / sfondo footer
   #bd1225 = rosso di link e bottoni (stesso rosso del logo)
*/

@font-face {
	font-family: 'ShelleyAndanteScriptWD';
	src: url('/graphics/fonts/ShelleyAndanteScriptWD.eot');
	src: url('/graphics/fonts/ShelleyAndanteScriptWD.woff') format('woff'), 
	    url('/graphics/fonts/ShelleyAndanteScriptWD.ttf') format('truetype'), 
	    url('/graphics/fonts/ShelleyAndanteScriptWD.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'CenturyGothic';
	src: url('/graphics/fonts/CenturyGothic.eot');
	src: url('/graphics/fonts/CenturyGothic.woff') format('woff'), 
	     url('/graphics/fonts/CenturyGothic.ttf') format('truetype'), 
	     url('/graphics/fonts/CenturyGothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* -- ELEMENTI GENERICI -- */
body {
  font-family:CenturyGothic;
  color:black;
  background-image:url('/graphics/background_body.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  background-attachment: fixed;
  font-size: 1.1em;
}
b, strong  {
  color: #032262;
  
}
h1, h2 {
  color: #032262;
}


.testo_centro_foto div.text_block > p {
    /*width: 50%;*/
    background: rgba(0,0,0,0.4);
    padding: 1em;
    border: 1px solid rgba(255,255,255,0.3);
    color: #ffffff;
}

.testo_centro_foto strong {
    width: 50%;
    color: #ffffff;
    font-size: 1.5em;
}


/* -- Classi generiche -- */
.bottone {
  background-color: #032262;
  border-radius: 2px;
  box-shadow: 0 2px 0 white;
  color: #ffffff !important;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  margin: 1em;
  padding: 1em;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
}
.bottone:hover {
  box-shadow: 0 2px 0 white;
  color: white;
  background-color: #fccb00;
}

.form_contatti .send_button {
  background: #032262;
  color: white;
}
.form_contatti .pannello {
  text-shadow: 0px 0px 0px #fff;
}


/* -- HEADER -- */
.layout_header  {
  background-color:#032262;
  color:#ffffff;
  /*border-bottom: 5px solid #009c81;  */
  height: 5em;
}



.layout_header .logo {
  background-color: #032262;
  border: 0px solid #000000;
height:5em;
width: 10em;
  

}

.layout_header li a {
  padding: 0 0.5em;
}

.layout_header nav {
  font-size: 1.2em;
  padding-top: 0.5em;
}

.layout_header.mini .logo,
.layout_header #show-menu:checked ~ .logo {
  height: 5em;  

}




.layout_header nav .flags:hover div {     
    background: #032262 none repeat scroll 0 0;
}
.layout_header li:hover {
    background-color:white;
    color: #032262;    
}
.layout_header li:hover a {
    color: #032262;
}
@media screen and (min-width: 769px) and (max-width: 1024px) 
{
    .layout_header .logo  {
        width:5em;
    }
    .layout_header .menu0_container li:first-child {
        display:none;
    }
    .layout_header nav {
        padding-left: 6em;
        font-size:0.9em;
    }
}
@media screen and (max-width: 768px)
{
    .layout_header #show-menu:checked ~ nav {
        background: #032262;
    }
}


/* -- PAGE -- */
.layout_page > div > .back_block,
.layout_page > div > .text_block > .back_block {
    color: #ee7703;
    font-size: 2em;
}
.layout_page > div .back_block.cycle-slideshow > .cycle-pager {
    font-size:15px;
}
.layout_page > div .back_block.cycle-slideshow > .cycle-slide > .cycle-overlay {
    margin: 0;
    position: absolute;
    bottom: 2em;
    width: 100%;
}
.layout_page > div > .back_block:first-child + .text_block:last-child,
.layout_page > div > .text_block > .back_block {
    text-shadow: 0px 0px 1px #fff;
}
.layout_page .text_block a {
	color: #032262;/*#18305b;*/
}
.layout_page .text_block a:hover {
	color: #fccb00;
	text-decoration: none;
}
.layout_page .text_block table tr:first-child {
    background-color: #18305b;
}

.layout_page.HMan > div
{
   /*background-color: White;*/
	
}


/* -- Pagina dettaglio -- */
.pagina_dettaglio .text_block {
    background:#ffffff;
}

/*bordo bianco tra foto vicine*/
.bordi .back_block {
    border: 5px solid white;
}



/* -- FOOTER -- */
.layout_footer {
  background-color:#032262;
  color:white;
  text-align:center;
 
}
.layout_footer a {
    color:#ddd;
}
.layout_footer a:hover,
.layout_footer h2, 
.layout_footer h3,
.layout_footer h4 {
  color:white;
}
.layout_footer strong {
  color: White;
}
@media screen and (min-width: 1px) and (max-width: 600px) 
{
    .layout_footer > div td {
        text-align: center;    
    }
    
    .art_block {
  width: 100%;
}

.layout_page.text_blocks_4 > div > .text_block,
.layout_page.art_blocks_4 > div > .art_block {
    width:100%;
}

}


/* -- blocco anteprima -- */




.art_block > a.img_background > div {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  bottom: 2em;
  left: 1em;
  padding: 0;
  position: absolute;
  right: 1em;
}
.art_block > a {
  color: #032262;
  text-decoration: none;
  border: 1px solid #2c537a;
  height: 15em;
  width: 20em;
}
.art_block > a.img_background > b {
  background: #032262 none repeat scroll 0 0;
  color: #ffffff;
  /*height: 3em;*/
  font-size:1em;
  padding-top: 0em;
}
.art_block > a > div > p {
  text-align:center;
}


/* -- EVENTI -- */
.opaco_eventi .text_block p {
  background:rgba(24, 48, 91,0.6);
  padding-bottom: 1em;
  padding-top: 1em;
  color: white;
  text-align:center;
}
.opaco_eventi .text_block a {
  text-decoration: none !important;    
}
.opaco_eventi .text_block a:hover {
  text-decoration: none;    
/* color: Red;*/
}
.opaco_eventi .text_block strong {
  color: #ee7703; 
}
.scritta_bianca .text_block p {
  color: white;
  text-align:center;
  font-size: 1.3em;
}


/* -- TABELLA -- */
table.usato.small-only 
{
    display:none;
}
table.usato
{
    margin-top:20px;
    width:100%;
    border-collapse: collapse;
    /*border: 1px solid #AAAADD;  /* COLORE_BORDO_CHIARO */
}
table.usato td
{
    border:0;
    padding:5px;
}
table.usato td p
{
    margin-top:0;
    padding-top:0;
}
table.usato tr
{
    background-color: white;
}
table.usato tr.header
{
    background-color: #18305b;
    color: white;
    font-weight: bold;
}
table.usato tr.alternate
{
    background-color: #eeeeee;
}
table.usato tr.first
{
    color: #000088;
}
table.usato tr.header td,
table.usato tr.first td
{
    text-align:center;
    font-weight:bold;
}

table.usato tr.first img
{
    width:210px;
}
@media screen and (min-width: 769px) and (max-width: 1024px) 
{
    table.usato tr.first img {
        width:auto;
        min-width:100px;
    }
}
@media screen and (min-width: 1px) and (max-width: 768px) 
{
    table.usato.small-only 
    {
        display:table;
    }
    table.usato tr.first img {
        width:100%;
        border-top:3px solid orange;
    }
    table.usato.large-only 
    {
        display:none;
    }

}