body {
margin:0; padding:0; font-family:verdana, arial, sans-serif; font-size:100%; color:#555555; text-align:center;
background-color:#DDDDDD;}

p {
margin:0.2em 0 1.2em 0; padding:0.3em;}

p.list {
margin:0.1em 0 0.2em 0; text-align:justify; padding: 0.1em 0.3em 0.2em 0.3em; }

li.sep { padding: 0 0 0.4em 0; }

b.uline { font-weight: normal; text-decoration: underline; }

ul { list-style: circle outside; }
select { background-color: #ffffff; }

h1 {
padding: 0 4em 0 0; margin: 0; font-size: 250%; font-weight: normal; font-style: italic; 
color: #7bb71e; font-family: "Trebuchet MS", verdana, arial, sans-serif;}

h2 {
background-color: #DDDDDD; color: #3B4471; font-size: 100%; font-weight: normal; margin: 0.2em; padding: 0; 
font-style: italic; font-family:"Trebuchet MS", verdana, arial, sans-serif;
background-image: url("img/bordo_h2.png"); background-repeat: no-repeat; background-position: right top;}
h2.bordo_inv { background-image: url("img/bordo_h2_inv.png"); background-repeat: no-repeat; 
background-position: right bottom; }

div { margin: 0; padding: 0; }

a:link, a:visited { color: #40882A; text-decoration: underline; }
a:hover { color: #434b70; text-decoration: none; }
a:active { color: #40882A; text-decoration: underline; }

a img { text-decoration: none; border: 0px; }



.container {
background-color:#FFFFFF; margin:0 auto 4px auto; padding:0; width:87%; min-width:770px; max-width: 1100px;
background-image:url(img/grad_vert.png); background-repeat:repeat-x; background-position:top;
}

.subcont { background-image:url("img/sfondo_left.jpeg"); background-repeat: no-repeat; background-position: left top; }

.titleblock {
padding:1.1em 0.8em 0.5em 0.8em; margin:0; text-align:left;
background-image:url("img/logo.png"); background-repeat:no-repeat; background-position:right center;}

.titleblock h1 {
text-indent:1.6em;}

.titleblock p {
text-indent:12em; color:#3B4471;}



.langlink {
margin:0; text-align:right; font-size:75%; padding:0.2em 1em 0 0;}

a.lang:link, a.lang:visited {
color:#666666; text-decoration:underline;}

a.lang:hover {
color:#666666; text-decoration:none;}

a.lang:active {
color:#666666; text-decoration:underline;}


table.navbar { width:100%; margin:0; border-collapse: collapse; background-color:#999999; position: -webkit-sticky; position: sticky; top: 0;}

td.lar14 { width:14%; }
td.lar15 { width:15%; }

table.navbar td { background: url("img/nav_grigio.png") repeat-x right top; padding: 0; }
table.navbar td div { background: url("img/nav_grigio_dx.png") no-repeat right top; }
table.navbar td div div { background: url("img/nav_grigio_sx.png") no-repeat left top; }
/*ul.navbar li div div div div { background: url("img/nav_grigio_giu_sx.png") no-repeat left bottom; }*/
table.navbar td:hover { background: url("img/nav_verde.png") repeat-x right top; }
table.navbar td div:hover { background: url("img/nav_verde_dx.png") no-repeat right top; }
table.navbar td div div:hover { background: url("img/nav_verde_sx.png") no-repeat left top; }
/*ul.navbar li div div div div:hover { background: url("img/nav_verde_giu_sx.png") no-repeat left bottom; }*/

div.preload1 { background: url("img/nav_verde.png"); visibility: hidden; }
div.preload2 { background: url("img/nav_verde_dx.png"); visibility: hidden; }
div.preload3 { background: url("img/nav_verde_sx.png"); visibility: hidden; }

a.nav:link, a.nav:visited {
display:block; padding:0.7em 0 0.7em 0; margin:0; 
text-decoration:none; color:#FFFFFF; }

a.nav:hover {
display:block; padding:0.7em 0 0.7em 0; margin:0; 
text-decoration:none; color:#FFFFFF; }

a.nav:active {
display:block; padding:0.7em 0 0.7em 0; margin:0; 
text-decoration:none; color:#FFFFFF; }


.lowcontainer { border: 1px solid #7d7d7d; }

.rightcontainer {
float:right; clear:both; width: 192px; margin:1em 0 0 0; padding:0; }

.rightbox {
margin: 0.4em; padding:0.3em 0.2em 0 0.2em; border:1px solid #999999; border-top: none; border-right:none; text-align:center;
background-image:url("img/bordo_rightbox.gif"); background-repeat:no-repeat; background-position:right top; }
.rightbox p { margin-bottom: 0.4em; }

div.log_txt { text-align: left; padding: 0 0.3em 0.3em 0.3em; }
.log_txt input { width: 156px; }
div.log_but { text-align: right; padding: 0 0.3em 0 0.3em; }
div.log_sub { text-align: center; font-size:85%; padding: 0.2em 0 0.3em 0; }

.rightcontainer h2 {
text-align:left; padding:0 0 0 1.2em; }

.linkbox a { display: block; padding: 0.3em 0 0.3em 0; }


table.link_demo { text-align: left; }
ul.caratt { text-align: left; line-height: 1.4; }


.content {
clear:left; text-align: justify; margin: 0.2em 198px 0 0; padding: 1.2em 1ex 1em 1.5ex;
}

.content p { text-align: justify; }

.content h2 { text-align: left; text-indent: 3em; }


.content_no_box {
clear: left; text-align: justify; margin: 0.2em 0 0 0; padding: 1.2em 1ex 1em 1.5ex; }

.content_no_box p { text-align: justify; }

.content_no_box h2 { text-align: left; text-indent: 3em; }


.screenshots {
margin:0; text-align:center; padding:0.2em 0 0.6em 0;}

.screenshots a {
 padding:0 1.2% 0 1.2%;}



p.pre_bl { margin-bottom: 0; }
table.bordo_lista { margin: 0 0 0 6px; border-collapse: collapse; }
table.bordo_lista td { padding: 0; }
div.bordo_lista { margin-top: 6px; max-width: 670px; }
div.bl_su { background: url("img/bordo_lista_su.gif") repeat-x right top; }
div.bl_su div { background: url("img/bordo_lista_su_dx.gif") no-repeat right top; }
div.bl_su div div { background: url("img/bordo_lista_su_sx.gif") no-repeat left top; height: 9px; font-size: 1px; }
div.bordo_lista_cont { background: url("img/bordo_lista_sx.gif") repeat-y left top; }
div.bordo_lista_cont div { background: url("img/bordo_lista_dx.gif") repeat-y right top; padding: 1px 22px 1px 0px; }
div.bordo_lista_cont div div { background: none; padding: 0; }
div.bl_giu { background: url("img/bordo_lista_giu.gif") repeat-x right bottom; }
div.bl_giu div { background: url("img/bordo_lista_giu_dx.gif") no-repeat right bottom; }
div.bl_giu div div { background: url("img/bordo_lista_giu_sx.gif") no-repeat left bottom; height: 9px; font-size: 1px; }
.bordo_lista_cont ul { margin-top: 6px; margin-bottom: 6px; }
.bordo_lista_cont { text-align: left; }



.footer {
color:#666666; font-size:75%; margin:2.5em 0.2em 0.5em 0.5em; padding:0.8em; 
border-top:1px solid #999999; text-align:left; clear:both; }

.footer .right {
float: right; clear: right; text-align: right;}

.footer p { margin: 0; }

div.bar_av { font-size: 80%; font-weight: normal; text-align: center; background-color: #dddddd; }
table.types_list { border-collapse: collapse; }
table.types_list td { border: 1px solid black; padding: 6px; }
table.types_list td td { border: none; padding: 0; }
div.avail_types { padding: 6px; }
div.typedescr { max-width: 600px; padding: 4px 2px 4px 12px; }
div.typephoto { float: right; }
div.typephoto img { float: right; max-width: 90px; max-height: 90px; border: 0px none ; text-decoration: none; padding: 0 0 0 3px; }
.sp_book_butt { height: 6px }
.cctype { float: left; }
.ccnum { clear: left; }
.cclogo { display: block; float: left; width: 40px; height: 28px; padding: 1px; }
.ccvisa { background: url("https://www.digitaldruid.net/hosted/img/cc_visa.png") no-repeat left center; }
.ccmastercard { background: url("https://www.digitaldruid.net/hosted/img/cc_mastercard.png") no-repeat left center; }
.ccamericanexpress { background: url("https://www.digitaldruid.net/hosted/img/cc_americanexpress.png") no-repeat left center; }
.ccdinersclub { background: url("https://www.digitaldruid.net/hosted/img/cc_dinersclub.png") no-repeat left center; }
.ccdiscover { background: url("https://www.digitaldruid.net/hosted/img/cc_discover.png") no-repeat left center; }
.ccjcb { background: url("https://www.digitaldruid.net/hosted/img/cc_jcb.png") no-repeat left center; }
#ccv_info { font-size: 60% }
a { color: #000000; }
div.agreem { max-width: 600px; border: 1px solid black; padding: 3px; }
textarea.agreem { height: 45px; }
table.cornice1 { margin-left: auto; margin-right: auto; background-color: #000000; min-width: 600px; }
table.cornice2 { width: 100%; }
table.cornice2 td { background-color: #ebebeb; }
table.cornice { border: 1px solid #000000; background-color: #ebebeb; margin-left: auto; margin-right: auto; min-width: 600px; padding: 16px; }
div.photolinks { padding: 4px 0 8px 0; font-size: 14px; }
.showphoto h3 { padding: 0; margin: 8px 0 6px 0; }

p.attiva_ora { text-align: center; padding: 0; margin: 0.8em 0 0.8em 0; }
div.attiva_ora { text-align: center; padding: 0; margin: 0 0 0.6em 0; }
input.attiva_ora { height: 35px; width: 150px; background: url("img/tasto_verde.png") no-repeat left bottom; 
border: none; color: #ffffff; background-color: #7cad32; }

form { margin: 0; padding: 0; }

.cust_test { list-style-image: url("img/virgolette_aperte.png"); font-style: oblique; }
.cust_test li { background: url("img/virgolette_chiuse.png") no-repeat right bottom; padding: 0 20px 0 0; }
.cust_sig { display: block; text-align: right; font-size: 75%; font-style: normal; margin: 5px 10px 10px 0; }
p.host_test { text-align: left; font-size: 85%; font-style: oblique; margin-bottom: 0; }
.host_sig { display: block; text-align: right; font-size: 75%; font-style: normal; margin: 0 3px 2px 0; }

.txtcontr { width: 46em; }


@media only screen and (max-width: 720px) {

.container { width: 98%; min-width: 320px; }
.titleblock h1 { text-indent: 0; }
.titleblock p { text-indent: 0; }
.rightcontainer { width: 158px; margin: 0; }
.log_txt input { width: 128px; }
.content { margin-right:  160px; }
img { max-width: 440px; }
img.srvimg { padding-top: 20px; }
.tab_cont { overflow-x: scroll; }
.flextab td { display: flex; }
.txtcontr { width: 34em; }
input.dbutton { width: 20px; }
.book_now input[type="submit"] { margin-top: 10px; }
table.cornice1 { min-width: 180px; }
table.cornice { min-width: 180px; padding: 3px; }
.tab_disp_cont { overflow-x: scroll }

}


@media only screen and (max-width: 480px) {

.titleblock h1 { font-size: 180%; }
.titleblock { background-image: url("img/logo_mob.png"); background-repeat: no-repeat; background-position: right center;}
.navbar td div { font-size: xx-small; }
.midcontainer { display: flex; flex-direction: column-reverse; }
.rightcontainer { float: none; clear: none; width: 100%; }
.rightbox { float: left; clear: none; width: 128px; }
.log_txt input { width: 106px; }
.content { margin-right: 0; width: 94%; }
.llink { font-size: x-small; }
table.dload td { display: block; float: left; clear: none; }
img { max-width: 300px; }
.tab_cont { overflow-x: scroll; }
.flextab td { display: flex; }
.txtcontr { width: 23em; }
.t_book table, table.extra_costs, [class^="phr_separator"] { display: block; }
.t_book table tr, .extra_costs tr { display: block; padding: 5px 0 5px 0; }
.t_book table td, .extra_costs td { display: block; text-align: left; padding: 0; }

}