/* Autore:Fabio Di Lupo */
/* www.operadigitale.it  */
/* ENJOY !!!             */	
/*-----------------------*/
@import url(comune.css); 

#pagina {background:#ddd url(i/sfondo-hotel.jpg) top center repeat-y; color:#000; width:920px; margin:0 auto}

/* Fascia principale - contenuti*/
table#fascialta{width:900px; height:299px; margin-right:10px; margin-left:10px;}
table#fascialta td.sx {width:220px; height:299px; padding:0; background:#6D194A url(i/hotel-president-logo-oro.jpg) top left no-repeat; color:#ffc}
table#fascialta td.sxen {width:220px; height:299px; padding:0; background:#6D194A url(i/hotel-president-logo-oro-en.jpg) top left no-repeat; color:#ffc}
table#fascialta td.sx p,table#fascialta td.sxen p {background:transparent; color:#fff; text-align:center; margin-top:240px}
table#fascialta td.sx img,table#fascialta td.sxen img {margin:0 20px 0 20px}
table#fascialta td.cx {background:#6D194A; color:#fff; width:460px; padding:0}
table#fascialta td.dx {width:220px; height:299px; padding:0; background:#6D194A url(i/hotel-president-sfondo-2.jpg) top left no-repeat; color:#fff;}

/* Fascia testa pagina */
#login {background:transparent; color:#ffc; width:910px; text-align:right; height:30px; padding:10px 10px 0 0}
#login ul{list-style:none;}
#login li{float:right; background:transparent; color:#ffc;}
#login ul a{padding:1px 10px 1px 10px; border-right:dotted 1px #ffc; text-decoration:none; color:#fff;}
#login ul a:hover,#login ul a:focus,#login ul a:active{color:#ffc; text-decoration:underline;}

/* Sezione TOP MENU */
#menualto {background:#6D194A url(i/bg-menu-alto.jpg) top left repeat-x; color:#fff; border-bottom:#ffc 1px solid; border-top:#ffc 1px solid; font:100%/1.5em Verdana, Arial, sans-serif; padding:10px 0 10px 10px; margin:0 auto 0 auto; text-align:left; width:890px; height:19px; vertical-align: middle;}
#menualto ul{margin:0;padding:0; background:transparent; color:#EBECB2; font-size:100%; list-style:none; line-height:1.4em; }
#menualto li{float:left; background:transparent; color:#EBECB2;}
#menualto ul a{padding:0 4px 0 4px; float:left; background:transparent; color:#EBECB2; border-left:1px solid #aD598A; border-right:none; text-decoration:none; line-height:1.4em;}
#menualto ul a:hover,#menualto ul a:focus,#menualto ul a:active{ background:transparent; color:#fff; text-decoration:underline;}
#menualto ul li#activelink a, #menualto ul li#activelink a:visited, #menualto ul li#activelink a:active {background:transparent; color:#fff; font-weight:bold; text-decoration:none; border-top: 1px solid #aD598A;}

/* Fascia principale - contenutimargin-left:220px;*/
#contenuto {background:#6D194A url(i/hp-logo.jpg) center 20px no-repeat; color:#fff; font:110%/1.5em Verdana, Arial, sans-serif; padding:10px 10px 10px 10px; margin:0 auto 0 auto; text-align:left; width:880px; min-height:500px}

html>body #contenuto {height:auto!important;} /* patchato per min-height con IE */
#contenuto ul { list-style:square; margin:10px 0 10px 10px; padding:1px 0 2px 0; } 
#contenuto li { margin:0 0 0 10px; text-align:left; margin-bottom:14px;}
#contenuto ul.eventi { margin:10px 0 10px 10px; } 
#contenuto ul.eventi li { margin:0 0 0 10px; }

table.icone{width:100%}
table.icone td{background:#6D194A; text-align:center; margin:0 auto}
table.icone td img{background:#8D396A; padding:3px; border:#59153C 2px solid;}

.privacy {background:#eee; color:#000; border:#000 1px solid; padding:3px 3px 3px 3px; margin-top:10px; font-size:90%; width:100%}
.privacy textarea{height:80px; width:95%;}
.privacy p{color:#000; margin-top:5px; margin-bottom:5px}

/* Sezione Side Menù  */
#menulaterale {background:#6D194A; color:#000; padding:0 0 0 0; margin:10px 0px auto 0; text-align:left; border:0; font:100%/1.5em Verdana,sans-serif; width:220px }
#menulaterale ul {background:#6D194A; color:#ffc; list-style:none; list-style-image:none; margin:0 auto 0 auto; padding:0; border:0;}
#menulaterale ul li {background:#6D194A url(i/bg-menu-alto.jpg) repeat-x left 50%; color:#ffc; margin:0 auto 0 auto; padding:3px 0px 3px 10px; width:210px; text-align:left; height:16px; border-bottom: 1px solid #aD598A;}
#menulaterale ul li.titolo {background:#6D194A url(i/bg-menu-alto.jpg) bottom left no-repeat; color:#fa0; margin-top:10px; border-bottom:0px; padding-bottom:2px; font-weight:normal; font-size:135%;  font-family: Garamond; }
#menulaterale ul li a, #menulaterale ul li a:visited, #menulaterale ul li a:active {background:transparent; color:#ffc; line-height:1.5em; font-weight:normal; display:block; text-decoration:none; width:100%;}
#menulaterale ul li#activelink { border-bottom: 1px solid #ffc;}
#menulaterale ul li#activelink a, #menulaterale ul li#activelink a:visited, #menulaterale ul li#activelink a:active {background:transparent; color:#fff; font-weight:bold; display:block; text-decoration:none; width:100%;}
html>body #menulaterale ul, html>body #menulaterale ul li a, html>body #menulaterale ul li a:visited, html>body #menulaterale ul li a:active, html>body #menulaterale ul li a:hover {width:auto;} 
html>body #menulaterale ul li.titolo {width:auto;}
html>body #menulaterale ul li#activelink a, html>body #menulaterale ul li#activelink a:visited, html>body #menulaterale ul li#activelink a.active, html>body #menulaterale ul li#activelink a:hover {width:auto;}
#menulaterale ul li a:hover {background:#6D194A url(i/bg-menu-alto.jpg) 50% left repeat-x; color:#fff; text-decoration:underline;}

/* Fascia piè di pagina */
/* Sezione BOTTOM MENU */
#menubasso {clear:both; position:relative; background:#952300 url(i/sfondomenualto.jpg) top left repeat-x; color:#ffc; padding:0 0 0 10px; margin:0 auto; text-align:left; width:890px; height:35px; line-height:35px; border-top:solid 5px #750300}
#menubasso ul{margin:0;padding:0; background:transparent; list-style:none; line-height:35px; }
#menubasso li{float:left; background:transparent; padding:0}
#menubasso ul a{padding:8px 4px 8px 4px; float:left; background:transparent; color:#ffc; border-right:solid 1px #750300; text-decoration:none; line-height:19px; font-size:14px}
#menubasso ul a:hover,#menubasso ul a:focus,#menubasso ul a:active{ background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff; text-decoration:underline;}
#menubasso ul li#activelink a {background:#750300 url(i/sfondomenualto-selezionato.jpg) top left repeat-x; color:#fff;}

#piede {background:#6D194A url(i/bg-alto.jpg) top right repeat-x; color:#ffc; font:100%/1.5em Verdana, Arial, sans-serif; border-top:#ffc 1px solid; padding:10px 0 10px 0; margin:0 auto 0 auto; text-align:center; width:900px; }
#piede a, #piede a:link, #piede a:visited, #piede a:active  {background:transparent; color:#ffc; } 
#piede a:hover {background:transparent; color:#fff; text-decoration:underline;}

#audio {clear:both; width:900px; height:20px; line-height:20px; background:#fff; margin:0 auto;}

#lastupdate {background:#6D194A; color:#ffc; padding:2px 5px 2px 5px; text-align:left; width:890px;}
#lastupdate small {background:#6D194A; color:#ffc;}

#validazioni {background:#6D194A url(i/bg-navbot.jpg) top right repeat-x; color:#fff; height:50px; padding:20px 30px 5px 30px; margin:0 auto 0 auto; font:100%/1.5em Verdana, Arial, sans-serif; width:840px; text-align:center;} 
#validazioni a, #validazioni a:visited, #validazioni a:active  {background:#6D194A; color:#ffc;} 
#validazioni a:hover {background:#6D194A; color:#fff;  text-decoration:underline;}
#validazioni acronym, #validazioni abbr{background-color:transparent; color:#ffc;}
#validazioni img.first {background:transparent; float:right; color:#ffc; display:none}
#validazioni a.lm,#validazioni a.lm:link, #validazioni a.lm:visited {text-decoration:none;}
#validazioni a.lm:hover, #validazioni a.lm:focus, #validazioni a.lm:active {text-decoration:underline; cursor:help;} 

/* Per Sistema Gestione Contenuti */
#menuriservato {background:transparent; color:#000; height:600px; width:65px; position:fixed; border:0; top:0; left:0;}
#menuriservato ul{background:#fff; color:#000; list-style:none;}
#menuriservato ul li{text-indent:0; font:100% "Arial Narrow",Arial,sans-serif; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #ccc; text-align:center; width:65px}
#menuriservato ul li.titolo{background:#036; color:#fff;}
#menuriservato img{background:#fff; color:#000; margin:0 auto;}

.aiuto {background:#ffd; color:#000; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #ccc; border-top:2px solid #ccc;}
.aiuto h1 {background:#eee url(i/helpdesk.gif) no-repeat 15px 50%; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #aaa; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0 5px 0;  vertical-align:middle;}
.aiuto em {background:#ffd; color:#036;}
.aiuto a, .aiuto a:link, .aiuto a:visited, .aiuto a:active {background:#ffd; color:#1e2A74; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {background:#ffd; color:#d00;}
.aiuto acronym {background:#ffd; color:#333}

/* Originale:by Lokesh Dhakar - http://www.huddletogether.com */
/* Modifiche:by Fabio Di Lupo http://www.operadigitale.it */
#lightbox{/*border:solid 3px #fff; */ position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{background-color:#fff; /*background-color:#000;*/ position:relative; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink, #nextLink{width:49%; height:100%; background:transparent url(lightbox/blank.gif) no-repeat; display:block;}
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(lightbox/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(lightbox/next.gif) right 15% no-repeat;}
#imageDataContainer{font:12px Cambria, Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em;	overflow:auto;	width:100%;}
#imageData{	padding:0 10px; color:#333;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #etichetta{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em;}	
#overlay{background-color:#333; /*background-color:#000;*/ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;}

.aiuto {background:#ffd; color:#000; padding:5px; margin:5px 0px 10px 0px; border-bottom:2px solid #ccc; border-top:2px solid #ccc; clear:both}
.aiuto h1 {background:#eee url(/obj/image/ico/helpdesk.gif) no-repeat 15px 50%; color:#036; font:bold 130% Georgia,Verdana,Arial,Sans-Serif; text-align:left; border-left:10px solid #aaa; border-bottom:0; border-top:0; border-right:0; padding:15px 5px 15px 40px; margin:5px 0 5px 0;}
.aiuto em {background:#ffd; color:#036;}
.aiuto a, .aiuto a:link, .aiuto a:visited, .aiuto a:active {background:#ffd; color:#036; font-weight:bold; text-decoration:underline;}
.aiuto a:hover {background:#ffd; color:#d00;}
.aiuto acronym {background:#ffd; color:#333}