﻿/* 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;}
abbr{border: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:'';}
.g2k {padding:0 10px 0 0;background:url('/images/pulsante.gif') no-repeat bottom right;}
#nav_access {width:1px;height:1px;overflow:hidden;position:absolute;top:-500px;left:-500px;text-indent:-9999em;}
/* ------------------------------------------- */
/* BODY                                        */
html { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
body { background: url('/images/bg.jpg'); font-size: 1.1em; }
/* ------------------------------------------- */
/* WRAP                                        */
#wrap { margin: 0 auto; padding: 40px 0 0 0; width: 980px; background: url('/images/residence/branding.png') no-repeat top left;position:relative; }
.box p a { color:#fff; }
/* ------------------------------------------- */
/* BRANDING                                    */
#branding { float: left; margin: 10px 0 50px 0; width: 250px; }
	#branding h1 { text-indent: -9999em; }
    #branding h1 a { display: block; height: 56px; margin: 0 0 0 0px; width: 248px; background: url('/images/residence/logo.png'); }
/* ------------------------------------------- */
/* NAV MAIN                                    */
#nav_main { float: right; width: 730px; }
    #nav_main ul { float: right; margin: 10px 0 0 0; }
        #nav_main ul li { float: left; height: 70px; width: 100px; border-left: 2px solid #2d2e2e; }
            #nav_main ul li a { display: block; height: 60px; padding: 10px 0; width: 95px; color: #cdcdce; text-align: center; text-transform: uppercase; }
		#nav_main ul li.appartamenti { border-left: 0; background: url('/images/residence/appartamenti.png') no-repeat center bottom; }
		#nav_main ul li.dovesiamo { background: url('/images/dovesiamo.png') no-repeat center bottom; }
        #nav_main ul li.prezzi { background: url('/images/prezzi.png') no-repeat center bottom; }		
		#nav_main ul li.info { background: url('/images/residence/info.png') no-repeat center bottom; }
		#nav_main ul li.prenota { background: url('/images/prenota.png') no-repeat center bottom; }
		#nav_main ul li.home { background: url('/images/residence/home.png') no-repeat center bottom; }
/* ------------------------------------------- */
/* CONTENT                                     */
#content { clear: both; height: 650px; padding: 3px; position: relative; width: 974px; background: #bdc546; -moz-box-shadow: 0 0 8px #000; -webkit-box-shadow: 0 0 8px #000; }
    /* ------------------------------------------- */
    /* CONTENT MAIN                                */
    #content_main { height: 650px; left: 0; position: absolute; top: 37px; width: 200px; z-index: 30; color: #ddded9; }
        .box { overflow: auto; width: 280px; height: 452px; padding: 30px 15px 0 15px; background: rgba(68,68,68,.75); }
            .box h2 { cursor: pointer; height: 19px; left: 5px; position: absolute; top: -14px; width: 83px; background: url('/images/close-res.gif') no-repeat; text-indent: -9999em; }
        /*#content_main h3 { bottom: 190px; height: 19px; left: 4px; position: absolute; width: 84px; background: url('/images/menu.gif') no-repeat; text-indent: -9999em; }*/
        #content_main p { margin-bottom: 15px; line-height: 17px; }
            /*#content_main p strong { display: block; }*/
        #content_main ul { bottom: 45px; height: 113px; left: 0; padding: 10px 0 0 0; position: absolute; width: 200px; background: #000; }
            #content_main ul li { margin: 0 0 0 15px; padding: 7px 10px; width: 110px; border-top: 1px solid #5e5f5f; text-transform: capitalize; }
            #content_main ul li:first-child { border-top: 0; }
                #content_main ul li a { color: #fff; }
            	#content_main ul li a:hover { text-decoration: underline; }
     #content_main .campingm li { width:auto;border:0;padding:0;margin:0; }

     #visitaCampingMaroadi { width:195px;height:50px;position:absolute;z-index:1000;bottom:100px;left:5px;background:#000; }
     #visitaCampingMaroadi a { color:#fff;font-size:13px; }
     #visitaCampingMaroadi a strong { font-weight:bold; }
     
    /* ------------------------------------------- */
    /* CONTENT SUB                                 */
    #content_sub h2 { height: 59px; left: 0; position: absolute; top: 0; width: 980px; z-index: 20; background: url('/images/residence/top.png') no-repeat; text-indent: -9999em; }
    #content_sub h3 { margin: 0 0 6px 0; font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
        #content_sub h3 span { display: block; font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
    #content_sub #change_image { bottom: 15px; padding: 15px 0; position: absolute; right: 4px; height: 92px; width: 780px; z-index: 20; background: #000; background: rgba(15,15,15,.75); color: #fff; -moz-box-shadow: 0 0 2px #000; -webkit-box-shadow: 0 0 2px #000; }
        #content_sub #change_image ul {  height: 92px; position: relative; width: 9000px; }
            #content_sub #change_image ul li { float: left; height: 95px; width: 125px; }
        #content_sub #images_wrap { overflow: hidden; height: 95px; width: 780px; }
        #content_sub #images_wrap ul { padding: 0 34px; height: 95px; width: 9000px; }
            #content_sub ul li img { margin: 0 0 0 0; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; }
            li.offerte a { color: #b79b6c; }
            li.offerte a:hover { color: #fff; }
            li.scopri a { color: #69a4aa; }
            li.scopri a:hover { color: #fff; }
            li.promozioni a { color: #519558; }
            li.promozioni a:hover { color: #fff; }
    /* ------------------------------------------- */
    /* GALLERY                                    */
	#gallery iframe { margin-left: 197px; margin-top: 10px; width: 767px; height: 629px; overflow: hidden; z-index: 20; position: absolute; }
	#gallery iframe.mappa { margin-left: 307px; margin-top: 34px; width: 665px; height: 480px; overflow: auto; z-index: 20; position: absolute; }
/* ------------------------------------------- */
/* SITE INFO                                   */
#site_info { padding: 20px 40px 20px 0px; text-align: right; }
#site_info a { color: #161616; }
#site_info a:hover { color: #999; }

#comingsoon { position:absolute;font-size:30px;background:#CDD942;z-index:9000;top:285px;left:750px;color:#fff;padding:5px; }


/* ------------------------------------------- */
/* PAGINA PREZZI                               */

    #prezzi { position:absolute;top:30px;left:100px;width:780px;height:650px; }
    #prezzi h3 { bottom:auto;height:auto; left:0;position:static;width:auto; }
    #prezzi ul { bottom:auto; height:auto;left:0;padding:0 0 0 0;position:static;width:auto;background:none; }
    #prezzi div { padding:10px 20px 20px;position:relative;margin:10px 0 0 0;  }

	table.priceTable { /*border-bottom: 8px solid #c5272a;*/ } 
		table.priceTable tr td:first-child { border-left: none; font-weight:bold; } 
		table.priceTable td { border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; } 
		table.priceTable tr th:first-child { border-left: none;  } 
		table.priceTable th { border-left: 1px solid #e4e4e4; text-align: center; font-weight: bold; font-size: 1.1em; } 
		table.priceTable tr.even td { background: #f6f6f6; } 
		table.priceTable th span { font-weight:normal; padding-top: 5px; font-size: 80%; } 
		
	table.priceTable { margin-left:50px; width: 750px; margin: 0 0 20px 0; } 
		table.priceTable td { padding: 5px 3px; text-align: center; } 
		table.priceTable th { padding: 8px 5px; } 
		table.priceTable th span { display: block; } 
		

            #galleryOffset {  }
            #arrow_right { cursor: pointer; position: absolute; left: 947px; bottom: 71px; height: 50px; width: 50px; background: url(/images/br_next.png) no-repeat; z-index: 10000 }
            #arrow_left { cursor: pointer; position: absolute; left: 197px; bottom: 71px; height: 50px; width: 50px; background:url(/images/br_prev.png) no-repeat; z-index: 10000 }    
            #content_sub #slidegallery {  }
            
            
            
                #newmenu { float:right;margin: -32px 30px 0 0; }
        #newmenu ul { overflow:hidden; }
        #newmenu ul li { float:left;padding-left:10px; }
            #newmenu ul li a { color:#fff;text-transform:uppercase; }
                  
