@charset "utf-8";
/* CSS Document */

body, html, ul, li { margin:0; padding:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  }
.clear { clear:both; }

#wrapper { width:900px; margin:auto; }

.header { height:255px; background:url(images/bg-header.jpg); }
.flash { height:220px; width:497px; float:right; }

.menu { height:48px; width:900px; }

.footer { clear:both; background:url(images/bg-footer.gif) repeat-x; height:18px; text-align:center; font-size:12px; }

.menu td { position:relative; padding:0; }
.menu td ul { position:absolute; list-style:none; overflow:hidden; padding-top:5px; width:170px; }
.menu td ul li { list-style:none; background:#fff; padding:0; margin:0; width:160px;}
.menu td ul li a, .menu td ul li a:visited { border:0; border-left:1px solid; padding-left:3px;}
/*
table.menu td { vertical-align:top; margin:0; padding:0; border:0; position:relative; }
table.menu td ul { position:absolute; list-style:none; margin-top:15px; overflow:hidden; }
table.menu td ul li { float:left; list-style:none; border:0; background:#fff; width:200px;}
table.menu td ul li a, table.menu td ul li a:visited { border:0; border-left:1px solid; padding-left:3px;}
/*table.menu td:hover ul { display:block; }*/
/*.menu a:first-letter, .menu a:visited:first-letter { font-size:15px;}*/
.menu a, .menu a:visited { text-decoration:none; padding:5px 15px 0 1px; margin:0; text-transform:uppercase; font-size:12px; border-bottom:5px solid #fff; }
.menu .verde a, .menu .verde a:visited { color:#66cc00; border-color:#66cc00; }
.menu .verde li { background:#b5e1ff; }
.menu .arancione a, .menu .arancione a:visited { color:#f18006; border-color:#f18006; }
.menu .rosso a, .menu .rosso a:visited { color:#cc0000; border-color:#cc0000; }
.menu .rosso li { background:#f5c5c5; }
.menu .rosso li:hover  { background:#f5d9d9; }
.menu .azzurro a, .menu .azzurro a:visited { color:#0099ff; border-color:#0099ff; }
.menu .azzurro li { background:#d2edff; }
.menu .azzurro li:hover  { background:#def2ff; }
.menu .viola a, .menu .viola a:visited { color:#9966ff; border-color:#9966ff; }
.menu .viola li { background:#f2ebff; }
.menu .viola li:hover { background:#f7f3ff; }
.menu .giallo a, .menu .giallo a:visited { color:#d5b626; border-color:#f1c806; }
.menu .rosa a, .menu .rosa a:visited { color:#ee479a; border-color:#ee479a; }
.menu .ciano a, .menu .ciano a:visited { color:#66cccc; border-color:#66cccc; }

.content {  }
.content h1 { font-size:14px; text-align:center; }
.content p { font-size:12px; margin:16px; text-align:justify; }
.content p.nomargin { margin-top:5px; }
.content table.galleria img { border:1px solid #333333; }
.content h3 { font-size:12px; margin:16px; margin-bottom:0; }
.content h3 a, .content h3 a:visited { color:#900; text-decoration:none; }
.content h3 a.current { text-decoration:underline; }
.content h3 a:hover { text-decoration:underline; }
#app{border:solid 2px #F00;}
.tabprz td, th{border:solid 1px; font-size:12px;}
.tabprz td{width:65px;}
.tabprz th{width:185px; font-size:12px;}
.tabprz{margin-left:16px; margin-bottom:20px;}


.left { float:left; width:290px; text-align:center }
.right { float:left; width:588px; min-height:200px; }
.bigpicture { float:left; width:900px; margin-top:-70px; }

/* Ci sono diversi layout per il body quindi lo utilizzo per quello che mi serve */
.base { background:url(images/layout1.jpg) no-repeat; padding-bottom:20px; min-height:400px; }
.base .left { width:270px; }

.spiaggia { background:url(images/layout2.jpg) no-repeat; height:318px; }
.spiaggia .left { width:243px; }

.spiaggia2 { background:url(images/layout_delfini.jpg) no-repeat; height:318px; }
.spiaggia2 .left { width:243px; }

.residence { background:url(images/layout3.jpg) no-repeat bottom; height:595px }
.residence .left { width:290px; }

.appA { background:url(images/layout-appA.jpg) no-repeat; height:315px; }

.appB { background:url(images/layout-appB.jpg) no-repeat; height:315px; }

.appC { background:url(images/layout-appC.jpg) no-repeat; height:320px; }

.listinoRes { background:url(images/layout-listinoRes.jpg) no-repeat; }
.listinoRes .left { width:445px;}
.listinoRes h1, .listinoRes h2, .listinoRes h3, .listinoRes ul { margin: 0 15px 0 30px; }
.listinoRes h1 { font-size:14px; color:#666666; text-transform:uppercase; margin-top:15px; text-align: left; padding:0; }
.listinoRes h2 { font-size:11px; color:#666666; text-align: left; padding:0; }
.listinoRes h3 { color:#000; background:#0ac2e9; font-size:14px; padding:2px; width:300px; margin-top:3px; }
.listinoRes ul { list-style:none; }
.listinoRes ul li { list-style:none; text-align:left; font-size:12px; padding: 1px 1px 1px 30px; background:url(images/star.gif) no-repeat; }
.listinoRes .right { width:450px;}
.listinoRes table { margin:10px 30px; font-size:12px; }
.listinoRes table thead th { text-align:center; width:80px; }
.listinoRes table thead td { text-align:center; width:170px; }
.listinoRes table tbody th { text-align:left; }
.listinoRes table tbody td { text-align:center; font-size:14px; height:21px; }

.listinoRes .yellow { background-image: url(images/listino-col-yellow.gif); background-repeat: no-repeat; }
.listinoRes .rose { background-image: url(images/listino-col-rose.gif); background-repeat: no-repeat; }
.listinoRes .blue { background-image: url(images/listino-col-blue.gif); background-repeat: no-repeat; }

.one td { background-position: 3px 0px;}
.two td { background-position: 3px -21px;}
.three td { background-position: 3px -42px;}
.four td { background-position: 3px -63px;}
.five td { background-position: 3px -84px;}
.six td { background-position: 3px -105px;}
.seven td { background-position: 3px -126px;}
.eight td { background-position: 3px -147px;}
.nine td { background-position: 3px -168px;}
.ten td { background-position: 3px -189px;}
.eleven td { background-position: 3px -210px;}
.listinoRes .clear { text-align:center; font-size:12px; }

.listinoApp { background:url(images/layout-listinoApp.jpg) no-repeat}
.listinoApp h1 { font-size:16px; text-align:left; margin:0 30px; }
.listinoApp h2 { font-size:14px; text-align:center; color:#666666; padding:0; margin:2px; text-transform:uppercase; }
.listinoApp .fullrow {}
.listinoApp table { width:900px; }
.listinoApp table table {width:250px; margin:auto;}
.listinoApp table td { padding:0; margin:0; }
.listinoApp th { font-size:11px; }
.listinoApp .blue td, .listinoApp .yellow td, .listinoApp 	.red td { width:70px; font-size:11px; }
.listinoApp .blue td { background-image:url(images/listino-minicol-blue.gif); background-repeat:repeat-x; text-align:center; }
.listinoApp .yellow td { background-image:url(images/listino-minicol-yellow.gif); background-repeat:repeat-x; text-align:center; }
.listinoApp .red td { background-image:url(images/listino-minicol-red.gif); background-repeat:repeat-x; text-align:center; }
.listinoApp p { text-align:center; padding:0; margin:2px; font-size:11px; }

.semi { background-position: 0 -14px;}
.full { background-position: 0 -28px;}

#map {  height:400px; margin:30px; }
#map .titolomappa { font-size:12px; font-weight:bold; color:#900; }
#map .testomappa { font-size:10px;}

.privacy { font-size:10px; text-align:justify; }
.privacy h3 { font-size:13px; padding:0; margin:0; }

#Prenota {  }
#Prenota label { font-size:12px; }
#Prenota .td_label { width:140px; text-align:right; padding-right:3px; }
#Prenota .fullrow { text-align:center; }
#Prenota .td_input input, #Prenota .td_input textarea { margin:1px;}
#Prenota .td_submit { text-align:center; }
.warning { float:right; width:588px; height:200px; font-size:12px; color:#900; font-weight:bold; margin-right:20px; text-align:center; }
.success { float:right; width:588px; height:200px; font-size:12px; font-weight:bold; margin-right:20px; text-align:center; }

.copyrights { text-align:center; font-size:12px; color:#666; margin:10px; }

h1{font-size:14px; text-align:center; color:#0099ff;}