* { margin:0; padding:0; }
body { font-family:Arial, sans-serif; font-size:12px; background:#9a9a9a url(../images/bg.jpg) no-repeat center top; }

#dolce { width:915px; margin:6px auto 0; }
#animation { width:900px; height:635px; padding:4px 7px 11px 8px; background:url(../images/anim_bg.jpg) no-repeat left top; position:relative; }
    #animation .logo {position:absolute; right:10px; top:10px;}
        #animation .logo img{border:none;}

#mentions { position:relative; padding:0px 7px 10px 8px; font-size:10px; color:#6a6a6a;}
	#mentions a { color:#6a6a6a; text-decoration:none; }
	#mentions a:hover { text-decoration:underline; }
	#mentions p { margin:0 0 2px; }
	#mentions .legal { color:#474747; }
	#mentions .dolce { font-weight:bold; }
	#mentions .lang { position:absolute; right:7px; top:0; }
	#mentions #player-swf { position:absolute; right:10px; bottom:10px; }
	
#dolce #bottomBanner {width:900px; height:100px; position: absolute; top: 540px; display:none; background:#202020; }
    #dolce #bottomBanner .block {height:80px; margin: 10px; display:inline; background: #161616; float:left;}
    #dolce #bottomBanner .block img, #dolce #bottomBanner .block a, #dolce #bottomBanner .block input, #dolce #bottomBanner .block label{position:absolute;}
            #dolce #bottomBanner .left {width:430px;}
            #dolce #bottomBanner .left a{font-size:10px; color: #666;}
            #dolce #bottomBanner .left img.rightString {left:272px;}
            #dolce #bottomBanner .left a.interrogation {top:61px; left:20px;}
            #dolce #bottomBanner .left a.interrogation img {border: none;}
            #dolce #bottomBanner .left a.terms {top:60px; left:32px;}
        #dolce #bottomBanner .middle {width:290px; margin: 10px 0;}
            #dolce #bottomBanner .middle .string{left: 460px; top:20px;}
            #dolce #bottomBanner .middle .label{left: 460px; top:55px;}
            #dolce #bottomBanner .middle .textbox{left: 538px; top:55px; background:#000; border: 1px solid #515151; color: #fff; width:145px;}
            #dolce #bottomBanner .middle .button{left: 692px; top:56px;}
        #dolce #bottomBanner .right {width:140px; background: url(../images/bottom_banner_right_block_map.gif) #161616 no-repeat bottom right;}
            #dolce #bottomBanner .right img.string {top:20px; left:755px;}
            #dolce #bottomBanner .right .button {top:67px; left:760px;padding: 0 0 0 10px; background: url(../images/bottom_banner_right_block_right_arrow.gif) no-repeat left 1px;}
                #dolce #bottomBanner .right .button img{position: relative;}

    
.modalBackground {background:#fff;filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;  }
.modal {width:880px; height:405px; background: #222; color:#fff; }
.darkModal {width:880px; height:405px; background: #202020; color:#fff; }
    .close {color:#797979; font-size:10px; position:absolute; top:10px; right:10px;padding: 0 0 0 14px; background: url(../images/modal_cross.gif) no-repeat left 2px;}

.termsModal {width:820px; height:365px; padding:20px 30px;}
    .termsModal .title {margin:0 0 10px 0;}
    .termsModal p {margin:10px 0 0 0;}
    .termsModal .button {margin:20px 0 0 0;}
    
.newsletterModal .title {display:block; margin: 30px 0 0 30px;}       
.newsletterModal .baseline {display:block; margin: 0 0 30px 30px; .margin: 0 0 28px 30px;}       
.newsletterModal .error {color:#c31c2f; font-size:11px;}
.newsletterModal .errorMessage {color:#c31c2f; font-size:11px;position:absolute; bottom:40px;_bottom:240px; left: 360px;}
.newsletterModal p.inactive {color:#999; font-size:11px;}
.newsletterModal div.mentions {color:#999; font-size:11px; position:absolute; bottom:10px; padding: 0 30px 0 10px;}
    .newsletterModal div.mentions a {color:#999; font-size:11px;}       
.newsletterModal .fieldset {padding: 0 0 20px 30px; border:none; position:relative;}   
    .newsletterModal .fieldset .button {position:absolute; bottom:21px; _bottom:221px;left:360px;}   
    .newsletterModal .fieldset div {padding:2px;.padding:1px; clear:both;}       
    .newsletterModal .fieldset div .checkbox {float:left; margin: 2px 5px 0 0; .margin:-2px 5px 0 0;}       
    .newsletterModal .fieldset div .labelCb img {display: block;}       
    .newsletterModal .fieldset div.radiobutton {padding:10px 0 10px 70px;}       
        .newsletterModal .fieldset div.radiobutton label{margin:0 15px 0 0;}           
        .newsletterModal .fieldset div.radiobutton input{margin:0 3px 0 0;}           
    .newsletterModal .fieldset div .label {width:130px;float:left; display:block; text-align:right; padding: 0 5px 0 0;}   
    .newsletterModal .fieldset div .textbox {background:#000; border: 1px solid #515151; color: #fff; width:145px;}   
    .newsletterModal .fieldset .fieldEmailValid { position:relative; zoom:1; }
        .newsletterModal .fieldset .fieldEmailValid .clear { display:block; clear:both; height:1px; line-height:1px; font-size:0px; }
        .newsletterModal .fieldset .fieldEmailValid .textbox { position:absolute; bottom:1px;left:137px; .position:static; }
.newsletterModal .thanks {text-align:center;}
    .newsletterModal .thanks div.text {text-align:left;}
    .newsletterModal .thanks div {padding: 170px 0 20px 240px;}
        .newsletterModal .thanks div img {display: block;}

.hotelModal {width:1052px; height:365px; padding:20px 0 0 9px;}
    .hotelModal .title {display:block;}
    .hotelModal .blocHotel {float:left;padding: 20px 7px 0 0; }
        .hotelModal .blocHotel img.imgTitle, .hotelModal .blocHotel img.imgPic{display:block;}
        .hotelModal .blocHotel .breaks {margin:10px 0 0 0; width:155px; height:95px; padding: 0 0 0 10px;font-size:11px; position: relative; background: url(../images/modal_hotel_line.gif) no-repeat left top;}
            .hotelModal .blocHotel .breaks .button{position:absolute; bottom:0px; left:10px; background: url(../images/modal_hotel_right_arrow.gif) no-repeat left 3px; padding: 0 0 0 8px;}