/**** RECAP MENU *****/ #indirizzo { margin:30px 0px 60px 0px; width:770px; float:left; color:#7E7D7D; text-align: right; font-size:80% } #indirizzo span { margin:0px; padding: 0px; background-color:white } /********************/ /**** FOOTER *****/ /********************/ /**** FOOTER MENU *****/ #footer ul {display:inline; float:right; text-align: right; font-size:80%; list-style: none; margin:0px; padding:0px 0px 5px 0px; background-color:white; width:100%} #footer li {display: inline; margin:0px 0px 0px 4px;} #footer li.selected a{color: white; background-color:#999;} #footer li.selected a:hover{text-decoration: underline} #footer li a{color: #A5A287; padding:0px 3px 11px 3px} #footer li a:hover{text-decoration:none;} /****** CONTENUTI SEZIONI BEASY *******/ .floatLeft{ float:left } .floatRight{ float:right } /******************************************/ /****** CARASCO ********************/ .bg_header_101{ background-image: url(images/visore_101.jpg); background-position: right; background-repeat: no-repeat;}/*sfondo per visoreHeader*/ .bg_header_3{ background-image: url(images/visore_3.jpg); background-position: right; background-repeat: no-repeat;}/*sfondo per visoreHeader*/ /**** FLAGS ****/ #topMenu div#flags{float:right;} #topMenu div#flags img{ position:relative; top:3px } #topMenu div#flags ul {display:inline; text-align: right; font-size:85%; list-style: none; margin:0px; padding:0px;} #topMenu div#flags li {display: inline; margin:0px 0px 0px 4px; color:#FF0097;} /**** TOP_MENU ****/ #topMenu div#menu{float:left;} #topMenu div#menu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px;} #topMenu div#menu li {display: inline; margin:0px 4px 0px 0px; color:#FF0097} #topMenu div#menu li a{color: #FF0097; text-decoration:none;padding:0px 3px 4px 3px} #topMenu div#menu li a:hover{text-decoration: underline; color: #FF0097} /**** RECAP_TOP_MENU ****/ #recapTopMenu { font-size:90%; width:760px; padding-top:10px; text-align:left; float:left;} #recapTopMenu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; color:#FF0097; background-color:white; } #recapTopMenu li {display: inline; margin:0px 4px 0px 0px;} #recapTopMenu li.selected a{color:white; background-color:#999;} #recapTopMenu li.selected a:hover{text-decoration: underline} #recapTopMenu li a{color:#FF0097; padding:0px 3px 10px 3px; text-decoration:none} #recapTopMenu li a:hover{text-decoration:underline; color:#FF0097} /**** CONTENUTI ****/ #contenuti{ width:760px; float:left } /*******************************************/ /********* PAGINA INTERNA ***********/ /*******************************************/ /**** SUBMENU ***/ #corpo{ width:370px; float:left;} #corpo p { margin:0px 40px 15px 45px; color:#444; line-height:1.4em;} #corpo a { color:/*#FF0097*/#01AFBE; } /**** COLONNA SERVIZI ***/ #colonnaServizi{width:221px; float:left;margin:0px; padding:0px; } #titoloPagina{width:221px; height:86px; background-color:#B2C900; float:left} #colonnaServizi div.photos {float:left;} /*#colonnaServizi div.photos img{ margin:0px; padding:0px; width:102px; border:1px solid Red; margin-left:10px; }*/ #titoloPagina h1{display:block; margin:0px; padding:0px; padding-top:53px; color:white; border-bottom:1px dotted white; text-align:right; font-weight:normal; font-size:150%; padding-bottom:4px; } #indirizziFooter{ width:760px; text-align:left; padding:15px 0px 0px 3px; font-size:90%; color:#B0B0B0; float:left; } /******************************************/ /*******************************************/ /*********** COMPAGNIA ZAPPALA ************/ /*******************************************/ body{ margin:0px; font-family: Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; text-align:center; background: url(images/sfondo.gif); background-attachment: fixed; background-color: #EEA900; font-size: 80%; color: #444; } a{color:white;} a:hover{ color:black; } a img{ border:0px; background-color:transparent;} /*** CONTENUTI ***/ .principale{ width:770px; margin: 0 auto;} .contenuto{ margin-top:0px;width:100%;float:right;text-align:left;} /*COLONNA*/ .colonna{ float:left; width:383px;padding-top:30px; font-weight:normal; color:black;} .colonna a { color:white; background-color:black; text-decoration:none; font-weight:bold; font-size:90%; padding:0px 2px 2px 2px;} .colonna a:hover {color:black; background-color:transparent; text-decoration:none; } .colonna a.white{background-color:transparent; text-decoration:underline} .colonna a.white:hover{text-decoration:none} .colonna p{float:left} .colonna p.indirizzo{ margin-top:10px; float:right;font-size:90%; padding-bottom:30px; border-bottom:1px dotted #444} .colonna p.descrizione{ width:80%; margin-top:10px; float:right; line-height:1.3em} .colonna p.descrizioneBianca{ width:80%; margin-top:10px; float:right; line-height:1.3em; background-color:white; padding:3px 8px 15px 8px;} .colonna div.descrizioneBianca{ width:80%; margin-top:10px; /*float:right;*/ line-height:1.3em; background-color:white; padding:3px 8px 15px 8px;} .colonna div.descrizioneBianca h1{font-size:110%; margin:0px; margin-top:3px} .colonna div.descrizioneBianca p{margin-bottom:10px;} .colonna div.showcase{ width:80%; margin-top:10px; float:right; background-color:white; padding:5px 10px 5px 6px;} .colonna div.showcase a{display:block; margin:0px; background-color: transparent;} .colonna div.showcase_produzione{ width:100%; margin-top:10px; float:right; background-color:white;} .colonna div.showcase_produzione p { float:right; width:80%} .colonna div.showcase_produzione img{margin:10px; float:left} .colonna div.visoreMedia{width:100%; margin-top:10px; float:right; background-color:black; padding:7px 10px 7px 7px; text-align:right} /*.colonna p.descrizioneBianca{ width:80%; margin-top:10px; float:right; line-height:1.3em; padding-bottom:15px; border-bottom:1px dotted #444}*/ /*colonna intera*/ .colonnaIntera{ float:left; width:100%; font-weight:normal; padding-top:30px;} .colonnaIntera a { color:white; background-color:black; text-decoration:none; font-weight:bold; font-size:90%; padding:0px 2px 2px 2px;} .colonnaIntera a:hover {color:black; background-color:transparent; text-decoration:none; } h1.dettaglio_prod {font-size:40%;} h2.dettaglio_prod {font-size:90%; margin:0px} .colonnaIntera div.home div{float:left} .colonnaIntera div.home img{float:left} /*** CREDITS CONTATTI***/ .creditContatto{ color:black; float:left; width:100%; padding:10px 0px 10px 0px; border-bottom:1px dotted #444 } .creditContatto h1{color:white; font-size:90%; margin:0px; padding:0px;} .creditContatto h2{font-size:90%; font-style:italic; margin:0px; padding:0px; font-weight:normal;margin-left:12px;} .creditContatto h3{display:block; width:100%; font-size:90%; float:left;margin:0px; padding:0px; margin:4px 0px 0px 12px;} /**** SUBMENU ***/ #submenu{ width:168px; min-height:287px; border-right:1px dotted #907C61; float:left } #submenu ul {display:inline; width:141px; text-align: right; font-size:85%; list-style: none; margin:0px; padding:0px; margin-left:2px; float:left} #submenu li { border-bottom:1px dotted #907C61 } #submenu li a{display:block; color: /*#C5DE00#B2C900*/#A3B800; margin:0px; text-decoration:none; padding:8px 2px 5px 0px; } #submenu li a:hover{text-decoration:none; color:white; background-color:#A3B800; } img.collaboratore{float:left; margin-right:5px; margin-top:5px;} /*** CREDITS COMPAGNIA ***/ .creditCompagnia {color:black; float:left; width:100%; padding:10px 0px 10px 0px; border-bottom:1px dotted #444} .creditCompagnia h1{font-size:90%; font-style:italic; margin:0px; margin-bottom:5px; padding:0px; font-weight:normal; margin-left:12px} .creditCompagnia h2{color:black; font-size:80%; margin:0px; padding:0px;margin-left:12px} .creditCompagnia h3{display:block; width:100%; font-size:90%; float:left;margin:0px; padding:0px; margin:4px 0px 0px 0px;margin-left:12px} .creditCompagnia h2.selected{color:black; margin-left:0px;} .creditCompagnia h2.selected span{font-size:90%; padding:0px 2px 2px 2px; margin-bottom:2px; line-height:1.5em; color:white} .creditCompagnia h2.roberto{font-size:110%} .creditCompagnia a{margin-bottom:2px; line-height:1.5em} /*** PRODUZIONI ***/ .produzioni{float:left; margin-top:30px; width:100%} .produzione {color:black; float:left; width:100%; padding:10px 0px 10px 0px; border-bottom:1px dotted #444;} .produzione h1{font-size:130%; margin:0px; margin-bottom:5px; padding:0px; font-weight:bold; color:white; margin-left:12px;} .produzione h2{color:white; font-size:100%; margin:0px; padding:0px; margin-left:24px; text-indent: -12px} .produzione h2 span{font-size:80%;color:black; } .produzione a{margin-bottom:2px; line-height:1.5em; font-size:80%;} /*** TOUR ***/ .tour{float:left; margin-top:30px; width:100%} .evento_tour {color:black; float:left; width:100%; padding:10px 0px 10px 0px; border-bottom:1px dotted #444; font-size:90%; /*background-image: url(images/sfondo_evento_tour.gif);background-repeat: repeat-y; background-position: 190px top*/} .evento_tour div.mese{ float:left; width:115px; margin-left:12px; font-weight:bold;} .evento_tour div.giorni{ float:left; width:64px; margin-left:3px; text-align:center;} .evento_tour div.titolo{ float:left; width:227px; margin-left:3px;} .evento_tour div.luogo{ float:left; width:127px; margin-left:3px; font-size:90%} .evento_tour div.venue{ float:left; width:200px; margin-left:3px; font-size:90%} .evento_tour div.venue a{ background-color:transparent; text-decoration: underline; color:black; font-weight:normal;} .evento_tour div.venue a:hover{text-decoration:none} .evento_tour a{margin-bottom:2px; line-height:1.5em; font-size:90%;} .evento_tour h1{font-size:150%; margin:0px; margin-bottom:10px; padding:0px; font-weight:bold; color:white; margin-left:12px; margin-top:15px} /**** MENU *****************/ /*#metaMenu{float:left; width:100%; font-weight:bold; text-align:right;} #metaMenu ul {text-align: right; font-size:85%; list-style: none; margin:3px 0px; padding:0px; border:1px solid transparent} #metaMenu li { display:inline; border-bottom:1px dotted; padding:3px 7px 3px 7px; } #metaMenu li.last { padding:3px 0px 3px 7px; } #metaMenu li.active { border-left:1px dotted #444; border-right:1px dotted #444; border-bottom:1px solid transparent; color: white} #metaMenu li a{background-color:transparent ;text-decoration:none;} #metaMenu li a:hover{color:black;text-decoration:none;}*/ /********/ #metaMenu{float:right; font-weight:bold; text-align:right;padding-bottom:0px} #metaMenu ul {text-align: right; font-size:75%; list-style: none; margin:0px 0px; padding:0px; border:1px solid transparent; float:right;} #metaMenu li { display:inline; border-bottom:1px dotted #444; padding:3px 7px 3px 7px; } #metaMenu li.last { padding:3px 0px 3px 7px; } #metaMenu li.active { border-left:1px dotted #444; border-right:1px dotted #444; border-bottom:1px solid transparent; color: white;} #metaMenu li a{background-color:transparent ;text-decoration:none; } #metaMenu li a:hover{ color:white;text-decoration:none;} /*******/ /**** WISORE *****************/ #visoreHeader{ width: 100%; height: 136px; border-bottom:1px dotted; float:left; margin-top:2px; background-image:url(images/rob.png); background-repeat: no-repeat; } #visoreHeader a#logo { display:block; width:386px; height:30px; padding:0px; float:left; background-color:transparent; margin-top:8px} #lingua{float:right; margin-top:22px; font-size:100%; font-family: Arial Black; color:white} #lingua a {background-color:black; padding:0px 2px 2px 2px; text-decoration:none} #lingua a:hover {background-color:transparent; color:black} /**** MAIN MENU *****/ #mainMenu { font-family: Arial Black; width:100%; float:left;} #mainMenu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; padding-left:3px; background-color:black} #mainMenu li {display: inline; margin:0px 4px 0px 0px; } #mainMenu li.selected a{color: white;} #mainMenu li.selected a:hover{text-decoration:none;} #mainMenu li a{text-decoration:none; padding:0px} #mainMenu li a:hover{text-decoration: none; color: /*#048BB3*/white; } /**** submenu *****/ #subMenu { width:100%; float:left; padding-top:5px; font-weight:bold; background-image: url(images/freccetta.gif); background-repeat: no-repeat; background-position: 100px top} #subMenu ul {display:inline; text-align: left; font-size:85%; list-style: none; margin:0px; padding:0px; padding-left:3px; padding-bottom:2px; background-color:black} #subMenu li {display: inline; margin:0px 4px 0px 0px; } #subMenu li.selected a{color: white;} #subMenu li.selected a:hover{text-decoration:none; color:#DDD} #subMenu li a{text-decoration:none; padding:0px} #subMenu li a:hover{text-decoration: none; color: /*#048BB3*/white; } #subMenuVuoto { width:100%; float:left; padding-top:5px; font-weight:bold;} /****position*****/ #position { float:left; font-family: Arial Black; margin-top:5px; color:#111; font-size: 130% } /*** PATH MENU ***/ #pathMenu { width:760px; margin:0px 0px 20px 0px; text-align:left; color: black; font-size:90%; float:left;} #pathMenu ul {display:inline; text-align: right; font-size:85%; list-style: none; margin:0px; padding:0px; margin-left:2px;} #pathMenu li {display: inline; margin:0px 4px 0px 0px;} #pathMenu li a{color: /*#C5DE00*/black; padding:0px 3px 0px 0px} #pathMenu li a:hover{text-decoration:none; } /**** RECAP MENU ****/ #recapMenu { width:760px; margin-top: 80px; padding:0px; text-align:left; float:left; } #recapMenu ul {display:inline; text-align: left; font-size:80%; list-style: none; margin:0px; padding:0px; padding-bottom:2px; background-color:black; font-weight:bold;} #recapMenu li {display: inline; margin:0px 4px 0px 0px;} #recapMenu li a{padding:0px 3px 10px 3px; text-decoration:none} #recapMenu li a:hover{text-decoration:none; color:white} /**** FOOTER ****/ #footer {float:left; width:100%; margin-top: 10px; padding-bottom: 0px; padding-top:10px; color:black; text-align:left;} #footer p { font-size: 80%;float:left; margin-right:80px;} #footer p.nomargin{margin-right:0px; float:left} #footer p img{float:left; margin-right:8px} #footer p a{ color:black } #footer p a:hover{ text-decoration:none } #credits { width:100%; float:left; font-size:10px; color:black; text-align:right; margin-top:60px; margin-bottom:50px; padding-bottom:50px;} #credits a{ color:black } #credits a:hover{ text-decoration:none } /**** colori Pagina *****************/ .colore_sfondo_0{ background-color:#85BAC7 } .colore_sfondo_1{ background-color:#D3BE0C } .colore_sfondo_2{ background-color:#D88C7A } .colore_sfondo_3{ background-color:#77A7E9} .colore_sfondo_4{ background-color:#6FD976 } .colore_sfondo_5{ background-color:#BF7AD8 } .colore_testo_0{ color:#85BAC7 } .colore_testo_1{ color:#D3BE0C } .colore_testo_2{ color:#D88C7A } .colore_testo_3{ color:#77A7E9 } .colore_testo_4{ color:#6FD976} .colore_testo_5{ color:#BF7AD8 } .colore_testo_scuro_0{ color:#5A7D85 } .colore_testo_scuro_1{ color:#8E8008 } .colore_testo_scuro_2{ color:#925F52 } .colore_testo_scuro_3{ color:#50719C } .colore_testo_scuro_4{ color:#4B924F } .colore_testo_scuro_5{ color:#815291 } /**** VISORE POSIZIONI ***/ .visore_0{ background-position: 530px bottom } .visore_1{ background-position: 500px bottom } .visore_2{ background-position: 460px bottom} .visore_3{ background-position: 400px bottom} .visore_4{ background-position: 330px bottom} .visore_5{ background-position: 270px bottom} /**** FORM ISCRIZIONE ****/ #form_iscrizione{ padding:10px; background-color:black; color:white } input{border:1px solid white; background-color:trasparent}