html, body {height: 100%;}
*{margin:0px; padding:0px;}
/*** BODY ***/
body{text-align:center; background:#890100 url(../images/bgBarocco2.jpg) 50% 28%  repeat-y; letter-spacing:-0.1px; color:fff;}
h1 {color:#FFF; font:italic 22px/25px "Verdana", Tahoma, Arial, Helvetica;}
h2 {color:#FFF; font:italic 22px/25px "Verdana", Tahoma, Arial, Helvetica;}
h3 {color:#FFF; font:italic 20px/22px "Verdana", Tahoma, Arial, Helvetica; padding:12px 0 2px 0;}
h4 {color:#FFF; font:italic 20px/23px "Verdana", Tahoma, Arial, Helvetica;}
h5 {color:#FFC; font:italic 16px/19px "Verdana", Tahoma, Arial, Helvetica;}
p {color:#FFF; font:normal 11px/13px "Verdana", Tahoma, Arial, Helvetica; padding:12px 0 10px 0;}
a {font:normal 10px/11px "Verdana", Tahoma, Arial, Helvetica; color:#FFC; text-decoration:none;}  
a:hover{font:normal 10px/11px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
img{border:none}
/*** STRUTTURA ***/
#container{border-top:3px solid #d5a19b; width:910px; position:relative; margin:0px auto; margin-top:20px;}
#header{ width: 910px; height:208px; text-align:left; background: url(../images/opacity.png) repeat-y;}
#main{ width:910px; height:670px; background: url(../images/opacity.png) repeat-y;}
#longmain{ width:910px; height:1693px; background: url(../images/opacity.png) repeat-y;}
#left{float:left; width:257px; padding:5px 0 0 100px; text-align:right;}
#right{float:right; width:508px; margin:5px 0 0 0; padding:10px 15px 10px 0; text-align:left; border-top:1px dotted #d5a19b;}
#left2{float:left; width:147px; margin:5px 0 0 0; padding:0 0 0 0; text-align:right;}
#right2{float:right; width:718px; margin:5px 0 0 0; padding:10px 15px 10px 0; text-align:left; border-top:1px dotted #d5a19b;}
#footer{clear:both; border-top:3px solid #d5a19b;}
/*** HEADER SX+DX ***/
#hSxFlash{width:387px; height:208px; float:left;}
#hDx{float:right; width:523px;}
#hDxMenu{float:left; width:381px;}
/*** MENU PRINCIPALE ***/
#header ul {margin: 0; padding: 0; list-style: none; width: 140px;}
#header ul li {position: relative;}
#header li ul {position: absolute;left: 139px; top: 0; display: none;}
#header ul li a {display:block; text-decoration:none;color:#FFF; background:url(../images/opacity.png) repeat-y; padding:2px 0 2px 2px; border-bottom:0; font:bold 15px/17px "Verdana", Tahoma, Arial, Helvetica;}
#header ul li a:hover{display: block;text-decoration: none;color: #000; background: url(../images/opacity.png) repeat-y; padding: 2px 0 2px 2px ;border-bottom: 0;font:bold 15px/17px "Verdana", Tahoma, Arial, Helvetica;}
* html #header ul li { float: left; height: 1%;}
* html #header ul li a { height: 1%; }
#header ul li a.smaller{color:#fff; font:bold 11px/13px "Verdana", Tahoma, Arial, Helvetica;}
#header ul li a:hover.smaller{color:#000; font:bold 11px/13px "Verdana", Tahoma, Arial, Helvetica;}
#header li:hover ul, #header li.over ul { display: block; }
/**/
#hDxLogo{float:right; width:142px; height:208px; background: url(../images/baroccoandino.jpg) no-repeat; text-indent:-1500px;}
/*** LEFT ***/
#left p {color:#FFF; font:normal 10px/12px "Verdana", Tahoma, Arial, Helvetica; padding:5px 0 5px 0;}
#left a {font:bold italic 14px/17px "Verdana", Tahoma, Arial, Helvetica; color:#FFFFCC; text-decoration:none;}  
#left a:hover{font:bold italic 14px/17px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
#left a.small {font:normal 10px/12px "Verdana", Tahoma, Arial, Helvetica; color:#FFFFCC; text-decoration:none;}
#left a:hover.small {font:normal 10px/12px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
/*** RIGHT ***/
#right a {font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica; color:#FFFFCC; text-decoration:none;}  
#right a:hover{font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
#right2 a {font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica; color:#FFFFCC; text-decoration:none;}  
#right2 a:hover{font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
#right2 img{border:1px solid #DCA384; padding:1px;}
#art1{float:left; width:339px; padding:10px;}
#art2{float:right; width:339px; padding:10px;}
.bigger {color:#FFF; font:italic 22px/25px "Verdana", Tahoma, Arial, Helvetica; padding:5px 0 0 0;}
#gallery {width:718px; height:470px; position:relative; border:0px solid #ddd;}
#gallery ul {list-style:none; padding:1px; margin:0; width:355px; float:right; height:180px; overflow:auto; border:0px solid #444;}
#gallery ul li {display:inline; width:62px; height:83px; float:left; margin:0 4px 4px 0; border:1px solid #444; cursor:pointer;}
#gallery ul li img {display:block; width:62px; height:83px;}
#gallery ul li span {display:none; position:absolute; left:367px; top:180px; width:350px; font-family:verdana, arial, sans-serif; color:#FFF; font-size:10px; line-height:13px; letter-spacing: -0.1px; text-align:left; border:0px solid #ddd;}
#gallery ul li span b {color:#FFF;}
/* required for IE5.x and IE6 to display the start image size correctly */
#gallery ul li.click i img.default {margin:2px auto 0 auto; width:341px; height:459px; border:1px solid #fff;}
#gallery ul li.off {display:none;}
#gallery ul li.click {border-color:#fc0; cursor:default;}
#gallery ul li.click i {position:absolute; left:0; top:0; width:45px; height:355px;}
#gallery ul li.click i img {margin:2px auto 0 auto; width:auto; height:auto; border:1px solid #fff;}
#gallery ul li.click span {display:block;}
#gallery h2 {color:#FFF; font:bold 11px/14px "Verdana", Tahoma, Arial, Helvetica; padding:0 0 3px 0;}
#gallery p {color:#FFF; font:normal 10px/12px "Verdana", Tahoma, Arial, Helvetica; padding:8px 0 5px 0;}
/*** MAIN DX ***/
#mContatti a{font:bold 14px/16px "Verdana", Tahoma, Arial, Helvetica; color:#FFC; text-decoration:none;}
#mContatti a:hover {font:bold 14px/16px "Verdana", Tahoma, Arial, Helvetica; color:#580b00; text-decoration:none;}
/*** FOOTER ***/
#lfooter{float:left; text-align:left; padding:3px 0 10px 0; color:#FFF; font:normal 10px/12px "Verdana", Tahoma, Arial, Helvetica;}
#rfooter{float:right; text-align:right; padding:3px 0 10px 0;}
/*** stampa ***/
.stampa ul{list-style: none; border: 0px solid; padding:10px 0 10px 0;  font:normal 13px/16px "Verdana", Tahoma, Arial, Helvetica;}
.stampa li a{padding:0; margin:0; list-style:none; font:normal 13px/16px "Verdana", Tahoma, Arial, Helvetica;  text-decoration:none;}
.stampa li a:hover{padding:0; background-color:#f0c900; text-decoration:none; font:normal 13px/16px "Verdana", Tahoma, Arial, Helvetica;}
/*** MENU secondario ***/
#left2 ul {margin:0; padding:0 5px 0 0; list-style: none; border-right:1px dotted #d5a19b;}
#left2 ul li {position: relative; text-align:right;}
#left2 li ul {position: absolute; left: 139px; top: 0; display: none;}
#left2 ul li a {display: block;text-decoration: none;color: #FFF;/*background: #fff;*/padding: 2px 0 2px 2px ;/*border: 1px solid #ccc;*/ /* IE6 Bug */border-bottom: 0;font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica;}
#left2 ul li a:hover{display: block;text-decoration: none;color: #000;/*background: #fff;*/background: url(../images/opacity.png) repeat-y;padding: 2px 0 2px 2px ;/*border: 1px solid #ccc;*/ /* IE6 Bug */border-bottom: 0;font:normal 12px/14px "Verdana", Tahoma, Arial, Helvetica;}
/* Fix IE. Hide from IE Mac \*/
#html #header ul li { float: left; height: 1%;}
#html #header ul li a { height: 1%;}
/* End */
/*** FORM ***/
#left2 #header li:hover ul { display: block; }
#form_newsletter input{border-bottom:1px solid #DF7661; border-top:none; border-left:none; border-right:none; background:none; color:#fff; height:12px;margin:7px 10px 2px 0;font:normal 12px/13px "verdana",arial,helvetica; text-transform:uppercase;}
#form_newsletter {color:#FFF;}
#form_newsletter input.send{background:url(../images/iscriviti.jpg) top left no-repeat; width:113px; height:32px; cursor:pointer;}