/* body */

html, body, img {
border: 0;
margin: 0;
padding: 0;
}

body {
background: #330000 url(../img/b70.png);
min-width: 960px;
}

body, input, textarea {
font-family: calibri, sans-serif;
color: #333;
font-size: 14px;
}

a:link,
a:visited {
color: #993333;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

input:focus,
input:hover,
input:active,
a:hover,
a:active,
a:focus {
outline: none;
}

h1 {
display: none;
}

h2, h3, h4, h5, h6, p {
margin-top: 0;
}

hr {
padding: 0;
display: block;
margin: 25px 0 15px;
margin: 0;
border: 0;
height: 3px;
background: url(../img/hr.png) repeat-x top;
}

/* container */

#background {
background: #f8f8f8 url(../img/body.jpg);
}

#container {
width: 100%;
height: 100%;
background: url(../img/container.jpg) repeat-x top;
}

#warning,
#header,
#navigation,
#content,
#photo,
#content-sitemap,
#content-foot {
width: 940px;
margin: 0 auto;
}

/* header */

#header {
height: 190px;
background: url(../img/header.jpg) 0 0 no-repeat;
}

#logo a {
display: block;
position: absolute;
margin: 35px 0 0 0;
width: 190px;
height: 60px;
z-index: 10;
}

#opener {
width: 40px;
height: 30px;
margin-left: 450px;
position: absolute;
background: url(../img/opener.png) top left;
display: none;
z-index: 11;
cursor: pointer;
}

#opener.off {
background: url(../img/opener.png) top right;
}

#opener.on {
background: url(../img/opener.png) top left;
}

/* navigation */

#navigation {
height: 40px;
line-height: 40px;
position: relative;
z-index: 10;
padding-top: 119px;
}

#navigation ul,
#navigation ul li {
margin: 0;
padding: 0;
border: 0;
list-style: none;
height: 40px;
line-height: 40px;
}

#navigation ul li,
#navigation ul li a:link,
#navigation ul li a:visited {
float: left;
display: block;
color: white;
text-decoration: none;
text-align: center;
font-size: 12px;
color: #666;
}

#navigation ul li a:link,
#navigation ul li a:visited {
height: 40px;
line-height: 40px;
padding: 0 20px;
background: url(../img/navigation.png) 0 -40px no-repeat;
}

#navigation ul li a:hover {
border: 0;
height: 40px;
line-height: 40px;
background: url(../img/navigation.png) 0 1px repeat-x;
}

#navigation ul li ul {
margin-top: 40px;
position: absolute;
height: auto;
background: #f5f5f5;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;
}

#navigation ul li ul li {
clear: both;
float: left;
width: 160px;
}

#navigation ul li ul li,
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
height: 26px;
line-height: 26px;
border: none;
color: #999;
text-align: left;
text-transform: none;
font-size: 11px;
}

#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
padding: 0 10px;
height: 25px;
line-height: 25px;
border-bottom: 1px solid #e2e2e2;
/**/
width: 140px;
}

#navigation ul li ul li a:hover {
background: #993333;
color: white;
}

#navigation ul li ul li ul {
margin-top: -1px;
margin-left: 140px;
}

#navigation ul li ul,
#navigation ul li:hover ul li ul,
#navigation ul li:hover ul li:hover ul li ul,
#navigation ul li:hover ul li:hover ul li:hover ul li ul,
/* voci extra */
#navigation ul li:hover ul li:hover ul li:hover ul li:hover ul li ul,
#navigation ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul,
#navigation ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul,
#navigation ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
display: none;
}

#navigation ul li:hover ul,
#navigation ul li:hover ul li:hover ul,
#navigation ul li:hover ul li:hover ul li:hover ul,
#navigation ul li:hover ul li:hover ul li:hover ul li:hover ul {
display: block;
}

/* photo */

#border {
overflow: hidden;
}

#nastro {
background: url(../img/nastro.png);
width: 125px;
height: 125px;
position: absolute;
margin: -10px 0 0 835px;
z-index: 9;
}

#photo {
height: 400px;
background: #f5f5f5 url(../img/photo.gif) center center no-repeat;
margin: 0 auto;
overflow: hidden;
position: relative;
}

#photo img,
#photo p {
position: relative;
}

#photo p {
top: -40px;
height: 40px;
line-height: 40px;
padding: 0 10px;
background: url(../img/b50.png);
color: white;
width: 920px;
font-size: 12px;
}

#hr {
margin: 0 auto;
width: 940px;
height: 65px;
background: url(../img/hr.jpg) top center no-repeat;
}

/* content */

#content {
width: 960px;
padding: 0 0 20px;
background: url(../img/header.jpg) 0 -190px no-repeat;
}

#text, #extra {
float: left;
padding: 0 10px;
}

#text {
width: 620px;
text-align: justify;
}

#text h2 {
font-size: 22px;
}

#text h3 {
font-size: 16px;
border-bottom: 1px dotted #999;
}

#text h3 span {
font-size: 11px;
}

#text ul,
#text li {
list-style-type: none;
padding: 0;
border: 0;
margin: 0;
}

#text ul {
margin: 0 0 10px;
}

#text li {
padding: 5px 0 10px 15px;
margin-top: 5px;
background: url(../img/li.png) no-repeat 2px 10px;
color: #666;
font-size: 13px;
line-height: 15px;
border-bottom: 1px dotted #ccc;
text-align: left;
}

/* list */

#text .list h3 {
cursor: pointer;
}

#text .list ul {
margin: -5px 0 25px;
}

#text .list ul ul {
margin: 10px 0 0;
}

#text .list ul ul ul {
margin: 10px 15px;
}

#text .list li li {
margin: 0;
padding: 0;
border-bottom: none;
line-height: normal;
background: transparent;
}

#text .list li a:link,
#text .list li a:visited {
text-decoration: none;
}

#text .list li a:hover {
text-decoration: underline;
}

/* details */

#text .details ul,
#text .details li {
margin: 0;
padding: 0;
border: 0;
list-style: none;
background: transparent;
}

#text .details h3 {
clear: left;
padding: 5px 0 0;
margin: 0 0 10px;
}

#text .details li {
background: #ededed;
padding: 1px 3px;
margin: 2px;
border: 1px solid #ccc;
text-decoration: none;
color: #666;
float: left;
cursor: default;
}

#text .details iframe {
display: block;
clear: both;
padding-top: 10px;
}

#text .details li a {
display: block;
padding: 1px 3px;
margin: -2px -4px;
border: 1px solid #993333;
background: #cc6666;
color: white;
text-decoration: none;
}

#text .details li a:hover {
border: 1px solid #660000;
background: #993333;
}

/* right */

#extra {
padding: 5px 10px 0;
width: 300px;
font-size: 11px;
}

#extra h3 {
font-size: 18px;
}

/* footer */

#footer {
background: url(../img/footer.jpg);
color: white;
}

#background-footer {
background: url(../img/background-footer.jpg) center repeat-y;
}

/* sitemap */

#background-sitemap {
background: url(../img/background-sitemap.jpg) top repeat-x;
}

#sitemap {
background: url(../img/sitemap.jpg) top center no-repeat;
}

#content-sitemap {
padding: 40px 0 20px;
}

#content-sitemap h2 {
color: white;
font-size: 20px;
}

/* sitemap ul */

#content-sitemap ul,
#content-sitemap ul li {
margin: 0;
padding: 0;
list-style: none;
position: relative;
}

#content-sitemap ul {
margin-bottom: 10px;
}

#content-sitemap ul li {
float: left;
margin: 0 15px 10px 0;
line-height: 15px;
}

#content-sitemap ul li ul li {
float: none;
margin: 0;
}

#sitemap_left img {
display: none;
}

#content-sitemap ul li a:link,
#content-sitemap ul li a:visited {
font-size: 12px;
line-height: 25px;
}

#content-sitemap ul li a:link,
#content-sitemap ul li a:visited {
color: #cc6666;
color: white;
}

#content-sitemap ul li ul li a:link,
#content-sitemap ul li ul li a:visited {
line-height: 15px;
font-size: 11px;
}

#content-sitemap ul li ul li a:link,
#content-sitemap ul li ul li a:visited {
color: #cc9999;
}

#content-sitemap ul a:link,
#content-sitemap ul a:visited {
text-decoration: none;
border-bottom: 1px dotted #cc9999;
}

#content-sitemap ul a:hover {
border-bottom: none;
}

#content-sitemap a:link.null,
#content-sitemap a:visited.null,
#content-sitemap a:hover.null {
text-decoration: none;
border: none;
cursor: default;
}

#content-sitemap #sitemap_left,
#content-sitemap #sitemap_right {
float: left;
min-height: 100px;
}

#content-sitemap #sitemap_left {
width: 640px;
}

#content-sitemap #sitemap_right {
width: 300px;
margin: -30px 0 0 0;
}

#content-sitemap #sitemap_right span,
#content-sitemap #sitemap_right a {
width: 120px;
height: 40px;
display: block;
float: left;
margin: 0 15px 30px;
}

#content-sitemap #sitemap_right a:hover {
padding: 9px;
margin: -10px 5px 20px;
background: url(../img/b20.png);
border: 1px solid #4e0100;
border-right: 1px solid #6e0001;
border-bottom: 1px solid #6e0001;
}

/* foot */

#background-foot {
background: url(../img/b20.png);
font-size: 11px;
}

#content-foot {
padding: 20px 10px;
color: #996666;
}

#content-foot span {
color: white;
}

#content-foot a:link,
#content-foot a:visited {
color: #cc6666;
text-decoration: none;
}

#content-foot a:hover {
text-decoration: underline;
}

/* contact */

.form select {
width: 55px;
margin: 10px 5px 0 0;
border: 1px solid #ccc;
font-size: 10px;
color: #333;
padding: 4px;
}

.form select.year {
width: 66px;
}

.form input[type="submit"],
.form input[type="text"],
.form input[type="password"],
.form textarea {
border: none;
width: 180px;
height: 30px;
line-height: 30px;
background: transparent url(../img/input.jpg) 0 0;
padding: 0 5px;
font-size: 11px;
margin: 0 5px 0 0;
}

.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form textarea:focus {
background-position: -300px 0;
}

.form input[type="submit"] {
background-position: 0 -110px;
height: 30px;
line-height: 30px;
border: 0;
text-transform: uppercase;
color: white;
font-size: 11px;
padding: 0;
width: 190px;
text-align: center;
}

.form input[type="submit"]:hover,
.form input[type="submit"]:focus {
background-position: -300px -110px;
}

.form input[type="checkbox"] {
vertical-align: middle;
}

.form textarea {
width: 290px;
height: 70px;
line-height: normal;
padding: 5px;
overflow: auto;
background-position: 0 -30px;
margin: 0 0 5px 0;
}

.form textarea:focus {
background-position: -300px -30px;
}

.form div {
margin: 0 0 5px;
}

/* iframe */

#pageBackground,
#pageContent,
#pageAlert,
#pageAlertText,
#close {
display: none;
position: fixed;
}

#pageBackground {
background: url(../img/b70.png);
width: 100%;
height: 100%;
z-index: 80;
left: 0;
top: 0;
}

#pageContent,
#pageAlert {
z-index: 89;
top: 0;
left: 50%;
border: 5px solid white;
}

#pageContent {
margin: 120px 0 0 -405px;
background: white url(../img/pageContent.gif) center center no-repeat;
width: 800px;
}

#pageAlert {
text-align: center;
width: 400px;
min-height: 200px;
padding: 40px;
background: #f5f5f5;
margin: 100px 0 0 -245px;
font-size: 12px;
}

#pageAlert span {
background: url(../img/error.png);
width: 100px;
height: 100px;
margin: 0 auto;
display: block;
}

#pageAlert #close,
#pageContent #close {
top: 0;
left: 50%;
display: block;
height: 30px;
width: 30px;
margin: 105px 0 0 390px;
background: url(../img/close.png) right;
z-index: 90;
}

#pageAlert #close {
margin: 85px 0 0 230px;
}

#pageAlert #close:hover,
#pageContent #close:hover {
background: url(../img/close.png) left;
}

/* warning */

#warning div {
color: white;
padding: 30px 0;
font-size: 11px;
}

#warning p {
margin: 0;
}

#warning h2 {
font-size: 16px;
}

/* gallery */

.gallery,
.gallery a {
display: block;
width: 141px;
height: 60px;
overflow: hidden;
}

.gallery {
border: 1px solid #ccc;
padding: 4px;
background: white;
float: left;
margin: 0 2px 4px;
}

/* cssdesignawards */

#cssdesignawards {
position: fixed;
z-index: 999;
}

#cssdesignawards {
width: 69px;
height: 164px;
top: 0;
right: -45px;
display: none;
}

#cssdesignawards a {
display: block;
width: 69px;
height: 164px;
background: url(../img/cssawards.png) left top;
}

#cssdesignawards a:hover {
background-position: left bottom;
}

/* extra */

#map {
width: 610px;
height: 360px;
}

.pdf img {
display: block;
margin: 0 0 2px 0;
}

.pdf a {
float: left;
text-align: left;
margin-right: 15px;
text-decoration: none;
font-size: 10px;
color: #666;
}

hr,
.clear {
clear: both;
}

.last {
margin: 0;
}

.border {
border: 1px solid #ccc;
padding: 4px;
background: white;
margin: 0 0 20px;
}

.right {
float: right;
margin: 0 0 20px 20px;
margin: -4px 0 0 20px;
}

.left {
float: left;
margin: -4px 20px 20px 0;
}

.avatar {
max-width: 160px;
max-height: 160px;
}

.red {
color: #993333;
}

.ico_studio-privato {
color: black;
}

.ico_intramoenia {
color: #336633;
}

.ico_intramoenia span,
.ico_studio-privato span {
text-transform: uppercase;
font-weight: 900;
font-size: 14px;
border-bottom: 1px solid black;
letter-spacing: -1px;
}

.ico_intramoenia span {
border-bottom: 1px solid #336633;
}