/* ------------------------------- RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}


/* ------------------------------- GENERALE */

* {
outline: none;
}

body {
margin: 0 auto;
padding: 0;
background: url(../images/bg.jpg) transparent;
font-family: "Comic Sans MS";
font-size: 13px;
color: #000;
line-height: 1.3em;
}


/* ------------------------------- CONTENITORE PRINCIPALE */

#page {
position: absolute;
width: 990px;
left: 50%;
margin-left: -495px;
height: 554px;
top: 50%;
margin-top: -277px;
background: url(../images/cornice-trans.png) top center no-repeat transparent;
}

#page_inner {
position: absolute;
width: 990px;
left: 0;
height: 554px;
top: 0;
background: url(../images/cornice-trans.gif) top center no-repeat transparent;
}


/* ------------------------------- LOGO */

#logo_home {
position: absolute;
left: 50px;
top: 320px;
z-index: 19;
}

#logo_internal {
position: absolute;
left: 40px;
top: 95px;
z-index: 20;
}


/* ------------------------------- HOME PAGE */

#matidada_home {
position: absolute;
left: 585px;
top: 365px;
}

#videohome {
position: absolute;
left: 220px;
top:115px;
width: 540px;
height: 303px;
}

#youtube {
position: absolute;
left: 367px;
top: 450px;
width: 57px;
height: 60px;
}

#facebook {
position: absolute;
left: 438px;
top: 450px;
width: 57px;
height: 60px;
}


/* ------------------------------- MENU */

#menu {
position: absolute;
left: 160px;
top:0px;
z-index: 1;
}

#menusimple {
display: none;
}


/* ------------------------------- FOOTER */

#footer {
position: absolute;
left: 240px;
top: 535px;
width: 400px;
color: #7a6538;
font-family: "Comic Sans MS";
font-size: 12px;
}

#footer2 {
position: absolute;
left: 0px;
top: 535px;
width: 990px;
text-align: center;
color: #7a6538;
font-family: "Comic Sans MS";
font-size: 12px;
}


/* ------------------------------- PAGINE INTERNE */

#bg_pages {
position: absolute;
left: 168px;
top: 102px;
width: 646px;
height: 387px;
}


/* ------------------------------- SEZIONE CONCEPT */

.storia_tit {
text-indent: -9999px;
width: 150px;
height: 59px;
background: url(../images/concept/storia_tit.gif) left top no-repeat;
position: absolute;
left: 634px;
top: 142px;
}

#testo_concept {
position: absolute;
left: 220px;
top: 282px;
width: 540px;
height: 170px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}


/* ------------------------------- SEZIONE PERSONAGGI */

td.character_dx {
height: 104px;
}

.character_dx img {
float: right;
margin-right: 10px;
}

a:hover.characterlistsx img {
margin-left: -1px;
height: 102px;
}

a:hover.characterlistdx img {
margin-right: 9px;
height: 102px;
}

#testo_characters {
position: absolute;
left: 420px;
top: 220px;
width: 300px;
height: 220px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}

#testo_room {
position: absolute;
left: 240px;
top: 200px;
width: 360px;
height: 185px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}

#roll_room {
position: absolute;
width: 200px;
height: 290px;
left: 630px;
top:200px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}

#testo_intervista {
position: absolute;
left: 470px;
top: 220px;
width: 300px;
height: 220px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}

.personaggi_tit {
text-indent: -9999px;
width: 212px;
height: 59px;
background: url(../images/characters/personaggi_tit.gif) left top no-repeat;
position: absolute;
left: 592px;
top: 144px;
}

.mati_it_titolo {
text-indent: -9999px;
width: 127px;
height: 59px;
background: url(../images/characters/mati_it_tit.gif) left top no-repeat;
position: absolute;
left: 664px;
top: 120px;
}

.dada_it_titolo {
text-indent: -9999px;
width: 127px;
height: 59px;
background: url(../images/characters/dada_it_tit.gif) left top no-repeat;
position: absolute;
left: 664px;
top: 120px;
}

.bedroom_it_titolo {
text-indent: -9999px;
width: 180px;
height: 59px;
background: url(../images/characters/bedroom/bedroom_it_tit.gif) left top no-repeat;
position: absolute;
left: 631px;
top: 120px;
}

.intervista_character_titolo {
text-indent: -9999px;
width: 215px;
height: 59px;
background: url(../images/artists/intervista.gif) left top no-repeat;
position: absolute;
left: 595px;
top: 122px;
}

.gallery_tit {
text-indent: -9999px;
width: 150px;
height: 59px;
background: url(../images/concept/gallery_tit.gif) left top no-repeat;
position: absolute;
left: 641px;
top: 126px;
}


/* ------------------------------- SEZIONE ARTISTI */

#bg_artisti {
position: absolute;
left: 168px;
top: 102px;
width: 646px;
height: 387px;
background: url(../images/artists/artisti_bg.jpg) left top no-repeat;
}

#home_artisti {
position: absolute;
left: 169px;
top: 199px;
width: 665px;
height: 290px;
overflow: hidden;
/* IE overflow fix, position must be relative or absolute*/
background: transparent;
margin: 0 auto;
padding: 0px;
}

table.indiceartisti td {
width:50%;
}

.artista_dx img {
float: right;
margin-right: 10px;
}

a:hover.linkspostasx img {
margin-left: -1px;
height: 76px;
}

a:hover.linkspostadx img {
margin-right: 9px;
height: 76px;
}

#intro_artista {
position: absolute;
left: 240px;
top: 148px;
width: 245px;
height: 70px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
font-weight: bold;
}

#testo_artista {
position: absolute;
left: 330px;
top: 318px;
width: 340px;
height: 152px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}

#testo_intervista_artista {
position: absolute;
left: 410px;
top: 220px;
width: 350px;
height: 220px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
background-color: transparent;
margin: 0 auto;
padding: 0px 5px;
}


/* ------------------------------- SEZIONE GIOCHI */

#home_giochi {
position: absolute;
left: 169px;
top: 260px;
width: 655px;
height: 231px;
overflow: visible;
/* IE overflow fix, position must be relative or absolute*/
background: transparent;
margin: 0 auto;
padding: 0px;
}

#bg_giochi {
position: absolute;
left: 168px;
top: 102px;
width: 646px;
height: 387px;
background: url(../images/fun/giochidownload_bg.jpg) left top no-repeat;
}

a:hover.spostagiocosx img {
margin-left: -1px;
height: 71px;
}

a:hover.spostagiocodx img {
margin-right: 9px;
height: 71px;
}

#listapuzzles {
position: absolute;
left: 180px;
top: 215px;
width: 640px;
height: 231px;
}

table.indicepuzzles td {
width:128px;
height: 120px;
display:inline;
}

#listamemory {
position: absolute;
left: 180px;
top: 250px;
width: 640px;
height: 190px;
}

table.indicememory td {
width:160px;
height: 120px;
text-align: center;
}

table.indicescreensaver td {
width:320px;
height: 120px;
text-align: center;
}

table.indicestampa td {
width:160px;
height: 80px;
text-align: center;
}

table.indicestampa tr {
height: 80px;
display: block;
}

table.indicedesktop {
padding-top: 20px;
}

table.indicedesktop td {
width:212px;
height: 110px;
font-size: 11px!important;
}

table.indicedesktop td a {
color: #000;
}

table.indicedesktop td a:hover {
color: #FFF;
}

table.indicedesktop td img {
float:left;
margin-right: 5px;
}

.giochi_titolo {
text-indent: -9999px;
width: 144px;
height: 59px;
background: url(../images/fun/giochi_tit.gif) left top no-repeat;
position: absolute;
left: 180px;
top: 196px;
}

.download_titolo {
text-indent: -9999px;
width: 180px;
height: 59px;
background: url(../images/fun/download_tit.gif) left top no-repeat;
position: absolute;
left: 625px;
top: 160px;
}

.puzzles_titolo {
text-indent: -9999px;
width: 159px;
height: 59px;
background: url(../images/fun/puzzles/puzzles_tit.gif) left top no-repeat;
position: absolute;
left: 649px;
top: 130px;
}

.memory_titolo {
text-indent: -9999px;
width: 159px;
height: 59px;
background: url(../images/fun/memory/memory_tit.gif) left top no-repeat;
position: absolute;
left: 649px;
top: 130px;
}

.stampacolora_titolo {
text-indent: -9999px;
width: 266px;
height: 59px;
background: url(../images/fun/stampacolora/stampacolora_tit.gif) left top no-repeat;
position: absolute;
left: 544px;
top: 129px;
}

.screensaver_titolo {
text-indent: -9999px;
width: 219px;
height: 59px;
background: url(../images/fun/screensaver/screensaver_tit.gif) left top no-repeat;
position: absolute;
left: 591px;
top: 129px;
}

.desktop_titolo {
text-indent: -9999px;
width: 152px;
height: 59px;
background: url(../images/fun/desktop/desktop_tit.gif) left top no-repeat;
position: absolute;
left: 661px;
top: 129px;
}

.filmati_titolo {
text-indent: -9999px;
width: 137px;
height: 59px;
background: url(../images/fun/filmati/filmati_tit.gif) left top no-repeat;
position: absolute;
left: 671px;
top: 128px;
}

a:hover.rollmove img {
height:118px;
margin-left:2px;
}

a:hover.rollmemory img {
height:162px;
margin-left:2px;
margin-top: -1px;
}

a:hover.rollstacol img {
height:74px;
}

a:hover.rollscreensaver img {
height:137px;
}


/* ------------------------------- SCELTA LINGUE */

#flags {
position: absolute;
left:853px;
top:250px;
width: 48px;
}

#flags img {
border: none;
float: left;
margin-bottom: 10px;
}


/* ------------------------------- CREDITS E LINK */

#credits-link {
position: absolute;
left:853px;
top:360px;
width: 72px;
}


/* ------------------------------- SEZIONE GALLERY - THUMBS */

ul.gallery {
position: absolute;
left: 210px;
top: 230px;
margin: 0;
padding: 0;
width: 630px;
list-style-type: none;
z-index:19;
}

ul.gallery li {
float:left;
width:91px;
margin: 0 30px 10px 0;
}

ul.gallery img {
border: 3px solid #FF6600;
display:block;
}

ul.gallery img:hover {
border: 3px solid #43437d;
}


/* ------------------------------- TITOLI ARTISTI */

.intervista_artista_titolo {
text-indent: -9999px;
width: 215px;
height: 59px;
background: url(../images/artists/intervista.gif) left top no-repeat;
position: absolute;
left: 597px;
top: 124px;
}

.artisti_tit {
text-indent: -9999px;
width: 150px;
height: 59px;
background: url(../images/artists/artisti_tit.gif) left top no-repeat;
position: absolute;
left: 645px;
top: 131px;
z-index:10;
}

.arcimboldo_tit {
text-indent: -9999px;
width: 246px;
height: 59px;
background: url(../images/artists/arcimboldo/arcimboldo_tit.gif) left top no-repeat;
position: absolute;
left: 565px;
top: 124px;
}

.balla_tit {
text-indent: -9999px;
width: 173px;
height: 59px;
background: url(../images/artists/balla/balla_tit.gif) left top no-repeat;
position: absolute;
left: 637px;
top: 122px;
}

.brueghel_tit {
text-indent: -9999px;
width: 192px;
height: 59px;
background: url(../images/artists/brueghel/brueghel_tit.gif) left top no-repeat;
position: absolute;
left: 619px;
top: 124px;
}

.giotto_tit {
text-indent: -9999px;
width: 121px;
height: 59px;
background: url(../images/artists/giotto/giotto_tit.gif) left top no-repeat;
position: absolute;
left: 664px;
top: 124px;
}

.kandinsky_tit {
text-indent: -9999px;
width: 222px;
height: 59px;
background: url(../images/artists/kandinsky/kandinsky_tit.gif) left top no-repeat;
position: absolute;
left: 590px;
top: 124px;
}

.malevic_tit {
text-indent: -9999px;
width: 197px;
height: 59px;
background: url(../images/artists/malevic/malevic_tit.gif) left top no-repeat;
position: absolute;
left: 615px;
top: 124px;
}

.mantegna_tit {
text-indent: -9999px;
width: 210px;
height: 59px;
background: url(../images/artists/mantegna/mantegna_tit.gif) left top no-repeat;
position: absolute;
left: 598px;
top: 124px;
}

.uccello_tit {
text-indent: -9999px;
width: 170px;
height: 59px;
background: url(../images/artists/uccello/uccello_tit.gif) left top no-repeat;
position: absolute;
left: 630px;
top: 124px;
}

.vangogh_tit {
text-indent: -9999px;
width: 205px;
height: 59px;
background: url(../images/artists/vangogh/vangogh_tit.gif) left top no-repeat;
position: absolute;
left: 602px;
top: 124px;
}

.velasquez_tit {
text-indent: -9999px;
width: 215px;
height: 59px;
background: url(../images/artists/velasquez/velasquez_tit.gif) left top no-repeat;
position: absolute;
left: 597px;
top: 124px;
}

.pollock_tit {
text-indent: -9999px;
width: 194px;
height: 59px;
background: url(../images/artists/pollock/pollock_tit.gif) left top no-repeat;
position: absolute;
left: 618px;
top: 124px;
}

.seurat_tit {
text-indent: -9999px;
width: 187px;
height: 59px;
background: url(../images/artists/seurat/seurat_tit.gif) left top no-repeat;
position: absolute;
left: 624px;
top: 124px;
}

.toulouse_tit {
text-indent: -9999px;
width: 206px;
height: 59px;
background: url(../images/artists/toulouse/toulouse_tit.gif) left top no-repeat;
position: absolute;
left: 606px;
top: 124px;
}

.galleryartist_tit {
text-indent: -9999px;
width: 150px;
height: 59px;
background: url(../images/concept/gallery_tit.gif) left top no-repeat;
position: absolute;
left: 643px;
top: 124px;
}


/* ------------------------------- MENU LATERALE E PULSANTE BACK */

#gall_int {
position: absolute;
left:851px;
top: 102px;
}

#backbutton {
position: absolute;
left: 110px;
top: 490px;
width: 85px;
height: 40px;
z-index: 18;
}