@charset "utf-8";
/* CSS Document */
/* html e body */
html { height:auto; }
body { margin:0px; font-family: Arial,Helvetica,sans-serif; font-size: 11px; height:auto; background-color:#F0F0D3; }
/* dentro questo div ci sono tutti gli altri */
div#main { margin: 20px auto; background-image: url(images/sfondocolonna.png); background-color:white; background-repeat: repeat-y; background-position: 200px; width: 940px; top: auto; bottom: auto; padding-top: 20px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; height:auto; }
/* Top l'immagine della scritta dell'hotel vienna รจ nel topce */
div#top { width: 940px; height:280px; margin-bottom:4px; }
div#topsx { z-index:10; float:left; width:176px; height:280px; margin-right:4px; background-image: url(images/topsx.jpg); }
div#topdx { z-index:10; float:right; width:576px; height:280px; }
div#topce { z-index:15; position:relative; height:0px; width:250px; top:40px; left: 150px; }
/* Menu */
div#menu{letter-spacing: 1px; width: 940px; height: 27px; font-weight:normal; color: #0c4776;}
div#menu a,div#menu a:link,div#menu a:visited {font-size:11px; font-weight: bold; letter-spacing:1px; color: #0c4776; text-decoration: none; }
div#menu a:hover {font-size:11px; font-weight: bold; letter-spacing:1px;color: #0c4776; text-decoration: underline; }
div#menusx { background-image: url(images/verde.png); background-repeat: repeat-x; float: left; width: 172px; height: 18px; padding-top: 9px; padding-left: 2px; padding-right: 2px; text-align:center; }
div#menudx { text-align:center; float:right; background-image: url(images/verde.png); background-repeat: repeat-x; width: 572px;height: 18px; padding-top: 9px; padding-left: 2px; padding-right: 2px;}
/* Contenuto principale di mezzo */
div#content { background-image:url(images/sfondocontent.png); background-repeat:repeat-y; width: 940px; height: auto; text-align:justify; color: #3b4053; font-size: 12px; font-family:Arial, Helvetica, sans-serif; min-height:380px; }
/* Contenuto sinistra */
div#contentsx { float:left; background-color:#f2f5de; width:166px; padding:5px; text-align:justify; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
/* Contenuto colonna centrale */
div#contentcol {
font-family:Tahoma;
text-align:center;
width: 174px;
letter-spacing:1px;
padding-bottom:20px;
margin-top: -30px;
margin-right: 7px;
margin-bottom: 7px;
margin-left: 7px;
float: left;
color: #343D66;
}
div#contentcol table#language {
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:0;
margin: 7px auto;
padding:0;
border-collapse:collapse;
border:1px solid #BCBC74;
color: #3b4053;
font-weight: bold;
background-color:#E3E3A8;
letter-spacing:1px;
}
div#contentcol table#language td { padding: 4px 10px; margin: 0;color: #3b4053;}
div#contentcol table#language a, table#language a:link, table#language a:visited { font-size:12px;letter-spacing:0; text-decoration:none; }
div#contentcol table#language a:hover { text-decoration:underline; }
div#contentcol a, div#contentcol a:link, div#contentcol a:visited { font-size:13px; color: #0c4776;letter-spacing:0; text-decoration:none; }
div#contentcol a:hover { color: #0c4776; text-decoration:underline; }
/* Contenuto della parte destra (normalmente la parte che cambia) */
div#content h3 { margin-top: 2px; margin-bottom: 5px; padding-bottom:4px; font-size: 15px; font-weight:normal; letter-spacing:1px; color: #417630; border-bottom:1px solid #417630; }
div#contentdx { word-spacing:1px; float: right; width: 566px; padding:5px; text-align:justify; color: #4A3728; font-size: 12px; font-family:Arial, Helvetica, sans-serif; }
div#contentdx table.prenota { margin: 0 auto; }
div#contentdx table.prenota td { vertical-align:top; }
div#contentdx table.prenota input { border:1px solid #55a51c; background-color:#dee8b2; }
div#contentdx table.prenota textarea { border:1px solid #55a51c; background-color:#dee8b2; }
/* Tabella listino */
div#contentdx table#listino th { font-weight:normal; text-align:center; }
div#contentdx table#listino td { font-weight:bold; text-align:center; }
div#contentdx table#listino .left { background-color: #EBF1CD; }
div#contentdx table#listino .right { background-color: #E3ECB9; }
div#contentdx table#listino .dark { background-color: #C4E228; }
/* parte lastminute */
div#contentdx div.lastminute { width:500px; min-height: 300px; margin: 0 auto;}
/* parte galleria fotografica (album su media.mattioli.com) */
div#contentdx div#galleriacontent { margin: 0 auto; }
div#contentdx div#galleriacontent div#Error { background-color:#FF6600; border: 1px solid #990000; padding:5px; text-align:center; width:300px; margin: 0 auto; }
div#contentdx a,div#contentdx a:link,div#contentdx a:visited { letter-spacing:0; text-decoration:none; }
div#contentdx a:hover { letter-spacing:0; text-decoration:underline; }
/* Piede della pagina */
div#footer { letter-spacing:1px; clear:both; height:15px; background-color: white;color: #3b4053;font-size: 10px; text-align:center; padding-top: 5px;}
div#footer a, div#footer a:link, div#footer a:visited { font-size:10px; text-decoration:none; color:#343D66; }
div#footer a:hover { text-decoration:underline; }
/* Alcuni stili generali che uso un po' ovunque */
p.piccolo { font-size:10px; }
h4 { margin: 0; font-size:12px; }
ul#minipics {margin:0;padding:0;list-style-type:none; }
ul#minipics li{float:left;margin:4px;padding:0 0 6px 0;background:url(images/shadow100.png) no-repeat bottom center;list-style-type:none}
ul#minipics li img{display:block; padding: 5px;background: #f6f6f6;border:0;}
.cclear { clear:both; }
img.menuspacer { width:7px; height:0px; }