/* css for generic values in mondadori spoleto website */

html{ margin:0; padding:0; height:100% }

body{
margin:0 auto;
padding:0;
height:100%;
background:#f9f9f9 url(../images/body_bg.png) center repeat-y;
font:12px Geneva, Arial, Helvetica, sans-serif;
}

* html body, *:first-child+html body{
background:#f9f9f9 url(../images/ie_shit-merda.png) center repeat-y;
}

a{ text-decoration:none }

img{ margin:0; padding:0; border:0 }

.hide{ display:none }

.image{
display:inline;
padding:0;
background:#99ddee
}

.image img{
display:block;
margin:6px;
padding:1px;
background:#c9f9ff url(../images/ajaxloader.gif) center no-repeat;
color:#b5c6d0
}

#container{
display:block;
margin:0 auto;
padding:0;
background:url(../images/container_bg.png) top center repeat-x
}

#top{
margin:0;
padding:0;
height:10px;
background:#b1090d
}

#header{
display:block;
margin:0 auto;
padding:0;
width:778px;
height:198px
}

#menu{
display:block;
margin:0 auto;
padding:0;
width:778px;
list-style-type:none;
text-align:center
}

#menu ul{
display:block;
margin:0;
padding:7px 1px 0 0;
list-style-type:none;
text-align:center
}

#menu li{
display:inline;
margin:0;
padding:0;
border-right:1px solid #2699c5;
list-style-type:none
}

#menu li#last{ border-right:none }

#menu li a:link, #menu li a:visited{
display:inline;
margin:0 16px 0 18px;
padding:0;
height:14px;
font-size:100%;
font-weight:bold;
text-decoration:none;
letter-spacing:1px;
color:#000000
}

#menu li a:focus, #menu li a:hover, #menu li a:active{ color:#775555 }

#menu li a#inner:link, #menu li a#inner:visited, #menu li a#inner:focus, #menu li a#inner:hover, #menu li a#inner:active{ color:#b1090d }

#fix{
display:block;
margin:0 auto;
padding:0;
width:778px;
height:51px;
background:url(../images/fix_bg.jpg) top center no-repeat
}

#content{
display:block;
margin:0 auto;
padding:0;
width:778px
}

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

.quoteword{
display:block;
margin:0 auto;
padding:0 1px 0 0;
width:778px;
text-align:center;
}

.quoteword img{
margin:0 4px -4px 4px;
}

.quoteword p{
display:inline;
margin:0;
padding:0;
line-height:1.4em;
text-align:left;
color:#cc3333
}

.quoteword em{
padding:0 3px;
font-size:11px;
font-weight:bold;
letter-spacing:0;
color:#cc7777
}

#footer{
clear:both;
display:block;
margin:0 auto;
padding:0;
width:778px;
height:91px
}

* html div#footer{ padding-right:23px }

#foottop{
display:inline;
float:right;
margin:10px 92px 0 0;
padding:0;
list-style-type:none
}

* html ul#foottop{ margin-right:74px !important }

#foottop li{
display:inline;
padding:0;
height:10px;
list-style-type:none
}

#foottop li a:link, #foottop li a:visited{
display:block;
float:right;
margin:0 6px 0 0;
padding:0;
height:16px;
font:bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration:none;
text-align:center;
background:#ffeeee;
color:#555555
}

#xhtml{ width:46px }
#css{ width:32px }
#syn{ width:64px }

#foottop li a:link em, #foottop li a:visited em{ font-size:11px; font-style:normal }
#foottop li a:focus, #foottop li a:hover, #foottop li a:active{ background:#e0e0e0; color:#cc6666 }

#footbottom{
display:block;
float:left;
margin:0 0 0 13px;
padding:0 0 0 13px;
width:738px;
height:53px;
background:#ffeeee url(../images/footbottom_bg.gif) 698px 16px no-repeat;
list-style-type:none
}

#footrefs{
display:block;
margin:7px 0 10px 0;
padding:0;
text-align:left;
color:#cc6666
}

#footrefs a:link, #footrefs a:visited{
display:inline;
margin:0;
padding:0;
height:15px;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#cc6666
}

#footrefs a:focus, #footrefs a:hover, #footrefs a:active{ color:#666666 }
a.fin { color:#b1090d }

#footcopy{
display:block;
margin:11px 0 7px 0;
padding:0;
height:15px;
font-size:11px;
color:#333333;
text-align:left
}

a#footreto:link, a#footreto:visited{
display:none;
float:right;
margin:0;
padding:0;
width:34px;
height:23px
}

p.topage{
clear:both;
display:block;
margin:16px 0 0 0;
padding:2px 4px 0 10px;
width:250px;
height:22px;
font-size:10px;
background:#d9f9ff;
color:#333333;
}

p.topage strong{
display:inline;
margin:0;
padding:1px;
font-size:16px;
color:#cc6666;
}

p.topage a:link, p.topage a:visited{ 
display:inline;
margin:1px;
padding:1px;
color:#cc6666;
}

p.topage a:focus, p.topage a:hover, p.topage a:active{
font-size:15px;
color:#cc3333
}