/*
	Theme URI: http://www.milleeunapuglia.it/
	Description: Mille e una Puglia
	Version: 1.0
	Author: AT Web Project
	Author URI: http://www.atwebproject.com/ 
*/

/* ------------------------------- Typography ---------------------------------- */

body {
	margin: 0;
	padding: 0;
	text-align: center; /* IE 5.5 Hack */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 84%;
	color: #464646;
	background-color: #332D25;
}
a {
	text-align: left;
	color: #544B42;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
a:active, a:focus{
outline:none;
}

blockquote {
/*	background: #f5f6f7;*/
	padding: 10px 10px;
	color: #544B42;
}

code {
	font-family: Monospace, Courier New;
	font-size: 1.0em;
}

h1 {
	text-align: left;
	color: #544B42;
	margin: 2px 0 0px 0;
	font-size: 140%;
	font-weight: normal;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	text-align: left;
	font-size: 130%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	color: #544B42;
	font-weight: normal;
	margin: 0;
	padding: 4px 0 3px 0;
	line-height:1em;
}
h3 {
	text-align: left;
	color: #544B42;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding:  0;
	line-height: 1em;
	font-weight: normal;
	font-size: 110%;
}
h3 a {
	font-size: 115%;
	line-height: 25px;
}
h4 {
	text-align: left;
	line-height: 15px;
	margin: 0;
	font-size: 92%;
}

h5 {
	text-align: left;
	font-size: 90%;
}

h6 {
	font-size: 90%;
	border: 0;
}

h1 a, h2 a, h3 a {
	border:0;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #544B42;
	background-color: transparent;
}

p {
	text-align: left;
	line-height: 1em;
	padding: .25em 0 0 0;
	margin: 0;
}
ul li{
	line-height: 1.70em;
	list-style-image: url(/assets/page.gif);
	padding: 0;
	margin: 0 0 2px 20px;
	text-align:left;
} 

ul {
	padding: 2px 0 0 0;
	margin: 10px 0 10px 5px;
}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
	border:0;
}
/*-------------------------------Forms ----------------------------------*/

#form{ 
	width:550px; 
	margin:10px 0 10px 0; 
	padding:0;
}
#form p.small{ 
	font-size:70%;
	color:#333;
	width:500px;
}

/*-------------------------------Container ----------------------------------*/
div.container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}
div#banner {
	width: 798px;
	height: 210px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border: 1px solid #CECECE;
}
div#banner img{
	margin: 0;
	padding: 0;
	border: 0;
}

div#flashcontent {
	width: 798px;
	height: 210px;
	margin: 0 auto;
	padding: 0;
	overflow:hidden;
	position: relative;
	border: 1px solid #CECECE;
}
div#flashcontent img{
	margin: 0;
	padding: 0;
	border: 0;
}
/*------------------------------- Header ------------------------------------*/

div#header {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 120px;
	color: #fff;
	background: #1272AF url(/assets/header-bg.gif) repeat bottom left;	
}
div#header #logo {
	margin: 0;
	padding: 0;
	height: 120px;
	width: 305px;
	float:  left;
	display: block;
	color: #fff;
	border-style: none;
	background-color: transparent;
}
div#header #logo a{
	color:#fff;
}
div#header #slogan{
	margin:  0;
	padding: 0;
	width: 495px;
	height: 120px;
	background: transparent url(/assets/slogan.jpg) no-repeat bottom right;
	float: right;
}
div#header a:hover { background: none; }

/*------------------------------- Navigation ----------------------------------*/
div#nav{
	width: 100%;
	padding: 0;
	margin: 0;
	height: 35px;
	line-height: 25px;
	background: #D3E3F0 url(/assets/nav-bg.gif) repeat-x top right; 
}
div#nav ul{
	padding: 0;
	margin: 0;
	height: 25px;
	float: left;
}
div#nav ul li{
	margin: 7px 0 0 0;
	padding: 0;
	float: left;
	display: inline;
	color: #f9f9f9;
	font-size: 100%;
	line-height: 1.0em;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
div#nav ul li a{
	color: #f9f9f9;
	text-decoration: none;
	display: block;
	display: inline-block; /* IE 6 hack */
	margin: 0 0 0 1px;
	padding: 2px 15px 0 15px;
	border-right: 1px solid #086E92;
	border-left: 1px solid #086E92;
	background: #1272AF url(/assets/tab-bg.gif) repeat-x;
	height: 26px;
	line-height: 26px;
}
div#nav a:hover{
	color: #333;
	background: #fff url(/assets/tab-bg-on.gif) repeat-x;
	border: 0;
	border-bottom: 0px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	font-weight: normal;
}
div#nav a#current  {
	color: #333;
	background: #fff url(/assets/tab-bg-on.gif) repeat-x;
	border: 0;
	border-bottom: 0px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
	font-weight: normal;
}
/*------------------------------- Content ----------------------------------*/
div#content{
	padding: 0;
	margin: 0;
	width:  100%;
}
#content p {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	color: #544B42;
	line-height: 1.25em;
	margin-bottom: .75em;
}
/*------------------------------- Belt ----------------------------------*/
div#belt{
	background: #dededd url(/assets/belt_bg.gif) top left repeat-x;
	padding: 20px 0 1px 0;
	margin: 0;
	height: auto !important; /* per i browser moderni */
    height: 60px;            /* per IE5.x e IE6 */
    min-height: 60px;        /* per i browser moderni */
}

div#belt h2{
	margin:  0;
	padding: 0;
	font-size: 180%;
	color: #544B42;
}
div#belt h1{
	margin: 0 0 5px 0;
	padding: 10px 0 0 0;
	font-size: 130%;
	color: #544B42;
}

div#belt p{
	font-size: 100%;
	text-align:justify;
}

/*------------------------------- Main ----------------------------------*/
div#main {
	padding: 5px 0 0 0;
	margin: 0;
	background: #f4f1ea url(/assets/main-bg.gif) repeat-x top;
	width: 100%;
}
div#main .column-left{
	width:418px;
	height: auto !important;  /* per i browser moderni */
    height: 300px;            /* per IE5.x e IE6 */
    min-height: 300px;        /* per i browser moderni */
	float:left;
	margin: 0;
	padding: 0 4px 10px 0;
	border-right: 2px solid #F4F1EA;
}

/***********************************************************************/
div#main .column-left-tabs{
	width:562px;
	height: auto !important;  /* per i browser moderni */
    height: 345px;            /* per IE5.x e IE6 */
    min-height: 345px;        /* per i browser moderni */
	float:left;
	margin: 5px 0 10px 0;
	padding: 0 4px 10px 0;
	font-size: 75%;
}

div#main .column-left-tabs #bb{
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

div#main .column-left-tabs .space{
	clear:left;
	height:8px;
}

div#main .column-left-tabs #bb img{
	float:left; 
	margin:0 5px 0 0; 
	padding:0; 
	border:1px solid #bbb; 
}

div#main .column-left-tabs #bb h1 a{
	text-decoration:none;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
	text-transform:n;
	font-size: 70%;
	font-weight:bold;
	line-height:0.9em;
}

div#main .column-left-tabs #bb a{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

div#main .column-left-tabs #bb p{
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:2px 0 0 0;
	margin:0;
	text-align:justify;
	line-height:1.4em;
}

div#main .column-left-tabs #bb a:hover{
	text-decoration:underline;
}

/********************************************************************************/

div#main .column-left-in-map{
	width:557px;
	height: auto !important;  /* per i browser moderni */
    height: 345px;            /* per IE5.x e IE6 */
    min-height: 345px;        /* per i browser moderni */
	float:left;
	margin: 5px 0 10px 0;
	padding:1px;
	border: 1px solid #dddddd;
	background: #ffffff;
}

div#main .column-left-in-map img{
	border:0;
}

div#main .column-left-in{
	width:540px;
	height: auto !important;  /* per i browser moderni */
    height: 345px;            /* per IE5.x e IE6 */
    min-height: 345px;        /* per i browser moderni */
	float:left;
	margin: 5px 0 10px 0;
	padding:10px;
	border: 1px solid #dddddd;
	background: #ffffff;
}

div#main .column-left-in h2{
	font-size:90%;
	color:#544B42;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px dotted #BEB7A6;
	margin:0 0 10px 0;
}
div#main .column-left-in h3{
	font-size:90%;
	color:#544B42;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 6px 0;
	font-weight:bold;
	font-style:oblique;
	text-transform:uppercase;
	text-decoration:underline;
}
div#main .column-left-in p{
	text-align:justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
}
div#main .column-left-in p.back{
	font-size:80%;
	clear:left;
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div#main .column-left-in img.logo{
	float:left;
	margin:0 10px 0 1px;
}
div#main .column-left-in ul {
	list-style: circle;
	list-style-position : outside;
	text-align:left;
}
div#main .column-left-in li {
	color:#544B42;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	line-height:1.3em;
	text-align:justify;
}
div#main .column-left-in a{
	color:#544B42;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
div#main .column-left-in a:hover{
	color:#000;
	text-decoration:underline;
}

/* Gallery */
div#main .column-left-in #imgdetail { margin:0; padding:0; }

div#main .column-left-in #imgdetail ul {list-style:none; margin:0; padding:0; font-size:0; }

div#main .column-left-in #imgdetail ul li
{
  display         : -moz-inline-box; /* Firefox 2 */
  display         : inline-block;
  vertical-align  : top;
  margin          : 0 4px 4px 0;
  padding         : 0;
}

/*
 * haslayout trigger su IE6 e 7.
 */
div#main .column-left-in #imgdetail ul li { *display:inline; }

div#main .column-left-in #imgdetail img { border:1px solid #bbb; padding:1px; }

/* /Gallery */

/********************************************************************************/

div#main .column-middle{
	width:139px;
	height: auto !important;  /* per i browser moderni */
    height: 300px;            /* per IE5.x e IE6 */
    min-height: 300px;        /* per i browser moderni */
	float:left;
	margin: 0;
	padding: 5px 5px 10px 0;
}

div#main .column-middle img{
	margin: 0 0 0 5px;
	border: 2px solid #fff;
}

/********************************************************************************/

div#main .column-right{
	width:212px;
	height: auto !important;  /* per i browser moderni */
    height: 320px;            /* per IE5.x e IE6 */
    min-height: 320px;        /* per i browser moderni */
	float:right;
	margin: 5px 0 10px 0;
	padding: 4px 10px 10px 10px;
	border: 1px solid #dddddd;
	background: #ffffff;
}

div#main .column-right ul {
	padding: 0;
	margin: 0;
	text-align: left;
	font-size:90%;
	list-style: none;
}
div#main .column-right ul li{
	list-style-type:  none;
	list-style-image: none;
	margin:  0;
	padding: 5px 0 4px 0;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#544B42;
	border-bottom:1px dotted #BEB7A6;
}
div#main .column-right a{
	margin:0;
	padding:0;
	border:0;
	line-height:15px;
	color:#544B42;
}
div#main .column-right a:hover{
	text-decoration: none;
	background-color: #BEB7A6;	
	color: #fff;
}

div#main .column-right a#current{
	margin:0;
	padding:0;
	border:0;
	line-height:15px;
	color:#cc0000;
}
div#main .column-right a:hover#current{
	color:#fff;
}
div#main .column-right a.current{
	margin:0;
	padding:0;
	border:0;
	line-height:15px;
	color:#000000;
}
div#main .column-right a:hover.current{
	color:#fff;
}

div#main .column-right img.flag{
	padding:0 0 0 148px;
	border:0;
}

div#main .column-right img.flag-en{
	padding:0 0 0 145px;
	border:0;
}

/*------------------------------- Footer ----------------------------------*/

div#footer {
	color: #fff;
	width: 100%;
	padding-bottom: 15px;
	margin:  0;
	border-top: 1px solid #29241D;
	background: #3D362D url(/assets/footer_bg.gif) top left repeat-x;
}
div#footer .top {
	padding: 0; 
	margin: 0 auto;
	width:800px;
	text-align: left;
}
div#footer img{
	float:left;
	margin:15px 9px 0 9px;
	border:1px solid #e4e4e4;
}
div#footer div#video {
	width: 318px;
	height: 240px;
	margin: 15px 10px 0 0;
	padding: 0;
	overflow: hidden;
	border: 0px solid #50A6D5;
	background: #444;
}
div#footer h1{
	margin: 0 0 5px 0;
	color: #f9f9f9;
	font-size: 110%;
	text-transform: uppercase;
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}
div#footer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
div#footer ul li{
	list-style-type:  none;
	list-style-image: none;
	line-height: 1.0em;
	margin:  0;
	padding: 0 0 8px 20px;
	background: url(/assets/checkbox.gif) no-repeat 0px 3px;
}
div#footer a{
	margin: 0;
	padding: 0;
	color: #f9f9f9;
	font-size: 65%;
	border:0;
}
div#footer a:hover{
	border-bottom: 1px solid #f9f9f9;
	background-color: transparent;
}
div#footer .dlblockh {
	float: left;
	width: 180px;
	height: auto !important;  /* per i browser moderni */
    height: 150px;            /* per IE5.x e IE6 */
    min-height: 150px;        /* per i browser moderni */
	padding: 0;
	margin: 10px 0 0 10px;
}

div#footer .dlblock {
	float: left;
	width: 240px;
	height: auto !important;  /* per i browser moderni */
    height: 150px;            /* per IE5.x e IE6 */
    min-height: 150px;        /* per i browser moderni */
	padding: 0;
	margin: 10px 0 0 0;
}

div#footer .dlblockm {
	float: left;
	width: 300px;
	height: auto !important;  /* per i browser moderni */
    height: 150px;            /* per IE5.x e IE6 */
    min-height: 150px;        /* per i browser moderni */
	padding: 0;
	margin: 10px 0 0 10px;
}

div#footer .dlblockr {
	float: right;
	width: 240px;
	height: auto !important;  /* per i browser moderni */
    height: 150px;            /* per IE5.x e IE6 */
    min-height: 150px;        /* per i browser moderni */
	padding: 0;
	margin: 10px 0 0 10px;
}

div#bottom{
	background-color: #332D25;
	height:  40px;
	margin: 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #29241D;
}
div#bottom #copy {
	padding: 0; 
	margin: 0 auto;
	width:800px;
	height: 40px;
	text-align: center;
}
div#bottom #copy p{
	font-size: 80%;
	margin: 0;
	padding: 13px 0 0 0;
	color: #f9f9f9;
	text-align: center;
}

div#bottom #copy p { 
	line-height: 15px; 
	color: #f1f1f1; 
}

div#bottom #copy a{
	border: 0px;
	background:none;
	color:#5E5548;
}
div#bottom #copy a:hover{
	border: 0px;
	background:none;
	color:#6E6458;
}