body
{ background:url(images/bg.jpg) no-repeat #9fb9bf fixed; }

.clear
{ font-size:1%; height:1%; clear:both; }
.relative
{ position:relative; }
.errore
{ display:block; width:100%; text-align:center; }

form
{ position:relative; width:100%; margin:0 auto; }

*
{ margin:0px; padding:0px; border:0px; outline:none; }

/* RICHIESTO - NON MODIFICARE */
html, body, form
{ height:100%; }

#content { width:930px; margin:0px auto; background:url(images/bgMain.png) repeat-y; position:relative; }

#header 
{ margin:0 auto; width:877px; height:418px; background:url(images/bgTop.jpg); }
.bgLingue { position:absolute; top:0px; left:80px; z-index:100; }
.ulLingue { position:absolute; top:0px; left:96px; z-index:200; }
.ulLingue li { display:inline; float:left; margin-right:8px; }
.ulLingue li a { display:block; float:left; color:#ddeaed; font:normal 11px/19px Arial; }
.ulLingue li a:hover { color: #ffffff; }
                      
#foto { width:829px; height:377px; position:absolute; top:0px; left:55px; }

#logo { position:absolute; top:58px; left:35px; width:187px; height:56px; z-index:3; } 

#middle { margin:30px auto; width:877px; position:relative; }

	#menu { width:130px; padding-right:25px; text-align:right; float:left; }
	#menu ul li { list-style:none; margin:0px; padding:0px; list-style-type:none; }
	#menu ul li a{ text-decoration:none; color:#646464; font-weight:bold; font-size:11px; text-align:right; display:block; padding:2px 0px;  }
	#menu ul li a:hover{ color:#5897a6; }
	#contenuto { width:722px; float:left; background: url(/_layout/tratteggioVert.jpg) left repeat-y; }
	#fotoPagina { width:400px; height:250px; position:relative; float:left; }
	#mascFotoPagina { width:400px; height:250px; position:absolute; z-index:100; background:url(/_layout/mascFotoPagina.png); top:0px; left:0px;}
	#mascFotoPagina.sport{ background:url(/_layout/mascFotoPaginaSport.png) !important; }
	#mascFotoPagina.divertimento{ background:url(/_layout/mascFotoPaginaDivertimento.png) !important; }
	#mascFotoPagina.milanomarittima{ background:url(/_layout/mascFotoPaginaMilMar.png) !important; }
	#fotoPagina ul {	position:absolute; top:18px; left:45px; overflow:hidden; }
	#fotoPagina ul li { width:302px; height:205px; }
	#text { float:left; width:322px; }
		#text h1 { padding:10px 85px 11px 0px; border-bottom:1px solid #d7d7d7; background:url(/_layout/margherita.png) right no-repeat; margin-bottom:15px; min-height:43px; }
		#text p { padding:0px 30px 0px 0px; text-align:justify; }
		
	.maps { position:absolute; top:0; left:0; width:400px; height:250px; display:block; z-index:1000; }	
	#nav a { display:none; }
	#nav a.activeSlide { position:absolute; top:0; left:0; width:400px; height:250px; display:block; z-index:1000; }

#bottom { margin:0px auto; width:842px; height:284px; background:url(images/bgBottom.jpg); padding:32px 0px 0px 35px; }
	#powerTips { width:450px; height:138px; position:relative; float:left; }
	#powerTips #navTips { position:absolute; left:214px; bottom:-20px; z-index:100; }
	#powerTips #navTips a{ float:left; display:block; width:12px; height:12px; margin-right:1px; text-indent:-2000px; background:url(/_layout/pagerTips.jpg); }
	#powerTips #navTips a.activeSlide { background:url(/_layout/pagerTips.jpg) 0px -24px; }
	#powerTips #navTips a:hover { background:url(/_layout/pagerTips.jpg) 0px -12px; }
	#powerTips p { color:#686868; }
	#powerTips ul#scrollTips li { position:absolute; top:0px; display:block; width:450px; color:#7d7d7d; text-align:justify; line-height:15px; }
	
	#newsletter { float:left; width:290px; height:155px; padding-left:35px; padding-top:15px; background:url(/_layout/tratteggioVert2.jpg) repeat-y left; margin-left:35px; position:relative; }
	#newsletter h1 { margin-bottom:20px; }
	#newsletter #mail { position:absolute; bottom:0px; right:0px; width:68px; height:53px; }
	#newsletter table td.sx { padding:1px 10px 1px 0px; }
	#newsletter table td.dx { padding:1px 0px 1px 0px; }
	#newsletter input{ width:210px; height:18px; padding:2px 5px; font:normal 11px/16px Tahoma; color:#636363; }
	#newsletter input[type=checkbox]{ width:20px; height:16px; border:0px; }
	#newsletter input.submit{ width:107px; height:25px; background:url(/_layout/btnSubscribe.jpg); border:0px; cursor:pointer; color:#fff; font-size:11px; padding:0px; line-height:10px; margin:0px; }
	
#footer { width:877px; height:26px; background:url(images/bgFooter.jpg) no-repeat; margin:0px auto; text-align:center; color:#0f424f; }
#footer a{ color:#fff; }
#footer a:hover{ color:#0f424f; }

  

/* RICHIESTO - NON MODIFICARE */
#content:after 
{ clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }

#site_info
{	width:100%; position:absolute; bottom:0 !important; bottom:-1px; height:78px; background-color:#494139; }
  #site_info div
  { width:983px; margin:0 auto; position:relative; height:78px; }
  #site_info div .pInfo
  { position:absolute; top:22px; left:0px; font:normal 11px/16px Tahoma; color:#807971; }
  #site_info div .pInfo a, #site_info div .pCredits a
  { color:#807971; } 
  #site_info div .pInfo a:hover
  { color:White; }
  #site_info div .pCredits
  { position:absolute; top:22px; right:0px; font:normal 11px/16px Tahoma; color:#807971; }
  #site_info div .pCredits a:hover
  { color:white; }

input.error, select.error, textarea.error 
{ background-color: Lemonchiffon; }
/* FINE CSS */


/* PREZZI */
  #prezzi { width:646px; padding:50px 0px 0px 0px; background:url(/_layout/headerPrezzi.jpg) top no-repeat #e0e0e0; margin-left:40px; }
  #prezzi #bottomPrezzi { width:100%; height:12px; background:url(/_layout/bottomPrezzi.jpg); }
  #prezzi table{ width:582px; margin:0px 32px 18px 32px; }
  #prezzi table th{ font-size:14px; font-weight:bold; color:#4c4c4c; text-align:center; padding:6px 0px; }
  #prezzi table td { padding:9px 0px; background-color:#f0f0f0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
  #prezzi table td.white { background-color:#f9f9f9; }
  #prezzi table td.data{ font-size:11px; font-weight:bold; color:#346e7c; text-align:right; width:200px; padding-right:20px; }
  #prezzi table td.prezzo{ font-size:11px; font-weight:bold; color:#4c4c4c; text-align:center; }
	#condizioni { width:235px; float:left; display:inline; margin-right:30px; color:#6c6c6c; font-size:12px;  }
	#riduzioni { width:235px; float:left; display:inline; font-size:12px; color:#6c6c6c; }
	#condizioni ul li. #riduzioni ul li { margin-left:10px; }
	#contCondizioni { width:524px; padding:30px; border-bottom:1px solid #ccc; margin-left:70px; background:url(/_layout/margherita.png) bottom right no-repeat; }

/* PHOTOGALLERY */
	ul#photogallery { margin:0px 0px 12px 42px; height:365px; border-bottom:1px solid #ccc; }
	ul#photogallery li              { display:block; width:680px; height:360px; overflow:hidden; }
	ul#photogallery li a            { display:block; float:left; margin:0px 12px 12px 0px; width:146px; height:108px; position:relative; overflow:hidden; }
	ul#photogallery li a .cornice   {  display:block; position:absolute; width:146px; height:108px; background:url(/_layout/mascFotogallery.png) top left no-repeat; z-index:3;  }
	ul#photogallery li a .img       { position:absolute; z-index:2; }
	ul#pager { margin-left:42px; }
	ul#pager li { float:left; margin-right:0px; }
	ul#pager li a { display:block; width:28px; height:23px; background:url(/_layout/btnPager.jpg); color:#fff; font-weight:bold; padding-top:6px; text-align:center; float:left; }
	ul#pager li a:hover { background:url(/_layout/btnPagerOver.jpg); }
	ul#pager li a.active { background:url(/_layout/btnPagerActive.jpg); }

/* LISTA OFFERTE */
#offerte            { padding-left:44px; width:644px; min-height:236px; }
#offerte h1         { padding:27px 0px 0px 0px; border-bottom:1px solid #d7d7d7; background:url(/_layout/margherita.png) right no-repeat; min-height:37px; font:normal 18px/20px Tahoma; color:#2d2d2d; }

#list_offerte { float:left; width:644px;  }
  #list_offerte li              { border-bottom:1px solid #ccc; padding:23px 0px; position:relative; display:block; height:144px; }
  #list_offerte li .linkOfferta { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:white; z-index:100; }
	#list_offerte .imgOfferta     { float:left; margin-right:27px; }
	#list_offerte .mascFotoOfferta{ width:202px; height:144px; position:absolute; z-index:3; background:url(/_layout/mascFotoOfferta.png); top:23px; left:0px; }
	#list_offerte .btnDettagli    { width:107px; height:22px; background:url(/_layout/btnSubscribe.jpg); cursor:pointer; font-weight:bold; color:#fff; font-size:11px; padding:0px; margin:0px; display:block; text-align:center; padding-top:3px; margin-top:12px; float:left; }
  #list_offerte .titolo         { font:normal 16px/20px Tahoma; color:#1f6577; margin-top:14px; }
  #list_offerte .anteprima      { font:normal 12px/16px Tahoma; color:#515151; margin-top:12px; text-align:left; float:left; }

/* SINGOLA OFFERTA */
#lista_foto_offerta                   { float:left; width:644px;  }  
  #lista_foto_offerta li              { border-bottom:1px solid #ccc; padding:23px 0px; position:relative; display:block; height:144px; }
  #lista_foto_offerta li .linkOfferta { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:white; z-index:100; }
	#lista_foto_offerta .imgOfferta     { float:left; margin-right:27px; }
	#lista_foto_offerta .mascFotoOfferta{ width:202px; height:144px; position:absolute; z-index:3; background:url(/_layout/mascFotoOfferta.png); top:23px; left:0px; }
	#lista_foto_offerta .btnDettagli    { width:107px; height:22px; background:url(/_layout/btnSubscribe.jpg); cursor:pointer; font-weight:bold; color:#fff; font-size:11px; padding:0px; margin:0px; display:block; text-align:center; padding-top:3px; margin-top:12px; float:left; }
	#lista_foto_offerta .btnDettagli:hover
	                                    { color:#c5e1e8; }
  #lista_foto_offerta .titolo         { font:normal 16px/20px Tahoma; color:#1f6577; margin-top:14px; }
  #lista_foto_offerta .anteprima      { font:normal 12px/16px Tahoma; color:#515151; margin-top:12px; text-align:left; float:left; }

#offerta_dettagliata            { width:644px; }

/* LISTA ARTICOLI */
#list_articoli
{ padding:37px 42px 0px; }
  #list_articoli .accordion
  { background-color:white; padding:25px 33px; }
  #list_articoli .listNomeCategoria
  { cursor:pointer; }
  #list_articoli .listArticoliCategoria
  { padding:8px 0px 8px 20px; border-bottom:1px solid #dad6ce;  }
  .listArticoliCategoria ol li a, .listArticoliCategoria ol li
  { display:block; font:normal 11px/20px Tahoma; color:#8d8175; }
  .listArticoliCategoria ol li a:hover
  { color:#5a524b; }

/* SINGOLO ARTICOLO */
#lista_foto_articolo
{ display:block; width:400px; height:125px; padding:0px 0px 22px; z-index:0; }
  #lista_foto_articolo li
  { display:inline; float:left; position:relative; width:183px; height:111px; padding:7px 7px 8px; z-index:1; }
  #lista_foto_articolo li .cornice_art
  { position:absolute; top:0px; left:0px; z-index:1; }
  #lista_foto_articolo li a
  { position:absolute; top:0px; left:0px; width:198px; height:125px; z-index:10; background:white; opacity:0; filter:alpha(opacity=0); }

#articolo_dettagliato
{ width:550px; }

#articolo_ridotto
{ width:450px; }

#articolo_ridotto img
{ float:left; margin-right:10px; }

/* LISTA EVENTI */
#list_eventi
{ width:300px; float:right; }

#list_eventi_dettagliati
{ width:300px; float:right; }

#list_eventi_dettagliati ol li
{ position:relative; padding-left:105px; }

#list_eventi_dettagliati li img
{ position:absolute; left:0; top:0; }

#list_eventi_dettagliati li .goTo_evento
{ text-align:right; }

/* SINGOLO EVENTO */
#lista_foto_evento li
{ display:inline; }

#evento_dettagliato 
{ width:550px; }

#evento_ridotto
{ width:450px; }

#evento_ridotto img
{ float:left; margin-right:10px; }

/* LISTA PRESS */
#list_press
{ width:300px; float:right; }

#list_press_dettagliati
{ width:300px; float:right; }

#list_press_dettagliati ol li
{ position:relative; padding-left:105px; }

#list_press_dettagliati li img
{ position:absolute; left:0; top:0; }

#list_press_dettagliati li .goTo_press
{ text-align:right; }

/* SINGOLO PRESS */
#lista_foto_press li
{ display:inline; }

#press_dettagliato 
{ width:550px; }

#press_ridotto
{ width:450px; }

#press_ridotto img
{ float:left; margin-right:10px; }


/* LISTA PAGINA FOTO */
#list_pagina_foto
{ padding:37px 50px 0px; position:relative; height:202px; overflow:hidden; }
#list_pagina_foto ol li
{ display:block; width:292px; height:202px; }
  #list_pagina_foto ol li a
  { width:124px; height:78px; position:relative; padding:9px 10px 9px 9px; float:left; margin-bottom:5px; }
  #list_pagina_foto li a .cornice
  { position:absolute; top:0px; left:0px; }
  #list_pagina_foto #prev, #list_pagina_foto #next
  { position:absolute; width:42px; height:113px; top:78px; }
  #list_pagina_foto #prev
  { left:0px; }
  #list_pagina_foto #next
  { right:0px; }
    
  
/* LISTA ELEMENTI VIDEO */
#list_elemento_video li
{ display:inline; }

/* PHOTOGALLERY */
#list_archivii_foto
{ width:300px; float:right;  }

#ol_photogallery
{ display:block; width:468px; }
  #ol_photogallery li
  { fdisplay:inline; }
  #ol_photogallery li a
  { float:left; display:inline; width:124px; height:78px; position:relative; padding:9px 9px 9px 10px; margin-right:13px; margin-bottom:13px; }
  #ol_photogallery li a img.cornice
  { position:absolute; left:0px; top:0px;  }

/* VIDEOGALLERY */
#list_video_archivii
{ width:300px; float:right;  }

/* DOVE SIAMO */
#list_dove_siamo
{ padding:45px 58px 0px; position:relative; height:190px; overflow:hidden; }
#list_dove_siamo ol
{ display:block; width:276px; height:182px; z-index:0;  }
#list_dove_siamo ol li
{ display:block; width:276px; height:182px; }
  #list_dove_siamo .maps
  { background: url('/_layout/cornice_dovesiamo.png') no-repeat; position:absolute; width:293px; height:198px; top:37px; left:50px; z-index:1; }
  #list_dove_siamo #prev, #list_dove_siamo #next
  { position:absolute; width:42px; height:113px; top:78px; }
  #list_dove_siamo #prev
  { left:0px; }
  #list_dove_siamo #next
  { right:0px; }

/* GUESTBOOK */
#guestbook li
{ margin-bottom:10px; }

#pagine
{ margin-top:20px; }

#pagine li
{ float:left; margin-right:5px; }

#pagine li a.selected:hover
{ cursor:default; }

/* LINK ALLEGATO - PRINT */
.allegato
{ width:50px; display:block; }

/* PRENOTA */
  #prenota { width:646px; padding:50px 0px 0px 0px; background:url(/_layout/headerPrezzi.jpg) top no-repeat #e0e0e0; margin-left:40px; }
  #prenota #bottomPrenota { width:100%; height:12px; background:url(/_layout/bottomPrezzi.jpg); }

#tblPrenota
{ width:542px; margin:13px 32px 28px 42px; font:normal 11px Arial; color:#636363; background:#e0e0e0; }
  #tblPrenota input[type=text], #tblPrenota select, #tblPrenota textarea
  { border:1px solid #fff; float:left; font:normal 11px/16px Tahoma; color:#636363; padding:1px 0px 2px 5px; margin-top:3px; }
  #tblPrenota input[type=text]
  { height:18px; }
  #tblPrenota select
  { height:23px; }
  #tblPrenota textarea
  { width:414px; height:100px; }
  #tblPrenota .sx
  { width:110px; }
  #tblPrenota .txtLong
  { width:414px;}
  #tblPrenota .txtMedium
  { width:250px;}
  #tblPrenota .txtMin
  { width:60px; }
  #tblPrenota .txtShort
  { width:68px; }
  #tblPrenota .ddlLong
  { width:421px; }
  #tblPrenota .ddlMin
  { width:40px; }
  #tblPrenota .ddlShort
  {}
  #tblPrenota .ui-datepicker-trigger
  { float:left; margin-left:5px; margin-top:6px;}
  #tblPrenota .dx input[type=text], #tblPrenota .dx select
  { float:right; margin-right:11px; }
  #tblPrenota .btnPrenota
  { width:107px; height:25px; background:url(/_layout/btnSubscribe.jpg); border:0px; cursor:pointer; color:#fff; font-size:11px; padding:0px; line-height:10px; margin:0px; }  
  #tblPrenota .obbligatorio { display:block; float:left; margin-left:7px; margin-top:10px; }
  
/* PRIVACY */
#privacy    { padding-left:25px; width:697px; height:auto;  float:left; }
  #privacy h1 { padding:10px 85px 11px 0px; border-bottom:1px solid #d7d7d7; background:url(/_layout/margherita.png) right no-repeat; margin-bottom:15px; min-height:43px; }
  #privacy p  { padding:0px 30px 0px 0px; text-align:justify; }

.txtN_ChkPrivacy,
.txt_ChkPrivacy                   { margin-left:10px;}
.txt_ChkPrivacy,
.txtN_ChkPrivacy, 
.chkPrivacy,                 
.chkPrivacyN                      { float:left;}
.txtPrivacy                       { color:#2B4753; font-weight:bold; }
.txtPrivacy:hover                 { color:#31708D; }
.chkNewsletter                    { float:left; margin-left:20px;}