﻿/* Normalizzazioni cross-browser */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
a { outline: none; text-decoration: none; }
address, caption, cite, code, dfn, em, th, var { font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

ul#nav_tools { position: absolute; top: 70px; left: 70px; }
ul#nav_tools li { float: left; margin: 0px; padding: 0 5px; }

/*--------- Container ---------*/
/*-----------------------------*/
div#container { width: 968px; height: 540px; position: relative; }

/*--------- Branding ---------*/
/*----------------------------*/
div#branding { /*width: 260px; height: 85px; position: absolute; top: 180px; left: 70px;*/ }
div#branding h1 { width: 381px; height: 55px; position: absolute; top: 0; left: 0; z-index: 50; }
/*--------- Nav Main ---------*/
/*----------------------------*/
div#nav_main { position: absolute; bottom: -83px; left: 120px; }

ul#nav_features { padding: 0px 0 0px 0; float: left; }
ul#nav_features li { padding: 10px 0px 60px 0px; float: left; }
ul#nav_features li a { padding: 0 20px; }

/*--------- Content_Main ---------*/
/*--------------------------------*/
div#content_main { width: 638px; height: 233px; position: absolute; top: 87px; left: 68px; padding: 80px 60px; }
div#content_main h2 { width: 360px; height: 35px; padding: 40px 0 0 0; }
div#content_main h2 span { display: block; }
div#content_main h3 span { display: none; }
div#content_main iframe { position: absolute; width: 698px; height: 291px; top: 80px; left: 30px; }

div#main { width: 300px; padding: 0; margin: -50px 0 0 -30px; }
div#main h3 { margin: 10px 0 2px 0; }

div.booking_page { padding: 90px; }

p.p01 { width: 320px; padding: 25px 0 0 0; }
p.p02 { width: 320px; position: absolute; top: 55px; right: 40px; padding-top: 50px; }
p.p03 { width: 650px; padding: 10px 0 0 0; } 

h2#campeggio_title { position: absolute; top: 0px; right: 0px; }
h2#campeggio_titleEn { position: absolute; top: 0px; right: 0px; }
h2#campeggio_titleDe { position: absolute; top: 0px; right: 0px; }
div.campeggio h2#cosafare_title { position: absolute; top: 0px; right: 0px; }
div.campeggioEn h2#cosafare_title { position: absolute; top: 0px; right: 0px; }
div.campeggioDe h2#cosafare_titleDe { position: absolute; top: 0px; right: 0px; }
div.cosafare h2#cosafare_title { width: 36px; height: 103px; position: absolute; bottom: 0; left: 0; }
h2#cosafare_title span { display: none!important; }
h2#dovesiamo_title { display: none; }
div.dovesiamo h3 { padding: 10px 0 10px 30px; }
div#content_main h2#info_title { position: absolute; top: 30px; left: 30px; padding: 0; margin: 0; }
div.prezzi { color: #726c64!important; }
div.prezzi h2#prezzi_title { width: 198px; height: 50px; position: absolute; top: 20px; left: 20px; }
div.prezziEn { color: #726c64!important; }
div.prezziEn h2#prezzi_titleEn { width: 198px; height: 50px; position: absolute; top: 20px; left: 20px; }
div.prezziDe { color: #726c64!important; }
div.prezziDe h2#prezzi_titleDe { width: 198px; height: 50px; position: absolute; top: 20px; left: 20px; }
div#prezzi01 { width: 110px; position: absolute; top: 130px; left: 80px; }
div#prezzi02 { width: 400px; position: absolute; top: 0px; right: 0; padding: 70px 20px 0 0; }
div#prezzi02 p.pr01 { padding: 92px 0 8px 0; }
div#prezzi02 p.pr01 label { padding: 0 40px 0 40px; }
div#prezzi02 p.pr02 { width: 330px; margin: 0 30px 0 20px; padding: 8px 0; }
div#prezzi02 p.pr02 label { padding: 0 40px 0 20px; }
div#prezzi02 p.pr03 { padding: 8px 0 52px 0; }
div#prezzi02 p.pr03 label { padding: 0 40px 0 40px; }
div#prezzi02 p.prinfo { padding: 0 0 0 35px; margin: -23px 0 0 0; }

h3#small_gallery_title { width: 184px; height: 114px; position: absolute; bottom: -14px; right: 0; z-index: 100; }
div.cosafare h3#small_gallery_title { width: 184px; height: 114px; position: absolute; bottom: 0; right: 0; z-index: 100; }
ul#small_gallery { position: absolute; bottom: 15px; left: 60px; }
ul#small_gallery li { float: left; margin: 0 10px 0 0; }

ul#small_gallery02 { position: absolute; bottom: 10px; left: 30px; }
ul#small_gallery02 li { float: left; margin: 0 7px 0 0; }

ul#small_gallery03 { width:520px; position: absolute; bottom: 0px; left: 60px; }
ul#small_gallery03 li { float: left; margin: 0 7px 7px 0; }

ul#todo_list {  margin: -40px 0 0 0; }
ul#todo_list li { padding: 0 0 10px 0; }
ul#todo_list li#list01 {  }
ul#todo_list li#list02 { }
ul#todo_list li#list03 { }
ul#todo_list li#list04 { width: 550px; }

/*--------- Content_Sub ---------*/
/*--------------------------------*/
h2#gallery_title { display: none; }
dl#gallery { position: absolute; top: 120px; right: 20px; }
dl#gallery dt { display: none; }
dl#gallery dd { width: 166px; height: 167px; float: left; margin: 0 0 0 12px; padding: 10px 0 0 10px; }

/*--------- Site Info ---------*/
/*-----------------------------*/
div#site_info { position: absolute; bottom: -105px; left: 130px; }
div#site_info div { display: inline; }

div.street-address { padding: 0 5px 0 0; }
div.org { padding: 0 10px 0 0; }
div.tel { padding: 0 0 0 10px; }
a.email { display: inline; padding: 3px 0 0 0; }
div#site_info div.g2k { display: block; padding: 5px 0 0 0; }
div.g2k a { padding: 0 12px 0 0; }

/*--------- Home Page ---------*/
/*-----------------------------*/
div#brandingHome { width: 260px; height: 85px; position: absolute; top: 180px; left: 70px; }
div#brandingHome h1 { display: none; }
div#brandingHome { background: url('/images/branding.png') no-repeat; }