body{
scrollbar-3d-light-color: #888888;
scrollbar-arrow-color: #FF6600;
scrollbar-base-color: #888888;
scrollbar-dark-shadow-color: #006600;
scrollbar-face-color: #006600;
scrollbar-highlight-color: #FFFFDD;
scrollbar-shadow-color: #888888;
margin:0;
padding:0;
font: 100%  Verdana,Geneva, Arial,Helvetica,sans-serif;
color:#000;
background:#FFFFC4;
}

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

a.linkTo:link , a.linkTo:visited {
  color:#FF6600;
  font-weight:bold;
  text-decoration:none;
}

a.linkTo:hover , a.linkTo:active {
  color:#006600;
  font-weight:bold;
  text-decoration:underline;
}


h1{
margin:0;
padding:0 101px 0 33px;
color:#f60;
text-align:left;
}

h1#casaGioia{
position:relative;
margin:0;
padding:0 101px 0 33px;
font-size:1em;
color:#f60;
text-align:left;
top:-300px;
}

h2{
margin:0;
padding:33px 10px 10px 15px;
font-size:1.4em;
color:#333;
}

h2#benvenuto{
margin:0;
padding:33px 10px 10px 15px;
font-size:1.3em;
color:#FFFFEE;
}
h4#benvenuta{
margin:0;
padding:0 10px 10px 15px;
font-size:1.1em;
color:#FFFFEE;
}

h2#titoloPag{
margin:0;
padding:29px 10px 14px 18px;
font-size:1.3em;
color:#B35900;
background:#eec;
}

h2#titoloPeople{
margin:0;
padding:0;
font-size:1.2em;
color:#B35900;
background:#eec;
}

h2#titoloPar{
margin:0;
padding:16px 10px 16px 18px;
font-size:1.3em;
color:#B35900;
background:#eec;
}

h4{
margin:0;
padding:0;
font-size:0.9em;
color:#F0F000;
}

h4.condizioni{
margin:0;
padding:10px 18px 10px 18px;
font-size:0.88em;
color:#060;
background:#E7E24C;
}

h4.alto{
border-top:1px dashed #888;
}

p.sottoCon{
border-bottom:1px dashed #888;
}

h4.dove{
margin:0;
padding:14px 18px 14px 68px;
font-size:1em;
color:#006666;
border-top:1px dashed #888;
background:#eeb;
}

h4.dovePar{
margin:0;
padding:14px 18px 14px 18px;
font-size:1em;
color:#006666;
border-top:1px dashed #888;
background:#eeb;
}

h4.auto{
background:#eeb url(../img/auto.gif) 1% 50% no-repeat;
}

h4.aereo{
background:#eeb url(../img/aereo.gif) 1% 50% no-repeat;
}

h4.train{
background:#eeb url(../img/train.gif) 1% 50% no-repeat;
}
h4.bus{
background:#eeb url(../img/bus.gif) 1% 50% no-repeat;
}

h4.cartina{
margin:0;
padding:14px 10px 14px 18px;
font-size:1em;
color:#006600;
border:1px dashed #888;
border-style:dashed none;
background:#eeb;
}

h4#info{
margin:0;
padding:29px 0 24px 0;
font-size:1em;
color:#F00;
background:#eec;
border-top:1px dashed #666;
border-bottom:1px dashed #666;
text-align:center;
}

p{
margin:0;
padding:5px 15px;
color:#000;
font-size:0.9em;
text-align:justify;
}

p#naviga{
margin:0;
padding:10x 15px 10px 15px;
color:#B35900;
font-size:0.78em;
text-align:left;
background:#eed;
}

p.nascosto{
  position:absolute;
  margin:0;
  padding:0;
  border-style:none;
left:-4600px;
}

p.sottotitolo{
margin:0;
padding:21px 180px 0 2px;
color:#eee;
font-size:0.8em;
text-align:right;
}

img{
margin:0;
padding:0;
border:0;
}


table{
margin:0;
padding:0;
border:0;
border-collapse:collapse;
border-spacing:0;
font: 100%  Verdana, Geneva, Arial, Helvetica,sans-serif;
}

td{
margin:0;
padding:0;
border:0;
}

table#mainBox{
border:1px solid #006600;
border-style:none solid;
}

table#chooseLanguage{
margin:0;
vertical-align:middle;
}

img.yourLang{
width:30px;
height:21px;
border:0;
}

div#mappaCasa img#mappaCG {
float:right;
width:340px;
height:240px;
border:0;
margin:0 0 0 20px;
padding:0;
}

td#map{
margin:0;
padding:0;
background:#fff;
text-align:left;
vertical-align:top;
}

td#headerHP{
height:136px;
background:#006600 url(../img/faedisRoseHP.jpg) left top no-repeat;
vertical-align:middle;
}

td#header{
height:112px;
background:#006600 url(../img/faedisRose01.jpg) left top no-repeat;
vertical-align:middle;
}

td#photo{
margin:0;
padding:0;
border-style:none;
background:#E2A62D;   /*  #CC9900 */
border-bottom:1px solid #E2A62D;
}

td#aboutTheHouse{
border-left:2px solid #CCCC00;
border-bottom:1px solid #999;
background: #F2B607;        /* #E3B350 */
text-align:left;
vertical-align:top;
}

td#menu{
background:#F2B607;
text-align:left;
vertical-align:top;
}

td.menu_titolo, td.menu_contact, td#friuli, td#headerMap,td#modulo {
background:#E2A62D;
}

td.menu_titolo, td.menu_txt,td.menu_contact, td.casaGioiaContact {
text-align:left;
vertical-align:middle;
}

td.menu_contact, td#copy {
height:33px;
}

td#skype, td#friuli, td#sponsor, td#discover {
vertical-align:middle;
}

td#friuli {
padding:0 0 0 139px;
}

td#skype{
padding:0 0 0 123px;
}

td#sponsor{
padding:0 0 0 146px;
}

td#discover{
padding:20px 0 24px 114px;
}

td#flaMappa{
margin:0;
padding:25px 0 0 0;
background:#fff;
text-align:center;
vertical-align:top;
}

p.modoUso{
margin:0;
padding:20px;
color:#006600;
font-size:0.8em;
text-align:center;
}

table#mainMenu {
border-top:2px solid #CCCC00;
border-right:1px solid #999;
border-bottom:1px solid #999;
}

td.menu_txt {

font-size:14px;
font-weight: bold;
color: #333;
}

td.menu_txt a{
display:block;
margin:0;
padding:8px 2px 8px 8px;
height:100%;
color:#B35900;        /* #B35900*/
vertical-align:bottom;
}

td.menu_txt a:link, td.menu_txt a:visited {
color:#B35900;            /* #B35900 */
text-decoration: none;
background: #F2B607;
}

td.menu_txt a:hover, td.menu_txt a:active {
color: #FFF;
text-decoration: none;
background:#006600;
  }

td.menu_titolo {
margin:0;
padding:0 0 0 8px;
font-size: 0.9em;
color: #333;
font-weight: bold;
}

td.menu_contact {
margin:0;
padding:0 0 0 8px;
font-size: 0.82em;
color: #333;
font-weight: bold;
}



/* barra nav SITE */

#navigaSite{
margin:0;
padding:0;
background:#FFCC00;
width:940px;
font: 100%  Verdana,Geneva,Arial,Helvetica,sans-serif;

}

#navigaSite ul{
margin: 0;
padding:0;
list-style:none;
}

* html #navigaSite ul{       /* IE only. Delete extra margin-bottom */
margin-bottom: 0;
}

#navigaSite li{
display: inline;
}

#navigaSite li a{
float: left;
color: color: #B35900;
font-weight: bold;
padding: 4px 8px;
text-decoration: none;
border-right:1px solid #333;
font-size:0.84em;
}

#navigaSite a:link, #navigaSite a:visited{
color: #B35900;
background:#FFCC00;
text-decoration:none;

}

#navigaSite a:hover, #navigaSite a:active{
color:#fff;
background-color: #006600;
/*  border-bottom: 2px solid #F00; */
}

#navigaSite li a.attiva{
background:#B35900;
color: #FFF;
/* border-bottom: 2px solid #FF0000; */
}



.casaGioiaContact{
margin:0;
padding:14px 2px 15px 12px;
font-size:0.9em;

}

img#mapItaly{
margin:55px 0 0 138px;
padding:0;
border:0;
}

img#friuliCard{
margin:75px 0 0 129px;
padding:0;
border:0;
}

td#copy{
height:45px;
}

#copy{
margin:0;
padding:0;
height:33px;
color:#0f0;
font-size:0.8em;
background:#006600;
text-align:center;
vertical-align:middle;
}

#copy a{
margin:0;
padding:0;

}
#copy a:link, #copy a:visited {
color: #3FDB63;
text-decoration: none;
font-weight: bold;
  }
#copy a:hover, #copy a:active {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

td#madeBy{
margin:0;
padding:0 8px;
height:44px;
color:#000;
font-size:0.8em;
text-align:left;
vertical-align:middle;
background:#E2A62D;
}
#madeBy a{
margin:0;
padding:0;

}
#madeBy a:link, #madeBy a:visited {
color: #000;
text-decoration: none;
font-weight: bold;
  }
#madeBy a:hover, #madeBy a:active {
color: #fff;
font-weight: bold;
text-decoration: underline;
}

/* modulo */

form {
    margin: 0;
    padding: 0;
    background:#eed;
    font-size:0.8em;
}

fieldset {
    margin:0;
    border:none;
    border-top: 1px solid #ccc;
}

legend {
    margin: 1em 0.5em;
    padding: 0 .5em;
    color: #036;
    background:#fC9;
    font-size: 1em;
    font-weight: bold;
}

label {
    float: left;
    width: 180px;
    padding: 0 0.5em;
    text-align: right;
}

fieldset div {
    margin:0;
    margin-bottom: 0.5em;
    padding: 0;
    display: block;

}

fieldset div input, fieldset div textarea {
    width: 200px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

fieldset div#accetto{
    margin:0 0 30px 10px;
    padding:10px 0 0 0;
}

fieldset div input#privacy{
    float:left;
    width: 20px;
    margin:0;
    padding: 0;
    border:1px solid #666;
    color: #333;
}

*html fieldset div input#privacy{
 border:none;
}

p#consenso {
margin:0;
padding:0 34px;
}

fieldset div select {
    margin:0;
    padding:0;

}

div.multi div {
    margin: 5px 0;
}

div.multi input {
    width: 1em;
}

div.multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#submit {
    clear: both;
    padding-top: 1em;
    padding-bottom: 3em;
    text-align: center;
}

#submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #f96;
    color: #fff;
    font-size: 100%;
}

#reset {
    clear: both;
    padding-top: 1em;
    padding-bottom: 2em;
    text-align: center;
}

#reset input {
    border: 1px solid #666;
    padding: 2px 1em;
    background: #888;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #ffffee;
    color: #000;
}


/* required fields - does not work in IE */
fieldset div.req {
    font-weight: bold;
}

fieldset div.req label:before {
    content: "* "; /* does not work in IE */
}


td#centrato {
    margin: 0 ;
    padding:0 0 0 170px;
    border-top:1px solid #060;
}

#container {
    margin: 0;
    padding: 0  0 50px 0;
    width: 600px;
    text-align: left;
    background:#eec;
}

td#centratoHouse {
    margin: 0 ;
    padding:0 0 0 117px;
    border-top:1px solid #060;
}

#containerHouse {
  position:relative;
    margin: 0;
    padding: 0  0 50px 0;
    width: 706px;
    text-align: left;
    background:#eec;
}

#containerPeople {
  position:relative;
    margin: 0;
    padding: 0  0 50px 0;
    width: 706px;
    text-align: left;
    background:#eec;
}

td#mappa {
    margin: 0 ;
    padding:0 40px 0 40px;
}

#where {
    margin: 0;
    padding:0 20px 40px 20px;
    background:#eec;
}

p#gMap{
margin: 0;
padding:0;
width: 820px;
height:480px;
background:#eed;
border:1px solid #006666;
}


p#intro {
margin: 0;
padding:15px 0 15px 10px;
background:#eed;
}

p.descrizione{
margin: 0;
padding:10px 18px 10px 18px;
background:#eed;
font-size: 0.84em;
text-align:justify;
}





hr.clear{
  clear:both;
  height:0;
  margin:0;
  border:none;
}

p.arrivare{
margin: 0;
padding:10px 18px 30px 18px;
background:#eed;
font-size: 0.84em;
text-align:justify;
}

p#arrivoMap{
margin: 0;
padding:0;
background:#eed;
font-size: 1em;
text-align:justify;
}

div#mappaCasa{
margin: 0;
padding:24px 18px 12px 18px;
background:#eed;
font-size: 0.84em;
border-top:1px dashed #888;
line-height:1.2;
text-align:justify;
}

div.clear {
clear:right;
height:0;
overflow:hidden;
}

p.alto{
margin:0;
padding:30px 18px 10px 18px;
border-top:1px dashed #888;
}



p.up{
margin:0;
padding:30px 18px 30px 18px;
border-top:1px dashed #888;
}

p.sotto{
margin: 0;
padding:10px 18px 20px 18px;
border-bottom:1px dashed #888;
}

p.sottoPar{
margin: 0;
padding:20px 18px 20px 18px;
border-bottom:1px dashed #888;
}

div#informa{
  margin:0;
  padding:0;
  background:#eed;
  text-align:center;
}

div#informa textarea {
    width: 500px;
    border: 1px solid #555;
    padding: 0;
    color: #333;
    margin:50px 0;
}

ul.elenco {
margin:0;
padding:24px 18px 30px 36px;
background:#eed;
border-top:1px dashed #888;
text-indent: -1em;
list-style:none;
font-size:84%;
}
ul.elenco li{
margin:0;
padding:0;
}