/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
html, body {
width: 100%;
height: 100%;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
line-height: 14px;
font-style: normal;
color: #000;
letter-spacing: 0px;
background: #8F8F8F url(/trullincanto-incorso/images/sfondo.jpg) top left repeat-x;
margin: 0 0 0 0;
text-align: center;
}

#accentratore {
width: 766px;
margin: auto;
padding: 0 0 0 0;
padding-right: 0px;
}

#container {
width: 100%;
float: left;
padding: 0 0 0 0;
margin-top: 50px;
color: #000;
position: relative;
}

#top {
width: 766px; 
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0; 
color: #000;
}

#middle {
width: 762px;
float: left;
background: #fff;
border-left: 2px solid #FFFEF6;
border-right: 2px solid #FFFEF6;
}

#sx {
width: 0px;
float: left;
text-align: left;
padding: 0 0 0 0; 
margin: 0 0 0 0;
}

#cx {
width: 766px;
height: 432px;
float: left;
text-align: left;
margin: 0 0 0 0;
padding: 0 0 0 0;
/*background: url(/trullincanto-incorso/images/foto-home.jpg) top left no-repeat;*/
}

#dx {
float: left;
width: 0px;
margin-left: 0px;
margin-top: 0px;
border-left: none;
text-align: left;
}

#bottom {
width: 766px;
float: left;
color: #eee;
font-size: 10px;
line-height: 14px;
padding: 0 0 0 0;
/*background: url(/nazarenoruggeri-incorso/images/back-bottom.jpg) top left no-repeat;*/
text-align: left;
position: relative;
}

#top_1 {
width: 766px; 
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0; 
color: #000;
}

#middle_1 {
width: 762px;
float: left;
background: #fff;
border-left: 2px solid #FFFEF6;
border-right: 2px solid #FFFEF6;
}

#sx_1 {
width: 0px;
float: left;
text-align: left;
padding: 0 0 0 0; 
margin: 0 0 0 0;
}

#cx_1 {
width: 416px;
height: 407px;
float: left;
text-align: left;
margin: 0 0 0 0;
padding: 25px 9px 0 10px;
background: #fff;
}

#dx_1 {
float: left;
width: 326px;
margin-left: 0px;
margin-top: 0px;
border-left: 1px solid #999;
text-align: left;
}

#bottom_1 {
width: 766px;
float: left;
color: #ddd;
font-size: 10px;
line-height: 14px;
padding: 0 0 0 0;
/*background: url(/nazarenoruggeri-incorso/images/back-bottom.jpg) top left no-repeat;*/
text-align: left;
position: relative;
}

#top_2 {
width: 766px; 
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0; 
color: #000;
}

#middle_2 {
width: 762px;
float: left;
background: #fff;
border-left: 2px solid #FFFEF6;
border-right: 2px solid #FFFEF6;
}

#sx_2 {
width: 0px;
float: left;
text-align: left;
padding: 0 0 0 0; 
margin: 0 0 0 0;
}

#cx_2 {
width: 416px;
height: 407px;
float: left;
text-align: left;
margin: 0 0 0 0;
padding: 25px 9px 0 10px;
background: #fff;
}

#dx_2 {
float: left;
width: 326px;
margin-left: 0px;
margin-top: 0px;
border-left: 1px solid #999;
text-align: left;
}

#bottom_2 {
width: 766px;
float: left;
color: #ddd;
font-size: 10px;
line-height: 14px;
padding: 0 0 0 0;
/*background: url(/nazarenoruggeri-incorso/images/back-bottom.jpg) top left no-repeat;*/
text-align: left;
position: relative;
}

#top_3 {
width: 766px; 
float: left;
margin: 0 0 0 0;
padding: 0 0 0 0; 
color: #000;
}

#middle_3 {
width: 762px;
float: left;
background: #fff;
border-left: 2px solid #FFFEF6;
border-right: 2px solid #FFFEF6;
}

#sx_3 {
width: 0px;
float: left;
text-align: left;
padding: 0 0 0 0; 
margin: 0 0 0 0;
}

#cx_3 {
width: 416px;
height: 407px;
float: left;
text-align: left;
margin: 0 0 0 0;
padding: 25px 9px 0 10px;
background: #fff;
}

#dx_3 {
float: left;
width: 326px;
margin-left: 0px;
margin-top: 0px;
border-left: 1px solid #999;
text-align: left;
}

#bottom_3 {
width: 766px;
float: left;
color: #ddd;
font-size: 10px;
line-height: 14px;
padding: 0 0 0 0;
/*background: url(/nazarenoruggeri-incorso/images/back-bottom.jpg) top left no-repeat;*/
text-align: left;
position: relative;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

a {
color: #990000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/*
a.home {
color: #094F73;
text-decoration: none;
}

a.home:hover {
text-decoration: none;
color:#f1ad32;
}
*/

h1 {
font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
font-size: 16px;
line-height: 16px;
color: #994F48; /*#666;*/
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h1.home {
font-family: sans-serif, Trebuchet MS, Tahoma, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 16px;
color: #333;
margin: 0 0 0 0;
padding: 5px 10px 0px 0px;
}

/*
h1.home2 {
font-family: Trebuchet MS, Tahoma, Verdana, sans-serif;
font-size: 12px;
line-height: 13px;
color: #FEA400;
margin: 0 0 0 0;
padding: 5px 10px 0px 14px;
border:none;
}
*/

h2 {
font-family: trebuchet ms, arial, verdana, sans-serif;
font-size: 11px;
line-height: 13px;
color: #A0A0A0;
margin: 6px 0 0 0;
padding: 0 0 0 0;
}

img {
border: none;
padding: 0 0 0 0;
behavior: url("/pngbehavior.htc");
}

p {
margin: 0 0 10px; 0;
}

input, textarea, select {
font-family: Verdana, Tahoma, Arial, sans-serif;
font-weight: normal;
font-size: 10px;
background: #fff;
border: 1px solid #7f9db9;
margin: 0 0 0 0;
}

#contenuto-pagina {
width: 100%;
float: left;
}

#menu-orizzontale-aree {
position: absolute;
top: -20px;
right: 5px;
z-index: 2000;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu-orizzontale-aree a {
float: left;
display: block;
color: #fff;
text-decoration: none;
text-align: left;
background: none;
font-family: trebuchet ms, arial, verdana, sans-serif;
font-size: 11px;
font-weight: normal;
letter-spacing: 0px;
padding: 0px 7px 0px 7px;
}

#menu-orizzontale-aree a:hover {
color: #fff;
background: #FE4B14; /*#3198E4;*/
}

#menu-orizzontale-aree a:active {
color: #eee;
background: #4383A9;
}

#molliche {
width: 416px;
margin-bottom: 15px;
font-family: verdana, arial, sans-serif;
font-size: 10px;
line-height: 14px;
color: #999;
padding: 3px 0px 3px 0px;
/*background: url(/trullincanto-incorso/images/bordo-dotted.jpg) repeat-x bottom left;*/
border-bottom: 1px solid #eee;
}

#molliche a {
color: #999;
text-decoration: none;
}

#molliche a:hover {
color: #444;
}

#molliche a:active {
color: #000;
}

#toolbar {
margin-top: 0px;
margin-bottom: 10px;
text-align: right;
font-size: 16px;
line-height: 20px;
color: #aaa;
}

ul.lista {
float: left;
list-style: none; /* elimina i punti elenco */
margin: 0 0 0 0;
padding: 0 0 0 0; /* elimina i rientri delle liste */
border: none;
}

ul.lista li {
float: left;
display: block;
} /* elimina lo spazio fra gli elementi della lista introdotto da Opera */

ul.lista li a {
float: left;
width: 386px;
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
text-align: left;
min-height: 40px;
height: auto !important;
height: 40px;
color: #333;
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
padding: 6px 5px 6px 3px;
background: #fff url(/trullincanto-incorso/images/bordo-dotted.jpg) repeat-x bottom left;
}

ul.lista li a:hover {
background: #FAF9EF /*#f8f8f8*/ url(/trullincanto-incorso/images/bordo-dotted.jpg) repeat-x bottom left;
color: #141414;
text-decoration: none;
}

ul.lista li a img.thumbnail {
float: left;
border: 1px solid #ccc;
padding: 1px 1px 1px 1px;
margin-right: 4px;
margin-bottom: 2px;
}

ul.lista li a #titolo {
margin: 3px 0px 0px 0px;
font-weight: bold;
}

ul.lista li a #sottotitolo {
margin: 3px 0px 0px 0px;
color: #999;
font-size: 9px;
}

ul.lista li a #abstract {
margin: 3px 0px 0px 0px;
}

/*-----------------------------------------------------------*/

ul.lista-offerte {
float: left;
list-style: none; /* elimina i punti elenco */
margin: 0 0 0 0;
padding: 0 0 0 0; /* elimina i rientri delle liste */
border: none;
}

ul.lista-offerte li {
float: left;
display: block;
} /* elimina lo spazio fra gli elementi della lista introdotto da Opera */

ul.lista-offerte li a {
float: left;
width: 386px;
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
text-align: left;
min-height: 40px;
height: auto !important;
height: 40px;
color: #333;
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
padding: 6px 5px 6px 3px;
background: url(/trullincanto-incorso/images/bordo-dotted.jpg) repeat-x top left;
}

ul.lista-offerte li a:hover {
background: #FAF9EF /*#f8f8f8*/ url(/trullincanto-incorso/images/bordo-dotted.jpg) repeat-x top left;
color: #141414;
text-decoration: none;
}

ul.lista-offerte li a img.thumbnail {
float: left;
border: 1px solid #ccc;
padding: 1px 1px 1px 1px;
margin-right: 4px;
margin-bottom: 2px;
}

ul.lista-offerte li a #titolo {
margin: 3px 0px 0px 0px;
font-weight: bold;
}

ul.lista-offerte li a #sottotitolo {
margin: 3px 0px 0px 0px;
color: #999;
font-size: 9px;
}

ul.lista-offerte li a #abstract {
margin: 3px 0px 0px 0px;
}

/*-----------------------------------------------------------*/

ul.menu {
width: 189px;
list-style: none; /* elimina i punti elenco */
margin: 0 0 0 6px;
padding: 0 0 0 0; /* elimina i rientri delle liste */
text-align:right;
}

ul.menu li { 
display:inline;
} /* elimina lo spazio fra gli elementi della lista introdotto da Opera */

ul.menu li a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
font-family: trebuchet ms, arial, verdana, sans-serif;
font-size: 10px;
letter-spacing: 0px;
color: #fff;
font-weight: normal;
min-height: 14px;
height: auto !important;
height: 14px;
line-height: 14px; /* altezza del link: height e line-height devono avere il medesimo valore */
padding: 10px 5px 5px 0px;
border-left: 1px solid #222;
border-bottom: 1px solid #222;
}

ul.menu li a:hover, ul.menu li a:active {
color: #DBCB8F;
text-decoration: none;
border-bottom: 1px solid #444;
} /* colori per l'effetto roll-over */

ul.menu li #menu-father a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
font-family: verdana, arial, verdana, sans-serif;
font-size: 10px;
color: #ccc;
font-weight: normal;
min-height: 18px;
height: auto !important;
height: 18px;
line-height: 14px; /* altezza del link: height e line-height devono avere il medesimo valore */
padding: 5px 5px 5px 20px;
}

ul.menu li #menu-father a:hover, ul.menu_mod li #menu-father a:active {
color: #EFDD9B;
text-decoration: none;
} /* colori per l'effetto roll-over */

ul.menu li #menu-son a {
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
font-family: verdana, arial, sans-serif;
font-size: 9px;
color: #ccc;
font-weight: normal;
min-height: 18px;
height: auto !important;
height: 18px;
line-height: 13px; /* altezza del link: height e line-height devono avere il medesimo valore */
padding: 5px 5px 5px 20px;
}

ul.menu li #menu-son a:hover, ul.menu li #menu-son a:active {
color: #EFDD9B;
text-decoration: none;
} /* colori per l'effetto roll-over */

ul.lista-box-laterale {
width: 233px;
list-style: none; /* elimina i punti elenco */
margin: 0 0 0 0;
padding: 0 0 0 0; /* elimina i rientri delle liste */
}

ul.lista-box-laterale li {
width: 233px;
display: block;
} /* elimina lo spazio fra gli elementi della lista introdotto da Opera */

ul.lista-box-laterale li a {
width: 225px;
display: block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: none;
min-height: 12px;
height: auto !important;
height: 12px;
color: #333;
font-family: verdana, arial, sans-serif;
font-size: 10px;
margin: 0 0 0 0;
padding: 4px 5px 4px 3px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #fff;
}

ul.lista-box-laterale li a:hover {
text-decoration: none;
}

#bottone-richiesta-info {
float: right;
padding: 8px 0 4px 0;
margin: 10px 0 0 0;
height: 20px;
}

#testo-libero {
height: 305px;
overflow: auto;
text-align: justify;
padding-right: 5px;

scrollbar-face-color: #ededed;
scrollbar-highlight-color: #ededed;
scrollbar-shadow-color: #ddd;
scrollbar-3dlight-color: #d2d2d2;
scrollbar-arrow-color: #666;
scrollbar-track-color: #f5f5f5;
scrollbar-darkshadow-color: #666;
}

.logo {
position: absolute;
top: -10px;
left: 0px;
z-index: 1000;
}

.bottone-booking {
position: absolute;
top: 4px;
right: -3px;
}

.bottone-offerte {
position: absolute;
top: 0px;
right: 153px;
}

.claim-bottom {
position: absolute;
top: 18px;
left: 130px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
letter-spacing: 1px;
color: #aaa;
font-weight: bold;
}

.foglio-home {
position: absolute;
top: 74px;
right: 10px;
z-index: 2000;
}

.testo-foglio {
width: 290px;
height: 200px;
position: absolute;
top: 150px;
right: 37px;
z-index: 3000;
font-size: 11px;
line-height: 15px;
font-family: arial, helvetica, sans-serif;
text-align: left;
}

.offerte-foglio {
width: 290px;
position: absolute;
top: 275px;
/*bottom: 270px;*/
right: 37px;
z-index: 3000;
text-align: left;
}

.foto-foglio {
width: 300px;
position: absolute;
top: 370px;
right: 37px;
z-index: 3000;
text-align: right;
}