/* CSS Document  - Caliarius.it
Author: Paola Guerrini - eLogic
18/07/2008
*/

body { background-color:#E8E8E8; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color: #666;}

h1 { font-size:22px; margin: 0px; padding: 0px; }
h2 { font-size:18px;  margin: 0px; padding: 0px; }
h3 { font-size:16px;  margin: 0px; padding: 0px; }
h4 { font-size:12px;  margin: 0px; padding: 0px; }

p { text-align:justify}
a { color: #666;}

.arancio { color: #FF9900;}
.azzurro { color: #8DE3FF;}
h1.azzurro {margin-bottom:20px!important;}

.latosinistro {float:left; margin:5px;}
.latodestro {float:right; margin:5px;}
.sottolineato {text-decoration:underline;}

a.link {background-image:url(/App_Themes/Calidarius/images/pin_arancio.gif); background-position: 0px 0px; background-repeat:no-repeat; display:block; padding: 5px 0 5px 35px; margin: 10px 5px; color: #FF9900; font-size:14px; font-weight:bold; text-decoration:none; }
a.link:hover {background-image:url(/App_Themes/Calidarius/images/pin_azzurro.gif); color: #8DE3FF; text-decoration:underline}

.global { margin: 70px auto 0px auto; width:750px;  min-height:400px; background-image:url(/App_Themes/Calidarius/images/bgPage_top.jpg); background-position: 0px 29px; background-repeat:no-repeat; position: relative;}
.container {text-align:left; margin-top: 15px;  background-image:url(/App_Themes/Calidarius/images/bgPage.jpg);  background-repeat:repeat-y; min-height:300px; padding-bottom:59px; background-color:#FFF;}
.footer {width:750px; height:32px; margin:0px auto; background-image:url(/App_Themes/Calidarius/images/bgPage_bottom.jpg); background-position: bottom; background-repeat:no-repeat; text-align:center; font-size:11px;}

#logo { position: absolute; width:310px; height:64px; top: 43px; left: 26px;}
#logo h1,  #logoSmall h1, #logoSmall-pageWide h1 { padding:0px; margin:0px;}
#logo img,  #logoSmall img, #logoSmall-pageWide img {border: 0px;}

#logoSmall { width:240px; height:49px; position: absolute; top: 45px; left: 35px; }


.pageHome { width: 354px; margin: 0px 0 10px 350px; padding: 38px 0 0 0; position:relative}
.home { border-top: 1px solid #8DE3FF; border-right: 1px solid #8DE3FF; border-bottom: 1px solid #8DE3FF; padding:33px 45px; position:relative}
.home .entra {position:relative;}
.home .entra a { position:absolute; top: 16px; left: -53px}
.home .entra img {border: 0px;}

.page { width: 304px; margin: 8px 0 10px 15px; padding: 0px; min-height:400px; float:left; position:relative;}
.pageWide { width: 680px; margin: 8px 0 10px 15px; padding-top: 80px; margin-left:30px;}


#animazione { width:343px; height:313px; position:absolute; top: 120px; left:-30px;}
#illustrazione { width:355px; margin-left:30px; padding-top:80px; float:left;position:relative;}

.clear {clear: both;}

.credits { margin: 20px auto; text-align:center; font-size:10px;}

/*----- News _----------*/
.news { margin: 20px 0 5px 0; border-bottom: 1px solid #8DE3FF; color: #666}
.newsLatest {margin: 5px 0 5px 0; color: #666}
.news .foto { width:150px; float: left;}
.newsLatest .foto {float: left; margin: 0 5px 5px 0;}
.news .detail { float: left;}
.titolo {}
.sommario {}
.data {}
.testo {}


/* ------- Gallery ----------*/
.gallery { text-align:center; width:100%;}
.gallery .thumb { display:block; width:160px; text-align:center; border: 1px solid #8DE3FF; margin: 1px; padding:2px; float:left;}
.gallery a img {  border: 0px;}




/*------ menu ---------*/

#menu {position: relative; margin-left: 50px}
#menu a { background-image:url(/App_Themes/Calidarius/images/bgBT.jpg); background-position: 0px 0px; background-repeat:no-repeat; width:108px; height:19px; text-align:center; color:#fff; font-size:11px; font-weight:bold; text-decoration:none; display:block; float:left; padding-top: 10px;}
#menu a:hover, #menu li.highlighted a { background-image:url(/App_Themes/Calidarius/images/bgBT_sel.jpg); background-position: 0px 0px; background-repeat:no-repeat; }


/*#menu LI { BEHAVIOR: url(../CMSScripts/LIhover.htc)}*/
#menu UL { PADDING: 0px; MARGIN: 0px; WIDTH: 100%; list-style-type:none; }
#menu LI { PADDING: 0px; DISPLAY: inline; FLOAT: left;}
/*
#menu UL UL { Z-INDEX: 500; POSITION: absolute; color:#666; background-color:#FFF; border:1px solid #999; width:auto;  padding:2px; }
#menu UL UL LI { CLEAR: left; DISPLAY: block; POSITION: relative }
#menu UL UL UL { LEFT: 100%; BORDER-BOTTOM: white 0px solid; TOP: -1px }
#menu UL UL { DISPLAY: none }
#menu UL LI:hover UL UL { DISPLAY: none }
#menu UL UL LI:hover UL UL { DISPLAY: none }
#menu UL LI:hover UL { DISPLAY: block }
#menu UL UL LI:hover UL { DISPLAY: block }
#menu UL UL UL LI:hover UL { DISPLAY: block }
*/