
/* css for index */

.quoteword{
margin:0 0 0 30px !important;
width:295px !important;
}

.quoteword p{
font-size:20px;
letter-spacing:0.05em
}

#sidesx{
display:inline;
float:left;
margin:0 0 0 20px;
padding:0;
background:#ffffff
}

#sidedx{
display:inline;
float:right;
margin:0 20px 0 0;
padding:0;
background:#ffffff
}

#sidesx h1{
margin:0 0 0 14px;
padding:0;
font-weight:normal;
font-size:20px;
letter-spacing:1px;
color:#00a9e0
}

#home{
display:inline;
float:left;
margin:16px 0 0 0;
padding:4px 4px 16px 4px;
width:450px;
background:#d9f9ff url(../images/boxlight_bg.png) bottom center repeat-x;
}

#home p{
display:block;
margin:4px 0;
padding:2px 12px;
line-height:1.6;
text-align:justify;
color:#333333
}

#home p strong{ padding-left:2px; color:#776666 }

#home span.image{
float:left;
margin:13px 13px 2px 13px;
width:188px;
height:145px;
}

#home span.image img{
width:174px;
height:131px
}

#recensione{
clear:both;
display:inline;
float:left;
margin:16px 0 0 0;
padding:4px 4px 16px 4px;
width:450px;
background:#d9f9ff url(../images/boxlight_bg.png) bottom center repeat-x;
}

#ajaxcall{
display:block;
margin:0;
padding:0
}

.ajaxload{
background:url(../images/ajaxloader.gif) center no-repeat;
}

#ajaxcall h3{
display:block;
margin:0;
padding:14px 0 5px 0;
font-size:16px;
color:#cc3333
}

#ajaxcall h4{
display:block;
margin:0 0 10px 0;
padding:0;
font-size:12px;
color:#cc6666;
}

#ajaxcall h4 em{ font-size:11px; color:#cc7777 }

#ajaxcall p{
display:block;
margin:4px 0;
padding:4px 12px;
line-height:1.6;
text-align:justify;
color:#333333
}

#ajaxcall span.image{
float:left;
margin:13px 13px 2px 13px;
width:114px;
height:164px;
}

#ajaxcall span.image img{
width:100px;
height:150px;
overflow:hidden
}

#topten{
display:inline;
float:left;
margin:0 0 10px 0;
padding:0 0 75px 0;
width:260px;
background:#ffffff url(../images/boxdark_bg.png) bottom center repeat-x
}

.tab-wrapper{
display:block;
margin:0;
padding:0;
width:260px;
background:#aff0ff
}

.tab-menu{
display:block;
float:left;
width:260px;
margin:0;
padding:0;
clear:both;
list-style-type:none;
background:#ffffff;
}

.tab-menu li{
display:block;
float:left;
margin:0 5px 0 0;
padding:0;
}

.tab-menu li a{
display:block;
float:left;
margin:0;
padding:16px 0 0 0;
height:32px;
width:100px;
background-image:url(../images/topten/tab-menu_bg.gif);
background-position:bottom center;
background-repeat:no-repeat;
background-color:#eeeeee;
color:#b5c6d0;
font-weight:bold;
text-align:center;
text-decoration:none;
}

.tab-menu li a:hover, .tab-menu li a:focus{
background-color:#ffeeee;
}

.tab-menu li.tab-selected a{
color:#cc4444;
background-color:#aff0ff;
}

#topten div{
display:block;
float:left;
clear:both;
margin:0;
padding:4px 0 0 0;
}

ul.top_item, ul.item{
display:block;
margin:0 0 7px 6px;
padding:0;
width:246px;
list-style-type:none
}

ul.top_item li, ul.item li{
padding:0;
list-style-type:none
}

ul.top_item{
height:83px;
background-color:#c9f9ff;
background-repeat:no-repeat;
background-position:205px 25px
}

.tin1{ background-image:url(../images/topten/tin1_bg.gif)}
.tin2{ background-image:url(../images/topten/tin2_bg.gif)}
.tin3{ background-image:url(../images/topten/tin3_bg.gif)}
.tin4{ background-image:url(../images/topten/tin4_bg.gif)}
.tin5{ background-image:url(../images/topten/tin5_bg.gif)}
.tin6{ background-image:url(../images/topten/tin6_bg.gif)}
.tin7{ background-image:url(../images/topten/tin7_bg.gif)}
.tin8{ background-image:url(../images/topten/tin8_bg.gif)}
.tin9{ background-image:url(../images/topten/tin9_bg.gif)}
.tin10{ background-image:url(../images/topten/tin10_bg.gif)}

li.preview{
display:inline;
float:left;
margin:5px 7px 0 5px;
padding:0;
width:59px;
height:74px;
background-color:#77ddee
}

li.preview img{
display:block;
margin:5px;
padding:0;
width:48px;
height:64px;
overflow:hidden;
background:#c9f9ff url(../images/ajaxloader.gif) center no-repeat;
color:#b5c6d0
}

li.top_title a:link, li.top_title a:visited, li.title a:link, li.title a:visited{
display:inline;
color:#cc6666;
text-decoration:none
}

li.top_title a:focus, li.top_title a:hover, li.top_title a:active, li.title a:focus, li.title a:hover, li.title a:active{
color:#2699c5;
background-color:#cefeff
}

li.top_title{
clear:right;
margin:10px 0;
height:30px;
font-size:11px;
font-weight:bold;
}

li.top_authedit{
margin:10px 0 4px 0;
font-size:10px;
height:29px;
color:#333333
}

li.top_authedit em{
display:block;
color:#666666
}

ul.item{
height:35px;
background-color:#c6f9ff;
background-repeat:no-repeat;
background-position:208px 6px
}

li.title{
clear:right;
margin:3px 0 0 10px;
height:16px;
font-size:11px;
font-weight:bold
}

li.authedit{
margin:0 0 0 12px;
height:16px;
font-size:10px;
color:#333333
}

li.authedit em{
color:#666666
}

#recapiti{
clear:both;
display:block;
margin:0 0 15px 0;
padding:0 0 15px 0;
width:260px;
background:#aff0ff url(../images/boxdark_bg.png) bottom center repeat-x
}

#recapiti h1{
display:block;
font-size:18px;
font-weight:normal;
text-align:center;
letter-spacing:0.02em;
color:#cc3333
}

#recapiti h1 em{ font-weight:bold; font-size:13px }

#recapiti p{
display:block;
font-size:12px;
line-height:0.4;
text-align:center
}

#recapiti p a:link, #recapiti p a:visited{ font-size:11px; color:#776666; text-decoration:none }

#recapiti p a:focus, #recapiti p a:hover, #recapiti p a:active{ color:#444444 }
