/*
Theme Name: Doria Pamphilj - Palazzo Doria Pamphilj
Version: 1
Author: artattackadv

colori utilizzati:
verde:0b562a
gold: 0b562a
yellow: bb9e00 bb9e00
blue: 003c78 003c78
marrone tendine: 023617
*/

html{
background: #0b562a;
margin:0; padding:0;
}
body{
text-align:center;
margin:0; padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#page{
width:940px;
background:transparent url('images/bg-shadow.png') repeat-y top center;
text-align:center;
margin:0 auto;
padding:10px 0 10px 0;
}
#content-top{ /*navbar+videobox+menu*/
width:850px;
margin:0 auto;
text-align:left;
}
#navbar{
width:850px;
height:28px;
background:#0b562a;
}
#navbar-roma{
width:136px;
height:28px;
background:url('images/navbar-roma.gif') no-repeat top left;
display:block;
float:left;
}
#navbar-genova a{
outline: 0;
width:150px;
height:28px;
background:url('images/navbar-genova.gif') no-repeat top left;
display:block;
float:left;
outline: 0;
}
#navbar-genova a:hover{
background-position:bottom left;
}
#navbar-newsletter{
width:250px;
height:28px;
display:block;
float:left;
color: #fff;
font-family:Times, serif;
font-size:14px;
line-height:28px;
text-transform:uppercase;
margin-left:50px;
}

#navbar-newsletter a,
#navbar-newsletter a:hover,
#navbar-newsletter a:active,
#navbar-newsletter a:link {
color: #fff;	
text-underline: none;
}

#newsletter {
font-size:12px;
margin:5px;
line-height:25px;
}

#navbar-campocatino a{
outline: 0;
width:200px;
height:28px;
background:url('images/navbar-campocatino.gif') no-repeat top left;
display:block;
float:left;
}
#navbar-campocatino a:hover{
background-position:bottom left;
}
#search{
width:162px;
height:22px;
margin:3px 10px 0 10px; padding:0;
float:right;
overflow:hidden;
position:relative;
}
.search-box{
background:url('images/search-box.gif') no-repeat top left;
border:0;
width:140px;
height:22px;
margin:0; padding:0;
color:#999;
font-family:Times, serif;
font-weight:lighter;
font-style:italic;
font-size:23px;
line-height:22px;
padding:0 0 2px 5px;
overflow:hidden;
position:absolute;
left:0;
}
.search-button{
background:url('images/search-button.gif') no-repeat top center;
width:22px;
height:22px;
display:block;
cursor:pointer;
border:0;
margin:0; padding:0;
overflow:hidden;
position:absolute;
right:0;
}
.search-button:hover{
background:url('images/search-button.gif') no-repeat bottom center;
}
#logo{
height:84px;
display:block;
}
#gallery-container{
width:850px;
height:350px;
display:block;
position:relative;
}
#gallery-over{
width:650px;
height:350px;
display:block;
position:absolute;
top:0;left:100px;
z-index:100;
}
#gallery-prev{
width:100px;
height:350px;
display:block;
position:absolute;
top:0; left:0;
z-index:101;
cursor:pointer;
background: url('images/gallery-prev.png') no-repeat center center;
}
#gallery-prev:hover{
cursor:pointer;
background: url('images/gallery-prev-hover.png') no-repeat center center;
}
#gallery-next{
width:100px;
height:350px;
display:block;
float:right;
position:absolute;
top:0; right:0;
z-index:101;
cursor:pointer;
background: url('images/gallery-next.png') no-repeat center center;
}
#gallery-next:hover{
cursor:pointer;
background: url('images/gallery-next-hover.png') no-repeat center center;
}
#gallery-didascalia{
width:850px;
height:30px;
overflow:hidden;
display:block;
float:left;
position:absolute;
bottom:0px; left:0px;
z-index:101;
}
#gallery-didascalia-command{
background: url('images/didascalia-bg.png') repeat center center;
width:30px;
height:30px;
display:block;
position:absolute;
bottom:0px; right:0px;
font-family:Times, serif;
font-size:20px;
text-align:center;
font-variant:small-caps;
font-weight:bold;
color:#0b562a;
line-height:30px;
z-index:500;
cursor:pointer;
}
#gallery-didascalia-command:hover{
color:#fff;}
#gallery-didascalia-text{
background: url('images/didascalia-bg.png') repeat;
width:850px;
text-align:center;
overflow:hidden;
position:absolute;
top:0; left:0;
z-index:800;
}
#gallery-didascalia-text h4{
font-family:Times, serif;
font-size:15px;
font-variant:small-caps;
font-weight:lighter;
color:#fff;
overflow:hidden;
line-height:30px;
padding:0 20px;
margin:0;
white-space:nowrap;
}
#gallery{
width:850px;
height:350px;
display:block;
position:relative;
top:0; left:0;
overflow:hidden;
z-index:50
}
#gallery img{border:0;}
#menu{
width:850px;
height:33px;
margin-top:350px;
}
/*HOME PAGE*/
#content-hp{ /*contenuto centrale homepage*/
width:840px;
margin:0 auto;
padding:0 0 20px 0;
text-align:left;
clear:both;
border-bottom: #0b562a solid 1px;
}
.column{
width:240px;
float:left;
margin:10px 20px !important;
margin:10px 15px;
}
.column .title{margin:10px 0 5px 0;}
.column p{
margin:5px;
font-size:12px;
}
.entry-hp {
border-bottom: #0b562a solid 4px;
padding:0 0 10px 0;
}
.entry-hp p{
margin:5px 0 10px 5px;
font-size:12px;
}
.entry-hp-small {
border-bottom: #0b562a solid 4px;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
.entry-hp-small p{
margin:5px 0 10px 5px;
font-size:12px;
}
.entry-narrow {
width:250px;
border-bottom: #0b562a solid 4px;
padding:0 0 5px 0;
margin:0 0 10px 0;
}
.entry-narrow p{
margin:5px 0 10px 5px;
font-size:10px;
}
.entry-narrow h2{
font-size:18px;
font-variant:small-caps;
text-transform:none;
}
.leggitutto a{
outline: 0;
background:url('images/freccia.gif') no-repeat center right;
width:50px;
height:14px;
display:block;
margin:-15px 0 0 0;
float:right;
}
/*PAGINA SINGOLA*/
#content{ /*contenuto centrale*/
width:840px;
margin:0 auto;
text-align:left;
padding:0 0 40px 0;
clear:both;
border-bottom: #0b562a solid 1px;
}
#content ul{margin:20px 0 20px 20px;}
#content li{
20px 0;
font-size:12px;
}
.column-dx{
width:530px;
float:right;
margin:10px 20px 10px 0 !important;
margin:10px 15px;
}
.column-dx p{
margin:10px 0 10px 0px;
font-size:12px;
}
.column-sx{
width:280px;
float:left;
margin:39px 0 10px 0 !important;
margin:39px 0 10px 0;
}
#menu-gold{
border-top:8px solid #0b562a;
margin:0 0 22px;
}
#menu-purple{
border-top:8px solid #bb9e00;
margin:0 0 22px;
}
#menu-opere{
border-top:8px solid #bb9e00;
margin:0 0 22px;
}
#menu-blue{
border-top:8px solid #003c78;
margin:0 0 22px;
}
#menu-news{
border-top:8px solid #0b562a;
width:280px;
margin:0 0 22px;
padding:5px 0 0 0;
}
.buttonbar p{
float:right;
font-variant:small-caps;
font-size:13px;
}

#footer{
width:840px;
background:url('images/footer-bg.gif') repeat-y top center;
margin:0 auto;
text-align:left;
clear:both;
}
#footer-pi{
text-align:center;
font-size:12px;
color:#666;
margin-top:20px;
}
blockquote{
padding-left:25px;
margin:0;
}
hr{
height:0;
border-top:0;
border-left:0;
border-right:0;
border-bottom:1px solid #0b562a
}
h1{
font-family:Times, serif;
font-size:36px;
line-height:36px;
text-transform:uppercase;
font-weight:lighter;
margin:10px 0 0 0;
}
h1 small{
text-transform:none;
}
h1 a{text-decoration:none;}
h1 a:hover{color:#666; text-decoration:none;}
h2{
font-family:Times, serif;
font-size:20px;
line-height:18px;
text-transform:uppercase;
font-weight:lighter;
margin:5px 0;
}
h2 a{
outline: 0;
color:#000; text-decoration:none;
}
h2 a:hover{
color:#0b562a; text-decoration:none;
}
h3{
font-family:Times, serif;
font-size:19px;
font-variant:small-caps;
font-weight:lighter;
line-height:16px;
margin:8px 10px 0 0;
color:#666;
}
h4{
font-family:Times, serif;
font-size:14px;
font-variant:small-caps;
font-weight:lighter;
line-height:16px;
margin:8px 10px 0 0;
color:#666;
}
#menu-gold h3 a{
outline: 0;
color:#0b562a;
text-decoration:none;
}
#menu-gold h4 a{
outline: 0;
color:#0b562a;
text-decoration:none;
}
#menu-purple h3 a{
outline: 0;
color:#bb9e00;
text-decoration:none;
}
#menu-blue h3 a{
outline: 0;
color:#003c78;
text-decoration:none;
}
#menu-gold h3 a:hover{
color:#666;
text-decoration:none;
}
#menu-gold h4 a:hover{
color:#666;
text-decoration:none;
}
#menu-purple h3 a:hover{
color:#666;
text-decoration:none;
}
#menu-blue h3 a:hover{
color:#666;
text-decoration:none;
}
#menu-opere h3 a{
outline: 0;
font-size:17px;
line-height:15px;
color:#bb9e00;
text-decoration:none;
}
#menu-opere h3 a:hover{
color:#666;
text-decoration:none;
}
#menu-musicisti{
border-top:8px solid #0b562a;
margin:0 0 22px;
padding-bottom:20px;
color:#0b562a;
}
#menu-musicisti h3 a{
outline: 0;
font-size:17px;
line-height:15px;
color:#0b562a;
text-decoration:none;
}
#menu-musicisti h3 a:hover{
color:#666;
text-decoration:none;
}
a{
color:#0b562a;
text-decoration:none;
}
a:hover{
color:#0b562a;
text-decoration:underline;
}
.gold{color:#0b562a;}
.purple{color:#bb9e00;}
.blue{color:#003c78;}
.green{color:#0b562a;}
.nome-opera{
font-family:Times, serif;
font-size:29px;
line-height:18px;
color:#bb9e00;
text-transform:none;
font-weight:lighter;
margin:10px 0 0 0;
};

/*form*/
.form{
width:520px !important;
width:500px;
background:#eae0a2;
padding:10px 10px 10px 20px !important;
padding:10px 10px 10px 10px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
}
.button{
text-transform:uppercase;
padding:5px 10px;
color:#fff;
font-weight:bold;
cursor:pointer;
border:1px solid #023617;
background:#0b562a;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
}
.button:hover{
color:#fff;
border:1px solid #0b562a;
background:#023617;
}

/*form home page*/
.form_home #email{
width:140px;
color:#333;
}

.form_home .procedi{
text-transform:uppercase;
padding:0px;
height:21px;
color:#fff;
font-weight:bold;
cursor:pointer;
border:0;
background:#0b562a;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;	
-moz-border-radius: 3px;
}
.form_home .procedi:hover{
color:#fff;
border:0;
background:#023617;
}
/*fine form home page*/

.gray-box{
background:#fffad9;
padding:20px;
margin:5px 0;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #c5b86b;
border-bottom:1px solid #c5b86b;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;	
-moz-border-radius: 5px;
}
#lettera{
min-height: 380px;
height: auto !important;
height: 380px;
}
#box-prenotazione-lettera{
position:relative;
overflow:hidden;
}
#prenotazione-lettera{
position:relative;
top:0;
padding:10px 40px;
margin:5px 0;
background:#f6f6f6;
border-top:1px solid #dedede;
border-left:1px solid #dedede;
border-right:1px solid #999;
border-bottom:1px solid #999;
}
#prenotazione-lettera p{
color:#333;
font-size:13px;
font-family:Georgia, "Times New Roman", Times, serif;
text-indent:10px;
margin:10px 0;
}
#prenota-subito{
width:226px;
height:54px;
margin:20px auto 0 auto;
}
#prenota-subito a{
outline: 0;
width:226px;
height:54px;
display:block;
background-image:url('images/prenota-subito.gif');
background-repeat:no-repeat;
background-position:top center;
}
#prenota-subito a:hover{
background-position:bottom center;
}

/*contempo*/
.more{
	background:#0b562a;
	color:#fff;
	padding:0 5px;
	cursor:pointer;
	display:table;
}
.more p{
	margin:0 0 0 10px;}
.more a{
	color:#fff;
	text-decoration:none;
}
.more a:hover{
	color:#fff;
	text-decoration:underline;
}

/*accordion*/
* {margin:0; padding:0;}
#accordion {margin:30px 0;}
.accordion {}
.accordion dt {
background:url('images/freccia.gif') no-repeat 3px 0;
font-size:13px;
line-height:14px;
font-weight:lighter;
margin:10px 0 0 0;
padding:0 0 0 20px;
color:#666;
cursor:pointer;}
.accordion dt:hover {color:#0b562a;}
.accordion dd {overflow:hidden; background:url('images/accordion-bg.gif') no-repeat bottom right;}
.accordion span {display:block; font-size:12px; padding:5px 10px 25px 20px;}
.accordion .open {color:#0b562a; background:url('images/freccia-giu.gif') no-repeat 0 5px;}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	border:2px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	text-align:center;
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Table */
#lista-opere{
	width: 850px;
	padding: 0;
	margin: 30px 0 0 -295px;
	height:500px;
	overflow-y:scroll;
}
#myTable {
	width: 830px;
	padding: 0;
}
tr.odd{
	background:#f8f3d8;
}
th {
	color: #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #eae2b2 no-repeat;
	cursor:pointer;
	font-weight:bold;
	font-size:10px;
}
.header {
	background-image: url('images/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
}

td {
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 6px 6px 6px 12px;
	color: #666;
	font-size:10px;
}
.headerSortUp {
	background-color:#cfbb4c;
	background-image: url('images/asc.gif');
}
.headerSortDown {
	background-color:#cfbb4c;
	background-image: url('images/desc.gif');
}
#language{
float:right;
font-size:12px;
color:#e5dbb0;
line-height:27px;
}
#language a{
color:#fff;
}
#language a:hover{
color:#fff;
text-decoration:underline;
}