/*
Theme Name: DonDiego Camping
Theme URI: http://www.dondiegocamping.it
Description: Nuovo sito per campeggio Don Diego
Version: 2.0
Author: Andrea Tortoni
Author URI: http://www.tcpsistemi.it
Tags: camping
*/

/* struttura */
* { margin: 0px; padding: 0px; border: 0px; }
body { font-size: 62.5%; font-family: 'Lucida Grande', Verdana; background: url('./images/backbody.png') repeat-x top left #66cbff; }
ul, ol { list-style: none; }
a { text-decoration: none; }
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.2em; }

#page { width: 960px; position: relative; margin: 0px auto; }

#header { width: 960px; position: relative; }
#headerimg { width: 960px; height: 250px; margin-bottom: 0px; margin-top: 10px; /*background: url('./images/backheader01.jpg') no-repeat bottom center;*/ }
#navbox { width: 960px; height: 36px; margin-top: 0px; background: url('./images/backnav.png') repeat-x top left #fff; }

#wrapper { width: 960px; position: relative; background: url('./images/backwrapper.png') repeat-y top left #fff; /*min-height: 400px; height: auto !important; height: 400px;*/ }
#colsx { width: 180px; float: left; padding-bottom: 14px; display: inline; }
#content { width: 560px; float: left; padding: 10px 20px 14px 20px; display: inline; }
#coldx { width: 180px; float: right; padding-bottom: 14px; display: inline; }

#footer { width: 960px; height: 40px; position: relative; background: url('./images/backfooter.png') repeat-x top left #fff; }

/*language*/
#flag { position: absolute; width: 300px; top: 15px; right: 25px; }
#flag li { width: 40px; float: right; display: inline; text-align: center; }
#flag a { color: #fff; font-weight: bold; display: block; padding-top: 15px; }
#flag a:link,
#flag a:visited { color: #fff; }
#flag a:hover { color: #139; }
#flag .it { width: 23px; height: 25px; margin: 0px auto; display: block; background: url('./images/it.png') no-repeat top center; }
#flag .en { width: 30px; height: 25px; margin: 0px auto; display: block; background: url('./images/en.png') no-repeat top center; }
#flag .de { width: 25px; height: 25px; margin: 0px auto; display: block; background: url('./images/de.png') no-repeat top center; }
#flag .nl { width: 23px; height: 25px; margin: 0px auto; display: block; background: url('./images/nl.png') no-repeat top center; }

/* header - navigator */
#nav { position: relative; padding-top: 8px; }
#nav li { float: left; display: inline; text-align: center; border-left: 1px solid #fff; }
#nav li.page-item-3 { border:none; }
#nav li a { display: block; padding: 4px 15px 3px; font-size: 1.2em; font-weight: bold; color: #fff; }
#nav li a:link, #nav li a:visited { text-decoration: none; }
#nav li a:hover { text-decoration: underline; }
#nav li.current_page_item a { color: #ff0; background: none; text-decoration: none; }

/*sidebar*/
.boxmenu { width: 160px; margin: 14px auto 0px; }
.boxmenu h4 { height: 24px; line-height: 24px; padding: 0px 9px; background: url('./images/backlistahead.png') repeat-x top left #fff; color: #fff; }
.boxmenu div { background: url('./images/backlista_bottom.png') no-repeat bottom left #fff; padding-bottom: 10px; margin-top: 6px; }
.boxmenu ul { background: url('./images/backlista_top.png') no-repeat top left; padding-top: 4px; }
.boxmenu li { font-size: 1.1em; font-weight: bold; padding: 6px 0px 2px 9px; border-bottom: 1px solid #af9e2a; }
.boxmenu li a { color: #030062; display: block; }
.boxmenu li a:link,
.boxmenu li a:visited {  }
.boxmenu li a:hover {  }
.boxmenu li.current_page_item a { color: #fd4700; }

.sidebanner { width: 160px; margin: 14px auto 0px; background: url('./images/backsidebanner.png') no-repeat top left #fdd449; padding-bottom: 5px; }
.sidebanner h4 { text-align: center; color: #028;/*#030062*/ padding: 10px 0px; font-size: 1.4em; font-weight: bold; }
.sidebanner .bannerfoto1 { width: 150px; height: 100px; margin: 0px auto; background: url('./images/sidebanner_riviera.jpg') no-repeat top left; }
.sidebanner .bannerfoto2 { width: 150px; height: 100px; margin: 0px auto; background: url('./images/sidebanner_pisteciclabili.jpg') no-repeat top left; }
.sidebanner .bannerfoto3 { width: 150px; height: 100px; margin: 0px auto; background: url('./images/sidebanner_video.jpg') no-repeat top left; }
.sidebanner .bannerfoto4 { width: 150px; height: 100px; margin: 0px auto; background: url('./images/sidebanner_newsletter.png') no-repeat top left; }
.sidebanner .bannerfoto5 { width: 150px; height: 100px; margin: 0px auto; background: url('./images/sidebanner_guestbook.png') no-repeat top left; }
/*
.sidebanner h4.bannerfoto1 { width: 150px; height: 53px; margin: 0px auto; background: url('./images/nuova_riviera.png') no-repeat center center; }
.sidebanner h4.bannerfoto2 { width: 150px; height: 30px; margin: 0px auto; background: url('./images/nuova_piste.png') no-repeat center center; }
.sidebanner h4.bannerfoto3 { width: 150px; height: 30px; margin: 0px auto; background: url('./images/nuova_video.png') no-repeat center center; }
.sidebanner h4.bannerfoto4 { width: 150px; height: 34px; margin: 0px auto; background: url('./images/nuova_newsletter.png') no-repeat center center; }
*/
.sidebanner .ghost { display: block; width: 146px; height: 96px; font-size: 0px; color: #ff9900; }
.sidebanner .ghost:hover { border: 2px solid #ff0; }
#logotci { width: 158px; height: 96px; border: 1px solid #d5d5d5; margin: 14px auto 0px; background: url('./images/logo_tci.png') no-repeat top left; }
#logoblu { width: 158px; height: 106px; border: 1px solid #d5d5d5; margin: 14px auto 0px; background: url('./images/logo_bandierablu.png') no-repeat top center; }
#logofhs { width: 160px; height: 118px; margin: 14px auto 0px; background: url('./images/logo_FHS.png') no-repeat top left; }
/*.sidebanner .testnewsletter { width: 150px; height: 100px; margin: 0px auto; background: #eee; }*/

#frmSS2 { width: 325px; margin: 20px auto; padding: 0px 10px; background: #f4f4f4; }
#frmSS2 .field {  padding: 4px 0px; clear: left; }
#frmSS2 .required { color: #f00; }
#frmSS2 .field label { width: 130px; display: block; float: left; font-size: 1.2em; padding-top: 4px; margin-right: 4px; }
#frmSS2 .field input { width: 180px; display: block; float: left; margin-bottom: 5px; background: #eee; border: 1px solid #69f; padding: 2px; }
#frmSS2 .field .checktxt { width: 50px; border: none; margin-right: 5px; }
#frmSS2 .field .checkbox { width: 20px; border: none; margin-right: 15px; margin-top: 4px; }
#frmSS2 .submit { clear: left; text-align: center; padding: 6px; }
#frmSS2 .submit input { width: 100px; display: block; float: right; margin-bottom: 10px; font-size: 1.2em; background: #eee; border: 1px solid #69f; font-weight: bold; padding: 3px; }

/*content*/
#content .breadcrumb { height: 26px; font-size: 1.2em; padding-top: 12px; font-weight: bold; background: url('./images/backbread.png') no-repeat bottom right; border-bottom: 2px solid #0156c0; color: #0156c0; }
#content .breadcrumb a:link,
#content .breadcrumb a:visited { color: #0156c0; }
#content .breadcrumb a:hover { color: #fd4700; }
#content .breadcrumb .current { color: #fd4700; }
.post h2 { color: #0156c0; padding-top: 10px; }
.post h2 a:link,
.post h2 a:visited { color: #0156c0; }
.post h2 a:hover { color: #fd4700; }
.post h3 { color: #fd4700; padding: 10px 0px 5px; }
.post .entry { color: #139; padding: 6px 0px; }
.post p { font-size: 1.2em; line-height: 1.4em; padding: 2px 0px; }
.post a:link,
.post a:visited { color: #fd4700; text-decoration: none; }
.post a:hover { color: #fd4700;  text-decoration: underline; }
.post b { color: #0156c0; }
.post strong {}
.post ul { font-size: 1.2em; line-height: 1.4em; padding: 10px 0px; }
.post li { list-style: disc; margin-left: 30px; }

#content .navigation { width: 540px; background: #eef; margin: 10px 0px; position: relative; padding: 10px; }
#content .navigation a { font-size: 1.2em; font-weight: bold; padding: 4px 8px; }
#content .alignleft { width: 48%; float: left;  }
#content .alignright { width: 48%; float: right; text-align: right; }
#content .navigation a:link,
#content .navigation a:visited { color: #139; border-top: 1px solid #eef; border-bottom: 1px solid #eef; }
#content .navigation a:hover { color: #fd4700; border-top: 1px solid #139; border-bottom: 1px solid #139; }

/*home*/
#boxpolaroid { width: 560px; position: relative; margin: 10px 0px; }
.itemhome { width: 186px; float: left; display: inline; }
.itemhome .polaroid { background: url('./images/polaroid_bl.png') no-repeat bottom left; }
.itemhome .polaroid .pol { background: url('./images/polaroid_br.png') no-repeat bottom right; padding-bottom: 16px; }
.itemhome .polaroid .pol_out { background: url('./images/polaroid_tl.png') no-repeat top left; }
.itemhome .polaroid .pol_in { background: url('./images/polaroid_tr.png') no-repeat top right; padding-top: 14px; padding-left: 14px; padding-right: 20px; }
.itemhome_2 { width: 372px; float: left; display: inline; }
.itemhome_2 .polaroid { background: url('./images/polaroid_bl.png') no-repeat bottom left; }
.itemhome_2 .polaroid .pol { background: url('./images/polaroid_br.png') no-repeat bottom right; padding-bottom: 16px; }
.itemhome_2 .polaroid .pol_out { background: url('./images/polaroid_tl.png') no-repeat top left; }
.itemhome_2 .polaroid .pol_in { background: url('./images/polaroid_tr.png') no-repeat top right; padding-top: 14px; padding-left: 14px; padding-right: 20px; }
.itemvideo { width: 214px; float: left; display: inline; }
/*
.itemvideo .polaroid { background: url('./images/polaroid_bl.png') no-repeat bottom left; }
.itemvideo .polaroid .pol { background: url('./images/polaroid_br.png') no-repeat bottom right; padding-bottom: 16px; }
.itemvideo .polaroid .pol_out { background: url('./images/polaroid_tl.png') no-repeat top left; }
.itemvideo .polaroid .pol_in { background: url('./images/polaroid_tr.png') no-repeat top right; padding-top: 14px; padding-left: 14px; padding-right: 20px; }
*/
#boxpolaroid .polaroid p {  }
#boxpolaroid a { display: block; padding: 6px 0px 4px; font-size: 1.3em; font-weight: bold; }
#boxpolaroid a:link,
#boxpolaroid a:visited { color: #0156c0; }
#boxpolaroid a:hover { color: #fd4700; }
#boxpolaroid .itemtxt { padding: 0px 20px 10px 14px; color: #139; font-size: 10px; }
#boxpolaroid #villaggio { width: 152px; height: 120px; background: url('./images/villaggio.jpg') no-repeat top right; }
#boxpolaroid #camping { width: 152px; height: 120px; background: url('./images/camping.jpg') no-repeat top right; }
#boxpolaroid #dovesiamo { width: 152px; height: 120px; background: url('./images/dovesiamo.jpg') no-repeat top right; }
#boxpolaroid #bambini { width: 152px; height: 120px; background: url('./images/bambini.jpg') no-repeat top right; }
#boxpolaroid #panoramiche { width: 338px; height: 120px; background: url('./images/panoramiche.jpg') no-repeat top right; }
/*
#boxpolaroid #video1 { width: 180px; height: 150px; background: url('./video/fotovideo1.jpg') no-repeat top right; }
#boxpolaroid #video2 { width: 180px; height: 150px; background: url('./video/fotovideo2.jpg') no-repeat top right; }
*/

#loghi { width: 100%; margin-top: 150px; }
#loghi span { padding: 0px 11px; }
#loghi p { text-align: center; color: #0072aa; padding-top: 10px; font-size: 1.4em; font-weight: bold; }

#bannerhome { width: 100%; position: relative; margin: 10px 0px; }
#bannerhome a { display: block; width: 100%; height: 100%; font-size: 0px; }
/*#bannerhome #fhs { width: 270px; height: 89px; float: left; display: inline; background: url('./images/banner_freehotspot.jpg') no-repeat top center; }*/
#bannerhome #preventivo { width: 270px; height: 90px; margin-right:20px; float: left; display: inline; /*background: url(./images/tasto_preventivo.png) no-repeat bottom center; overflow:hidden; text-indent:-400px;*/ }
#bannerhome #piste { width: 270px; height: 90px; float: left; display: inline; /*background: url(./images/tasto_pisteciclabili.png) no-repeat bottom center; overflow:hidden; text-indent:-400px;*/ }
#bannerhome #guestbook { width: 270px; height: 90px; margin-right:20px; margin-top:30px; float: left; display: inline; /*background: url(./images/tasto_guestbook.png) no-repeat bottom center; overflow:hidden; text-indent:-400px;*/ }
#bannerhome #grottammare { width: 270px; height: 90px; margin-top:30px; float: left; display: inline; /*background: url(./images/tasto_grottammare.png) no-repeat bottom center; overflow:hidden; text-indent:-400px;*/ }

/*villaggio and sottopagine*/
#strutture { width: 560px; }
#strutture .elemento { padding: 10px; background: #dce9f9; margin: 10px 0px 0px; }
#strutture .foto1, #strutture .foto2, #strutture .foto3 { width: 330px; margin-right: 10px; height: 150px; float: left; display: inline; }
#strutture .foto1 a, #strutture .foto2 a, #strutture .foto3 a { display: block; width: 330px; height: 150px; font-size: 0px; }
#strutture .foto1 a:link, #strutture .foto2 a:link, #strutture .foto3 a:link,
#strutture .foto1 a:visited, #strutture .foto2 a:visited, #strutture .foto3 a:visited {  }
#strutture .foto1 a:hover, #strutture .foto2 a:hover, #strutture .foto3 a:hover {  }
#strutture .testo { width: 200px; float: left; display: inline; }
#strutture h3 { padding: 3px 0px 7px; border-bottom: 2px solid #0156c0; color: #0156c0; }
#strutture h3 a:link,
#strutture h3 a:visited { color: #0156c0; }
#strutture h3 a:hover { color: #fd4700; text-decoration: none; }
#strutture p { padding: 10px 0px 0px; font-size: 1.2em; line-height: 1.4em; }
#strutture a { color: #fd4700; }
#strutture a:link,
#strutture a:visited { text-decoration: none; }
#strutture a:hover { text-decoration: underline; }
.strutturenav { clear: both; width: 560px; height: 22px; position: relative; margin: 10px 0px; font-size: 1em !important; }
.strutturenav li { float: left; display: inline; width: 186px; text-align: center; margin: 0px !important; }
.strutturenav li a { font-weight: bold; font-size: 1.2em; display: block; padding: 6px 0px; background: #0156c0; }
.strutturenav li a:link,
.strutturenav li a:visited { color: #fff; text-decoration: none; }
.strutturenav li a:hover { color: #ff0; text-decoration: underline; }
.strutturenav li.current_page_item a { color: #ff0; text-decoration: none; background: #2176e0; }
#strutture .foto1 { background: url('./images/villino3posti.jpg') no-repeat top center; }
#strutture .foto2 { background: url('./images/residence2posti.jpg') no-repeat top center; }
#strutture .foto3 { background: url('./images/residence4posti.jpg') no-repeat top center; }

/*internovillaggio*/
#fotointro1 { width: 560px; height: 200px; background: url('./images/villino_wide.jpg') no-repeat top center; margin: 10px 0px; }
#fotointro2 { width: 560px; height: 200px; background: url('./images/residence2_wide.jpg') no-repeat top center; margin: 10px 0px; }
#fotointro3 { width: 560px; height: 200px; background: url('./images/residence4_wide.jpg') no-repeat top center; margin: 10px 0px; }
.boxelemento { width: 560px; /*height: 150px; height: auto !important; height: 150px;*/ background: #ffff99; margin: 10px 0px; padding: 6px 0px 10px; }
.boxelemento .tit { padding: 6px 10px 6px 10px; display: inline; background: #0156c0; color: #fff; }
.boxelemento .txt { padding: 10px; }
.boxelemento .vers { padding: 0px 10px; text-align: right; }
.boxelemento #pano1 { width: 540px; height: 120px; margin: 10px; background: url('./images/pano1_statica.jpg') no-repeat top center; }
.boxelemento #pano2 { width: 540px; height: 120px; margin: 10px; background: url('./images/pano2_statica.jpg') no-repeat top center; }
.boxelemento #pano3 { width: 540px; height: 120px; margin: 10px; background: url('./images/pano3_statica.jpg') no-repeat top center; }
#elementtable { table-layout: fixed; width: 560px; border-collapse: collapse; border-top: 1px solid #139; border-left: 1px solid #139; text-align: center; font-size: 1.2em; font-weight: bold; margin: 10px 0px 0px; }
#elementtable td { border-bottom: 1px solid #139; border-right: 1px solid #139; padding: 8px 8px; }
#interni { width: 560px; margin: 10px 0px 0px; position: relative; }
#interni div { float: left; display: inline; margin-left: 10px; margin-bottom: 10px; }
#int1tipo1 { width: 173px; height: 120px; background: url('./images/villino_interno1.jpg') no-repeat top center; }
#int2tipo1 { width: 173px; height: 120px; background: url('./images/villino_interno2.jpg') no-repeat top center; }
#int3tipo1 { width: 173px; height: 120px; background: url('./images/villino_piantina.jpg') no-repeat top center; }
#int1tipo2 { width: 173px; height: 120px; background: url('./images/residence2_interno1.jpg') no-repeat center center; }
#int2tipo2 { width: 173px; height: 120px; background: url('./images/residence2_interno2.jpg') no-repeat center center; }
#int3tipo2 { width: 173px; height: 120px; background: url('./images/residence2_interno3.jpg') no-repeat center center; }
#int4tipo2 { width: 540px; height: 179px; background: url('./images/residence2_piantina_ita.jpg') no-repeat center center; }
#int1tipo3 { width: 173px; height: 120px; background: url('./images/residence4_interno1.jpg') no-repeat center center; }
#int2tipo3 { width: 173px; height: 120px; background: url('./images/residence4_interno2.jpg') no-repeat center center; }
#int3tipo3 { width: 173px; height: 120px; background: url('./images/residence4_interno3.jpg') no-repeat center center; }
#int4tipo3 { width: 540px; height: 125px; background: url('./images/residence4_interno4.jpg') no-repeat top center; }
.dispo { clear: both; width: 560px; margin: 10px auto; text-align: center; }
.dispo .pushout { width: 200px; height: 60px; float: left; display: inline; margin: 0px 40px; background: url('./images/backpush_sx.png') no-repeat top left; }
.dispo .pushin { width: 100%; height: 100%; background: url('./images/backpush_dx.png') no-repeat top right; }
.dispo a { color: #fd4700 !important;  height: 60px; line-height: 55px; font-weight: bold; font-size: 1.2em; }
.dispo a:link,
.dispo a:visited { text-decoration: none; }
.dispo a:hover { text-decoration: underline; }

/*ristorante*/
#risto1 { width: 560px; height: 140px; background: url('./images/risto07.jpg') no-repeat top left; margin: 10px 0px; }
#fotorist { width: 560px; position: relative; margin: 10px 0px;  }
#risto5 { width: 560px; height: 140px; background: url('./images/risto06.jpg') no-repeat top left; float: left; display: inline; margin-bottom: 10px; }
#risto2 { width: 180px; height: 135px; background: url('./images/risto02.jpg') no-repeat top left; float: left; display: inline; margin-right: 10px; }
#risto3 { width: 180px; height: 135px; background: url('./images/risto03.jpg') no-repeat top left; float: left; display: inline; margin-right: 10px; }
#risto4 { width: 180px; height: 135px; background: url('./images/risto05.jpg') no-repeat top left; float: left; display: inline; }

/*listino*/
.listino { table-layout: fixed; width: 560px; border-collapse: collapse; border-top: 1px solid #139; border-left: 1px solid #139; border-right: 1px solid #139; text-align: center; font-size: 1.2em; margin: 10px 0px; }
.listino td { border-bottom: 1px solid #139; /*border-right: 1px solid #999;*/ padding: 8px 8px; }

/*offerte*/
.offerte { table-layout: fixed; width: 560px; border-collapse: collapse; /*border-bottom: 1px solid #139; border-top: 1px solid #139; border-left: 1px solid #139; border-right: 1px solid #139;*/ text-align: center; font-size: 1.2em; margin: 10px 0px; }
.offerte td { padding: 6px 6px; }

/*form*/
.ddfmwrap { width: 560px !important; background: #f4f4f4; }
.ddfmwrap .ddfm { width: 470px !important; margin: 0px auto !important; }
.ddfm label { width: 30% !important; padding: 3px 0px !important; text-align: left !important; }
.ddfm input,
.ddfm textarea { width: 60% !important; padding: 2px 3px !important; margin-bottom: 5px !important; border: 1px solid #69f; background: #eee; }
.ddfm select { width: 40% !important; margin-bottom: 5px !important; border: 1px solid #69f; }
.ddfm .fmcheck,
.ddfm .fmradio { width: 60% !important; margin-bottom: 5px !important; }
.ddfm .fmcheck input,
.ddfm .fmradio input { width: 10% !important; margin: 5px 0px !important; border: none !important; background: none !important; }
.ddfm .fmcheck label,
.ddfm .fmradio label { padding: 0px !important; margin: 0px !important; }
/*.ddfm .fmverify { width: 10% !important; margin-bottom: 5px !important; border: 1px solid #69f; background: #eee; }*/
.ddfm .submit input { width: 150px !important; margin: 10px auto !important; padding: 3px 5px !important; font-weight: bold; color: #335; }
.ddfm .privacy { width: 448px; height: 80px; clear:left; float: left; display: inline; margin: 10px 7px 10px 0px; font-size: 0.9em; text-align: justify; overflow: auto; padding: 5px; border: 1px solid #69f; line-height: 1em; }
#fm_number, #fm_cap, #fm_prov, #fm_age { width: 80px !important; }
#fm_nation, #fm_phone, #fm_mobile { width: 160px !important; }

/*dovesiamo*/
#dove1 { width: 560px; height: 350px; background: url('./images/dove01.jpg') no-repeat top left; margin: 10px 0px; /*float: left; display: inline;*/ }
#dove5 { width: 180px; height: 220px; background: url('./images/dove02.jpg') no-repeat -10px -30px; margin: 0px 0px 10px 10px; float: right; display: inline; }
#dove2 { width: 560px; height: 140px; background: url('./images/dove03.jpg') no-repeat center center; margin: 10px 0px; clear: both; }
#mappa { width: 480px; height: 360px; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #139; margin: 20px auto 0px; }
#partenza { width: 480px; margin: 0px auto; background: #eef; padding: 10px 0px; text-align: center; border-width: 0px 1px; border-style: solid; border-color: #139; }
#partenza p { text-align: left; font-size: 1em; padding: 10px; }
#partenza #dadove { width: 400px; padding: 4px; border: 1px solid #139; margin: 5px 0px; }
#partenza .tasto { width: 80px; padding: 2px; background: #139; color: #fff; font-weight: bold; }
#route { width: 470px; min-height: 10px; height: auto !important; height: 10px; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #139; margin: 0px auto 10px; background: #eef; padding: 5px !important; }

/*bambini*/
#baby1 { width: 560px; height: 220px; background: url('./images/baby01.jpg') no-repeat top left; margin: 10px 0px; }
.fotobaby { width: 560px; position: relative; margin: 10px 0px;  }
#baby2 { width: 180px; height: 135px; background: url('./images/baby02.jpg') no-repeat top left; float: left; display: inline; margin-right: 10px; }
#baby3 { width: 180px; height: 135px; background: url('./images/baby03.jpg') no-repeat top left; float: left; display: inline; margin-right: 10px; }
#baby4 { width: 180px; height: 135px; background: url('./images/baby04.jpg') no-repeat top left; float: left; display: inline; }
#baby5 { width: 370px; height: 220px; background: url('./images/baby05.jpg') no-repeat top left; float: left; display: inline; margin-right: 10px; }
#baby6 { width: 180px; height: 220px; background: url('./images/baby06.jpg') no-repeat top left; float: left; display: inline; }
#zorro { width: 220px; height: 200px; background: url('./images/zorro02.jpg') no-repeat top left; margin: 0px 10px 0px 0px; float: left; }

/*galleria*/
#gall { width: 560px; position: relative; margin: 10px 0px; }
#gall li { width: 120px; height: 120px; float: left; display: inline; margin: 0px 10px 20px 10px; }
#gall li img { width: 120px; height: 120px; }

/*escursioni*/
.paese-left,
.paese-right { position: relative; clear: both; margin-top: 20px; }
.paese-left h4 { color: #fd4700; /*border-bottom: 1px solid #139;*/ background: #dce9f9; padding: 3px 10px; font-size: 1.4em; }
.paese-right h4 { color: #fd4700; /*border-bottom: 1px solid #139;*/ background: #dce9f9; padding: 3px 10px; font-size: 1.4em; text-align: right; }
.paese-left p { width: 340px; padding: 10px; float: right; text-align: justify; }
.paese-right p { width: 340px; padding: 10px; float: left; text-align: justify; }
.paese-left .picpaese { width: 180px; height: 140px; margin: 10px; float: left; }
.paese-right .picpaese { width: 180px; height: 140px; margin: 10px; float: right; }
.paese-left .paese1, .paese-right .paese1 { background: url('./images/ascolipiceno.jpg') no-repeat top left; }
.paese-left .paese2, .paese-right .paese2 { background: url('./images/acquavivapicena.jpg') no-repeat top left; }
.paese-left .paese3, .paese-right .paese3 { background: url('./images/offida.jpg') no-repeat top left; }
.paese-left .paese4, .paese-right .paese4 { background: url('./images/ripatransone.jpg') no-repeat top left; }
.bus { width: 560px; height: 149px; margin: 0px 0px 10px; background: url('./images/trenobus.jpg') no-repeat top left; }

/*riviera*/
.picrivwide { width: 560px; height: 220px; background: url('./images/rivieratop.jpg') no-repeat top left; margin-bottom: 10px; }
.picriv { width: 560px; height: 120px; margin: 10px 0px; position: relative; }
.rivi1 { background: url('./images/riviera01.jpg') no-repeat top left; width: 180px; height: 120px; float: left; display: inline; margin-right: 10px; }
.rivi2 { background: url('./images/riviera03.jpg') no-repeat top left; width: 180px; height: 120px; float: left; display: inline; margin-right: 10px; }
.rivi3 { background: url('./images/riviera02.jpg') no-repeat top left; width: 180px; height: 120px; float: left; display: inline; }
.rivi4 { background: url('./images/rivierabottom.jpg') no-repeat top center; width: 560px; height: 240px; margin: 10px auto; }
.rivi4 p { font-size: 1.1em; font-weight: bold; width: 100%; float: left; display: inline; margin-top: 226px; padding: 4px 0px; text-align: center; background: #dce9f9; }

/*piste*/
/*
.picbikeleft { width: 300px; height: 199px; float: left; background: url('./images/piste01.jpg') no-repeat top left #eee; margin: 10px 10px 10px 0px; }
.picbikeright { width: 300px; height: 225px; float: right; background: url('./images/piste02.jpg') no-repeat top left #eee; margin: 10px 0px 10px 10px; }
*/
.picbike1 { width: 560px; height: 212px; float: left; display: inline; background: url('./images/piste03_dida.jpg') no-repeat top left; margin: 10px 0px; }
.picbike1_2 { width: 275px; height: 180px; float: right; display: inline; background: url('./images/piste0102_dida.jpg') no-repeat top left; }
.picbike2 { width: 275px; height: 212px; float: left; display: inline; background: url('./images/piste01_dida.jpg') no-repeat top left; margin: 0px 0px 10px 0px; }
.picbike3 { width: 275px; height: 212px; float: left; display: inline; background: url('./images/piste02_dida.jpg') no-repeat top left; margin: 0px 10px 10px 0px; }
.dida { background: #dce9f9; color: #139; margin-top: 185px; font-size: 10px; text-align: center; font-weight: bold; padding: 2px 4px !important; }

/*sport*/
.picsportwide { width: 560px; height: 124px; clear: both; background: url('./images/sport01.jpg') no-repeat top left #eee; margin: 10px 0px; }
/*
.picsportleft { width: 260px; height: 320px; float: left; display: inline; margin-right: 40px; }
.picsportright { width: 260px; height: 320px; float: right; display: inline; margin-left: 0px; }
*/
.picsport { width: 560px; height: 148px; position: relative; margin: 10px 0px; }
.sport1 { width: 270px; height: 150px; float: left; display: inline; background: url('./images/sport09.jpg') no-repeat top left; margin-right: 10px; }
.sport2 { width: 270px; height: 150px; float: left; display: inline; background: url('./images/sport08.jpg') no-repeat top right; }
.sport3 { width: 270px; height: 150px; float: left; display: inline; background: url('./images/sport10.jpg') no-repeat top left; margin-right: 10px; }
.sport4 { width: 270px; height: 150px; float: left; display: inline; background: url('./images/sport12.jpg') no-repeat top right; }

/*animazione*/
.picanimwide { width: 560px; margin: 10px 0px; }
/*
.picanimleft { width: 230px; height: 180px; float: left; display: inline; background: #eee; margin: 10px 10px 10px 0px; }
.picanimright { width: 230px; height: 180px; float: right; display: inline; background: #eee; margin: 10px 0px 10px 10px; }
*/
.anima1 { background: url('./images/anima1.jpg') no-repeat top left; width: 560px; height: 260px; }
.anima2 { background: url('./images/anima2.jpg') no-repeat top left; width: 180px; height: 130px; margin-right: 10px; float: left; display: inline; }
.anima3 { background: url('./images/anima3.jpg') no-repeat top left; width: 180px; height: 130px; margin-right: 10px; float: left; display: inline; }
.anima4 { background: url('./images/anima4.jpg') no-repeat top left; width: 180px; height: 130px; float: left; display: inline; }
.anima5 { background: url('./images/anima5.jpg') no-repeat top left; width: 275px; height: 190px; margin-right: 10px; float: left; display: inline; }
.anima6 { background: url('./images/anima6.jpg') no-repeat top left; width: 275px; height: 190px; float: left; display: inline; }

/*spiaggia*/
.picspiawide { width: 560px; height: 344px; clear: both; background: url('./images/spiaggia01.jpg') no-repeat top left; margin: 10px 0px; position:relative; }
.picspiawide p { position:absolute; bottom:30px; left:0px; font-size:0.8em; text-align:center; color:#0056c1; width: 100%; }
.riga { clear: both; width: 560px; height: 10px; background: url('./images/rigaspia.png') repeat-y top left; margin: 10px 0px; }
.spia1, .spia2, .spia3, .spia4, .spia5 { float: left; display: inline; height: 140px; }
.spia1 { width: 275px; background: url('./images/spia1.jpg') no-repeat top left; margin: 0px 5px 5px 0px; }
.spia2 { width: 275px; background: url('./images/spia2.jpg') no-repeat top left; margin: 0px 0px 5px 5px; }
.spia3 { width: 202px; background: url('./images/spia3.jpg') no-repeat top left; margin: 5px 10px 10px 0px; }
.spia4 { width: 202px; background: url('./images/spia4.jpg') no-repeat top left; margin: 5px 10px 10px 0px; }
.spia5 { width: 136px; background: url('./images/spia5.jpg') no-repeat top left; margin: 5px 0px 10px 0px; }

/*campeggio*/
.piccamp { width: 560px; position: relative; margin: 10px 0px; }
.camp1 { width: 560px; height: 220px; background: url('./images/camp01.jpg') no-repeat top left #eee; }
.camp2 { width: 275px; height: 180px; background: url('./images/camp07.jpg') no-repeat top left #eee; float: left; display: inline; margin-right: 10px; }
.camp3 { width: 275px; height: 180px; background: url('./images/camp08.jpg') no-repeat top left #eee; float: left; display: inline; }
/*.camp4 { width: 180px; height: 140px; background: url('./images/camp03.jpg') no-repeat top left #eee; float: left; display: inline; }*/
.camp5 { width: 560px; height: 200px; background: url('./images/camp05.jpg') no-repeat top left #eee; }
.camp6 { width: 560px; height: 200px; background: url('./images/camp06.jpg') no-repeat top left #eee; }

/*panoramiche*/
.boxpano { width: 560px; background: #dce9f9; margin: 10px 0px; padding: 6px 0px 10px; }
.boxpano hr { width: 560px; height: 10px; background: #fff; }
.boxpano .tit { padding: 4px 0px 4px 10px; color: #139; font-weight: bold; }
.boxpano .vers { padding: 4px 10px 4px 0px; text-align: right; font-weight: bold; }
.boxpano #pano1 { width: 540px; height: 120px; margin: 0px 10px; background: url('./images/pano1_statica.jpg') no-repeat top center; }
.boxpano #pano2 { width: 540px; height: 120px; margin: 0px 10px; background: url('./images/pano2_statica.jpg') no-repeat top center; }
.boxpano #pano3 { width: 540px; height: 120px; margin: 0px 10px; background: url('./images/pano3_statica.jpg') no-repeat top center; }

/*PDF*/
/*
.dispo .pushout { width: 200px; height: 60px; float: left; display: inline; margin: 0px 40px; background: url('./images/backpush_sx.png') no-repeat top left; }
.dispo .pushin { width: 100%; height: 100%; background: url('./images/backpush_dx.png') no-repeat top right; }
.dispo a { color: #fd4700 !important;  height: 60px; line-height: 55px; font-weight: bold; font-size: 1.2em; }
.dispo a:link,
.dispo a:visited { text-decoration: none; }
.dispo a:hover { text-decoration: underline; }
*/
.pdf-out { width: 190px; height: 31px; float: right; display: inline; margin-top: -28px; background: url('./images/pdf-sx.png') no-repeat top left; }
.pdf-in { width: 100%; background: url('./images/pdf-dx.png') no-repeat top right; padding: 11px 0px 8px 0px; }
.pdf-in a { font-size: 1.1em; padding-left: 10px; font-weight: bold; }
.pdf-in a:link,
.pdf-in a:visited { color: #fff; text-decoration: none; }
.pdf-in a:hover { color: #fff; text-decoration: underline; }

/*video*/
#video1 { width: 560px; height: 180px; margin: 10px auto; background: url('http://www.dondiegocamping.it/video/video_camping.jpg') no-repeat top left; }
#video2 { width: 560px; height: 180px; margin: 10px auto; background: url('http://www.dondiegocamping.it/video/video_grottammare.jpg') no-repeat top left; }
#video1 a, #video2 a { display: block; width: 100%; height: 100%; font-size: 0px; color: #fff; }
/*
#video1 a:link, #video2 a:link,
#video1 a:visited, #video2 a:visited { margin: 0px; }
#video1 a:hover, #video2 a:hover { margin: 5px; }
*/

/*footer*/
#footer p { color: #fff; text-align: center; line-height: 1.5em; padding-top: 5px; }
#footer a { color: #ff0; }
#footer a:link,
#footer a:visited { border-bottom: 0px; }
#footer a:hover { border-bottom: 1px solid #ff0; }

#credits p { width: 960px; text-align: right; padding: 5px 0px; color: #0156c0; }
#credits p a { color: #fd4700; }
#credits p a:link,
#credits p a:visited { text-decoration: none; }
#credits p a:hover { text-decoration: underline;  }