/*Css design - creazione siti internet - conversione xhtml/css - restyling siti internet - Guelton Gaelle - http://www.onsitus.it*/

body{
margin:0;
padding:0;
background:#333333 url(../img/body_bg.jpg) repeat-x top left;
font-family:verdana;
font-size:12px;
color:#999999;
}
a{
text-decoration:none;
outline:none;
color:#999999;
}
img{
border:none;
}
.clear{
clear:both;
}
.gray{
padding:20px;
background-color:#333;
overflow:hidden;
height:1%;
}
/*struttura principale*/
#ideararemaps{
width:980px;
margin:auto;
}
#contenuto{
padding:30px 0;
background-color:#232323;
border:1px solid #202020;
overflow:hidden;
height:1%; /*per IE*/
}
#header{
height:130px;
position:relative;
}
#left_col{
float:left;
width:210px;
padding:0 15px 0 5px;
}
#right_col{
float:left;
width:745px;
}
#footer{
height:30px;
padding-top:10px;
font-size:11px;
}
/*header style*/
#header h1{
position:absolute;
left:5px;
top:20px;
}
#header h1 span{
display:block;
margin-top:10px;
font-size:12px;
font-weight:normal;
color:#666666;
}
#header h1 a{
display:block;
width:340px;
height:44px;
background:url(../img/ideararemaps_logo.gif) no-repeat;
}
#header h1 a b{
display:none;
}
#user_tools{
position:absolute;
right:5px;
top:15px;
}
#user_tools a, #user_tools form{
float:left;
padding-left:10px;
}
#user_tools input{
background-color:#333333;
border:1px solid #454545;
color:#999999;
}
#user_tools input.text{
width:210px;
}
/*left col - menu style*/
#left_col a{
display:block;
}
#left_col a:hover{
color:#FFFFFF;
}
#left_col h3, #left_col h5{
margin:0 0 2px 0;
padding:5px;
background-color:#202020;
font-weight:normal;
}
#left_col h3 a, #left_col h5 a, #left_col .accordion h3{
font-size:14px;
color:#999999;
font-weight:normal;
}
#left_col .accordion h3{
cursor:pointer;
}
#left_col .accordion h3.more{
background:#202020 url(../img/icon_more.jpg) no-repeat right center;
}
#left_col .accordion h3.active{
background:#202020 url(../img/icon_active.jpg) no-repeat right center;
}
#left_col .accordion h3.hover{
color:#FFF;
}
#left_col h4{
margin:0 0 2px 0;
padding:5px 5px 5px 20px;
background-color:#222222;
font-weight:normal;
}
#left_col h4 a{
font-size:12px;
color:#666666;
}
#left_col .sep{
padding:15px 0;
border-bottom:1px solid #202020;
}
#left_col .primo{
padding-top:0;
}
#left_col .ultimo{
padding-bottom:0;
border-bottom:none;
}
#left_col h3#mappe_antiche_nuovi_arrivi a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_nuovi_arrivi.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_carrello a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_carrello.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_termini a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_termini.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_newsletter a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_newsletter.jpg) no-repeat left center;
}
#left_col h3#mappe_antiche_email a{
padding-left:30px;
color:#FFFFFF;
background:#202020 url(../img/icon_email.jpg) no-repeat left center;
}
/*right col*/
#right_col p{
line-height:20px;
}
#right_col img{
padding:10px;
background-color:#222222;
}
#right_col h2{
margin:0;
padding:0;
margin-bottom:30px;
font-size:25px;
color:#FFFFFF;
font-weight:normal;
}
#right_col h3{
margin:0;
padding:0;
margin-bottom:20px;
font-size:17px;
color:#FFFFFF;
font-weight:normal;
}
/*home page*/
.fl350{
float:left;
width:350px;
text-align:center;
}
.fl350 p, .fr350 p{
margin-top:0;
margin-bottom:20px;
text-align:left;
}
.fr350{
float:right;
width:350px;
text-align:center;
}
/*elenco prodotti - carrello*/
.item{
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #404040;
}
.item  .center{
font-weight:bold;
color:#FFFFFF;
text-align:center;
}
.dettagli{
width:480px;
float:left;
}
.descrizione{
text-align:justify;
margin-bottom:0!important;
}
.descrizione2{
text-align:justify;
}
.prezzo{
width:95px;
float:left;
text-align:center;
color:#FFFFFF;
margin-top:60px;
}
.autore{
margin-bottom:0!important;
}
.titolo{
margin-top:0!important;
}
.titolo a{
font-size:15px;
color:#B5E6E6;
}
.data{
font-size:12px;
color:#CCCCCC;
font-style:italic;
}
.preview{
width:130px;
float:left;
text-align:center;
margin-top:30px;
}
.preview img, .car_preview img{
padding:0!important;
}
/*carrello*/
.car_preview{
width:110px;
padding-right:10px;
float:left;
text-align:center;

}
.car_titolo{
width:220px;
padding-right:10px;
float:left;
text-align:justify;
}
.car_autore{
width:180px;
float:left;
text-align:center;
}
.car_prezzo{
width:80px;
float:left;
text-align:center;
}
.car_remove{
width:80px;
float:left;
text-align:center;
font-size:12px!important;
}
/*elenco autori - luoghi*/
#atoz{
margin-top:60px;
margin-bottom:30px;
text-align:center;
}
#atoz a{
margin-right:2px;
padding:3px 6px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#333333;
}
#atoz a:hover{
margin-right:2px;
padding:3px 6px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
background-color:#000000;
}
ul a:hover{
text-decoration:underline;
}
/*immagine.asp*/
#shop_nav{
margin-top:5px;
padding:5px 20px;
border-top:1px solid #404040;
border-bottom:1px solid #404040;
position:relative;
}
#shop_nav a{
padding-left:30px;
font-size:15px;
color:#B5E6E6;
font-weight:bold;
background:url(../img/icon_plus.jpg) no-repeat left center;
}
/*page bottom navigation*/
#bot_nav{
margin-top:5px;
padding:5px 0;
border-top:1px solid #404040;
border-bottom:1px solid #404040;
text-align:center;
position:relative;
}
#bot_nav img{
padding:0;
}
.left{
position:absolute;
top:5px;
left:20px;
}
.right{
position:absolute;
top:5px;
right:20px;
}
#right_col h2.sep, #right_col h3.sep{
margin-top:30px;
padding-top:30px;
border-top:1px solid #202020;
}
/*moduli*/
input, textarea{
background-color:#232323;
border:1px solid #454545;
color:#999999;
}
input.text, textarea{
width:420px;
}
label{
display:block;
float:left;
width:280px;
text-align:left;
}
/*font class comune*/
.center{
text-align:center;
}
.small{
font-size:11px;
line-height:15px;
}
.xsmall{
font-size:10px;
line-height:12px!important;
padding:0 20px;
text-align:justify;
}
.blu{
font-size:13px;
font-weight:bold;
color:#B5E6E6;
}