body {background-color:#505865; /*background-image:url(../img/sfondo.gif);*/ background-position:20px 20px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#505865}
/* CSS Document */

body {background-color:#505865; /*background-image:url(../img/sfondo.gif);*/ background-position:20px 20px; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:76%; color:#505865}

#breadcrumb {margin:10px auto 0px auto; color:#A7ABB2; width:748px; padding:3px 15px; font-weight:bold; font-size:0.9em}
#breadcrumb  ul { margin:0px; padding:0px}
#breadcrumb  li { list-style-type:none; float:left; display:inline}
#breadcrumb  li a { color:#FFFFFF}
#breadcrumb a[href] {color:#A7ABB2; text-decoration:none}
#breadcrumb a[href]:hover {color:#D3D5D8; text-decoration:none}

#menu_principale { position:absolute; bottom:6px; left:5px; height:16px}
#menu_principale ul { list-style-type:none; margin:0px; padding:0px; height:16px}
#menu_principale ul li { float:left; border-right:1px solid #FFF; height:12px;line-height:12px}
#menu_principale ul li a { margin:0px 10px; text-decoration:none; text-transform:uppercase; line-height:12px; color:#fff; font-weight:bold}
#menu_principale ul li a:hover {color:#AAA}
#menu_principale ul li a.accesa { color:#666}

#pagina {margin:auto;background-color:#FFF; width:778px}

#p_br { background:url(../img/p_br.gif); background-repeat:no-repeat; background-position:bottom right}
#p_bl { background:url(../img/p_bl.gif); background-repeat:no-repeat; background-position:bottom left}
#p_tr { background:url(../img/p_tr.gif); background-repeat:no-repeat; background-position:top right}
#p_tl { background:url(../img/p_tl.gif); background-repeat:no-repeat; background-position:top left}

#p_fl {}
#wrapper {margin:0% 0.5%; padding-bottom:30px}

#testata {background-image:url(../img/testata.gif); height:142px; background-repeat:no-repeat; background-position:50% 50%; margin:0px; position:relative}
#testata h1 { float:right; margin:24px 42px; background-image:url('../img/logo_ilfischio.gif'); background-repeat:no-repeat; width:87px; height:88px; text-indent:-200px; overflow:hidden}
#testata h1 a { width:100%; height:100%; display:block}
.clear { clear:both}
.hfissa { height:200px}
.compatta { height:40px}

.colonna {margin:0.5%; _margin:0.3%; float:left; position:relative;  padding:0px; display:inline; background-repeat:no-repeat}
.c1 {width:24%}
.c2 {width:49%}
.c3 {width:74%}
.c4 {/**/width:99%}
 
#accordion .colonna { cursor:pointer; background-color:#444; background-position:50%}
 
.colonna h1 { margin:0px; color:#505865; font-size:1.6em; z-index:4; position:absolute; top:10px; left:10px}
.colonna h1 a {color:#FFFFFF; text-decoration:none}
.colonna h1 a:hover {color:#FFCC66}
.grigio h1, .hfissa h1 { color:#FFFFFF}


.colonna h2 { margin:0px 0px 10px 0px; color:#505865; font-size:1.4em; padding-top:10px }
.colonna h3 { margin:0px; color:#A7ABB2; font-size:1.4em; font-weight:normal; font-family:'Arial Narrow';}
.colonna h4 { margin:0px; color:#A7ABB2; font-size:1.3em; font-weight:bold; font-family:'Arial Narrow'; text-transform:uppercase;/**/ padding:5px 0px 5px 0px; text-decoration:none}
.colonna h4 a { color:#505865; /*display:block;*/;text-decoration:none}
.colonna h4 a.accesa { color:#505865; padding:0px 7px; border-right:1px dotted;}
.colonna h4 a.tab { color:#A7ABB2; padding:0px 7px; border-right:1px dotted;}
.colonna h4 a:hover { color:#505865;text-decoration:none; }
.colonna h4 a.icona { padding-left:24px}
.colonna h4 a.RSS { background-image:url(../img/icona_rss.gif); background-repeat:no-repeat; background-position:0% 50%}

.colonna ul.header { margin:0px 0px 0px -10px; color:#A7ABB2; font-size:1.3em; font-weight:bold; font-family:'Arial Narrow'; /*text-transform:uppercase;*/ padding:5px 0px 5px 0px; text-decoration:none; height:19px}
.colonna ul.header li {float:left; list-style-type:none}
.colonna ul.header a { color:#505865; display:block;/**/;text-decoration:none}
.colonna ul.header a.accesa { color:#505865; padding:0px 7px; border-right:1px dotted; border-bottom:6px solid #505865}
.colonna ul.header a.tab { color:#A7ABB2; padding:0px 7px; border-right:1px dotted;}
.colonna ul.header a:hover { color:#505865;text-decoration:none; }
.colonna ul.header a.icona { padding-left:24px}
.colonna ul.header a.RSS { background-image:url(../img/icona_rss.gif); background-repeat:no-repeat; background-position:0% 50%}


.colonna p { margin:0px; color:#505865; font-size:1em; margin:0px; padding:10px 0px; text-align:justify}
.colonna p a, .colonna a { color:#505865;}

a img {border:none}
img.icona { vertical-align:middle; margin:0px 5px 0px -5px}

.colonna ul.lista { margin:0px; padding:0px 15px}
.colonna ul.lista li {list-style-type:square; padding:3px 0px; margin:0px; font-weight:bold}

.colonna ul.boxes { display:block; margin:0px; padding:0px; background-color:#FFFFFF; margin:0px -15px; border-top:1px solid #D3D5D8; border-left:1px solid #F1F2F3; border-right:1px solid #F1F2F3}
.colonna ul.boxes li{list-style-type:none; padding:10px 10px; border-bottom:1px solid #A7ABB2; margin:0px}
.colonna ul.links li{padding:0px; text-align:center}
.colonna ul.links li p {margin:5px 10px !important}
.colonna ul.boxes li.accesa{background-color:#FFCC66}
.colonna ul.boxes li.accesa:hover{background-color:#FFCC66}
.colonna ul.boxes li:hover { background-color:#F1F2F3}

.boxes li.pdf { background-image:url(../img/file_pdf.gif); background-repeat:no-repeat; background-position:10px 50%; padding-left:35px !important}


.colonna ul li a { text-decoration:none; outline:none}
.colonna .thumb { width:100%}
.colonna ul.boxes li h5 { color:#505865; margin:0px; padding:0px; font-size:0.9em}
.colonna ul.boxes li h5 span { font-weight:normal; font-size:0.9em}
.colonna ul.boxes li h4 { color:#505865; margin:0px; padding:0px; font-size:1.2em; font-weight:bold; font-family:'Arial Narrow'; }
.colonna ul.boxes li p { color:#A7ABB2; margin:0px; padding:0px; font-size:1em}
.colonna a.details { display:block;text-decoration:none; text-align:right; padding:5px 15px 0px 10px; color:#505865; font-weight:bold; background-image:url(../img/freccino_dx.gif); background-repeat:no-repeat; background-position:100% 75%; margin:0px -10px; font-size:1em}

.c_br {background:url(../img/c_br.png); background-repeat:no-repeat; background-position:bottom right; height:100%;}
.c_bl {background:url(../img/c_bl.png); background-repeat:no-repeat; background-position:bottom left; height:100%;}
.c_tr {background:url(../img/c_tr.png); background-repeat:no-repeat; background-position:top right; height:100%;}
.c_tl {background:url(../img/c_tl.png); background-repeat:no-repeat; background-position:top left; height:100%; padding:0px 15px 10px 15px; position:relative}

.ritratti {background-image:url(../img/ritratti.jpg)}
.ambiente {background-image:url(../img/natura.jpg)}
.spettacolo {background-image:url(../img/spettacolo.jpg)}
.design {background-image:url(../img/design.jpg)}

.grigio {background-color:#F1F2F3}
.rosso {background-color:#990000}

#form-concorso { padding:10px 0px;position:relative; width:460px;;}
#form-concorso label { display:block;  margin:8px 0px}
#form-concorso label.sinossi { display:block;  margin:8px 0px}
#form-concorso label span { display:inline-block; width:150px; vertical-align:top; padding-top:5px; font-weight:bold}
#form-concorso label input { width:300px}
#form-concorso label select { width:304px}
#form-concorso label textarea { width:304px; height:81px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#form-concorso div.note { position:absolute; top:20px; left:480px; width:250px}
#form-concorso .bottone { float:right; background-color:#990000; padding:2px 10px; margin-right:4px; color:#FFF; border:none}




#footer {margin:2px auto 0px auto; color:#D3D5D8; width:748px; padding:3px 15px; font-weight:bold; font-size:0.9em; text-align:center}
#footer b, #footer strong { color:#FFFFFF}

#videobox {width:370px; height:200px; position:absolute; top:0px; left:0px; margin:0; padding:0; z-index:3}
#mainvideo {width:763px; height:430px; background-color:#333; margin:0 -15px}
#smallvideo {width:370px; background-color:#FFF; margin:0 -15px}
