/*stili per il layout fisso*/
html,body{margin: 0;padding:0}
body{
	background: url(images/bg.png);
font-family: arial,sans-serif;font-size: 76%;text-align: center}

#page {
	width: 100%;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	background: #fff url(images/top_bg.png) repeat-x top;
}


 
#underpage {
	width: 100%;
height:180px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	background: #fff url(images/bottom_bg.png) repeat-x top;
}

#underpage a{
border: 0;
}
img{border: 0px solid; background: transparent;}

#container {background: url(images/str_red.jpg);
	width: 760px;
	margin: 0 auto;
	display: block;}

#topbar {
	height: 30px;
	background: transparent;
	display: block;
}
#topcontent {
	float: left;
	display: inline;
	width: 99%;
}
#topmenu {
	float: left;
	display: inline;
	width: auto;
}
#topsearch {
	float: right; 
	display: inline;
	padding-top: 3px;
	vertical-align: middle;
	padding-right: 10px;
}

#headerbar {
	background: #69BFDE url(images/header.png) no-repeat top center;
	height: 140px;
}
#headercontent {
	float: left;
	display: inline;
	height: 90px;
}

#search {
margin-bottom: 3px;
margin-left: 20px;
background: #ffffff;
color: #cc0000;
border: 1px solid #cc0000}

#searchbutton {
margin-bottom: 3px;
margin-left: 3px;
background: #cc0000;
color: #ffffff;
	font-variant: small-caps;
border: 1px solid #cc0000}



#headerlogo {
	float: left;
	display: inline;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	overflow: hidden;
}
#headercontrols {
	float: left;
	display: inline;
	line-height: 87px;
	height: 87px;
	vertical-align: middle;
	padding-left: 15px;
	color: #cc0000;
	font-size: 16px;
	font-variant: small-caps;

}
#headercontrols a, #headersitename a:visited {
	color: #cc0000;
	text-decoration: none;
	padding-right: 10px;
}
#headercontrols a:hover {
	color: #4A8797;
	text-decoration: none
} 


#results {background: #ffffff;
height: 370px;
overflow: auto;}

 #results .item {
padding: 5px 0px 3px 5px;
border-bottom: 1px solid #cccccc;
text-align: left;

}
/*stili generici, su header e footer*/

h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #999;font-size: 1.5em; }

#footer {
background: transparent;
	width: 760px;
	margin: 0 auto;
	display: block;
text-align:center;
padding-top: 34px;
color: #cc0000;
}

#footer a{color: #00000;font-weight: bold;text-decoration: underline}

.loghi{margin: 40px 10px 30px 10px; border: 0;}

/*stili per la navigazione*/
#navycontainer {width: 760px; background: black;}

#navigation{
font-size: 11px;
margin: 0;
padding: 0;
list-style-type: none;
background: transparent;
float:left;
width:760px;
}

#navigation li{
margin: 0;
display: inline;
background: #transparent;
}

#navigation li a{
width: 95px;
height: 35px;
float: left;
color: #000000;
border-top: 3px solid #CC0000;
border-bottom: 3px solid #CC0000;

background: #transparent;
text-decoration: none;
}

#navigation li a:hover{
border-top: 3px solid #000000;
border-bottom: 3px solid #000000;
}
.navypad {padding: 25px 0px 0px 0px;;}
#navigation li.art a{background: #FFC900 url('images/bg_art.jpg') no-repeat; background-position: top left;}
#navigation li.business a{background: #CC0000 url('images/bg_business.jpg') no-repeat; background-position: top left; color: #ffffff;}

#navigation li.mountain a{background: #BAD700 url('images/bg_mountain.jpg') no-repeat; background-position: top left;}

#navigation li.sea a{background: #003366 url('images/bg_sea.jpg') no-repeat; background-position: top left; color: #ffffff;}
#navigation li.festivals a{background: #FF9933 url('images/bg_festivals.jpg') no-repeat; background-position: top left;}
#navigation li.shopping a{background: #996699 url('images/bg_shopping.jpg') no-repeat; background-position: top left;}
#navigation li.wellness a{background: #4B0082 url('images/bg_wellness.jpg') no-repeat; background-position: top left; color: #ffffff;}
#navigation li.food a{background: #660033 url('images/bg_food.jpg') no-repeat; background-position: top left; color: #ffffff;}

.engnav {font-size: 11px; padding-top: 6px; }


#content{margin-top: 10px;}

#upcontent {height: 450px; border-bottom: 1px solid;}
#upcontent #player1 {background: #ffffff;}
#upcontent #videodescription {padding-left:5px; padding-top:5px; background: #transparent;}
#upcontent #videodescription #box {height: 87px; overflow: auto; line-height: 14px; }

#upcontent #videodescription #box .description {
padding: 5px;
border:1px solid #cccccc; 

background:#ffffff; }

#upcontent #videodescription #box .credits {
padding: 4px;

border:1px solid #cccccc; 
border-top:1px solid #000000; background:#dcdcdc; }

#upcontent #boxmenu {margin-left:5px; padding-top:5px; background: #ffffff;}

#upcontent .title {padding-top: 3px; }
#upcontent #video {float: left;
width: 300px; height:250px;
background: #transparent;}

#upcontent #latestvideos {width:260px;float: left; }
#upcontent #latestvideos .title {margin-left: 5px;}
#upcontent #latestvideos img.sx {float: left; margin-right: 5px;}


#downcontent #allvideos {width:760px; overflow: auto; margin-bottom: 10px;}
#downcontent #allvideos .title {margin-left: 5px;}
#downcontent #allvideos img.sx {float: left; margin-right: 5px;}
#downcontent #boxmenu1 {margin-top: 10px; padding-left:5px; padding-top:5px; background: #ffffff; float: left;}
#downcontent #boxmenu2 { margin-top: 10px; margin-left: 10px; padding-left:5px; padding-top:5px; background: #ffffff;  float: left;}
#downcontent #boxmenu3 { margin-top: 10px; padding-left:5px; padding-top:5px; background: #ffffff;  float: right;}

#downcontent #allvideos #morepages {width:760px; overflow: auto; float: left; margin: 10px 0 5px 0;}

#upcontent #more {width:200px; height: 360px; float: right; }
#upcontent #more #boxmap {margin: 0px 5px 0px  5px; padding: 5px; background: #ffffff;}
#upcontent #more .title {margin-left: 5px; background: #cccFFF;}
#upcontent #more .boxdef {margin: 0px 5px 5px  5px; padding: 5px; background: #ffffff;}

#upcontent #etc {width:180px; height: 210px; background-color: #ffffff; color: #000000; }

#upcontent #advright {width:190px; height: 118px; float: right; background: #ffffff;}
.out {margin: 5px;}
#upcontent #advright #boxpub { padding: 5px;}

#upcontent h2 {background-color: #ffffff; color: #000000; border-bottom: 3px solid #CC0000; margin: 5px; padding: 5px;}

.hello {background: #cc0000; color: #ffffff; font-size: 1.1em; padding: 4px;}

#downcontent {width:760px; ; border-bottom: 1px solid; overflow: auto;}
#downcontent h2 {background-color: #CC0000; color: #ffffff; font-size: 18px; padding-right: 5px;}
#downcontent .item {width: 240px; border: 1px;}


#topbar {width: 100%; float: left; height: 30px; text-align: right;}
#topbar h2 {font-size:18px;}

/*definizione dei colori per le pagine delle sezioni*/
#home #upcontent h2 {border-bottom: 3px solid #CC0000; background: transparent;}
#home #downcontent h2 {color: #ffffff;background: #CC0000;}

#home #upcontent .title{background: #CC0000;}

#one #upcontent h2 {border-bottom: 3px solid #CC0000; background: CC0000;}

#default #upcontent h2 {border-bottom: 3px solid #CC0000; background: CC0000;}
#default #downcontent h2 {color: #ffffff;background: #CC0000;}
.default {background: #CC0000; color: #ffffff;}

#default #upcontent .title{background: #CC0000; color: #ffffff;}

 .title{background: transparent; color: #000000;}

#art #upcontent h2 {border-bottom: 3px solid #FFC900; background: transparent;}
#art #downcontent h2 {color: #111111;background: #FFC900;}
.art {background: #FFC900; color: #111111;}
#art #upcontent .title{background: #FFC900;}

#business #upcontent h2 {border-bottom: 3px solid #CC0000;background: transparent;}
#business #downcontent h2 {background: #CC0000; color: #ffffff;}
.business {background: #CC0000; color: #ffffff;}
#business #upcontent .title {background: #CC0000; color: #ffffff;}

#mountain #upcontent h2 {border-bottom: 3px solid #cccc00; background: transparent;}
#mountain #downcontent h2 {background: #cccc00; color: #000000;}
.mountain {background: #BAD700; color: #111111;}
#mountain #upcontent .title{background: #cccc00;}

#sea #upcontent h2 {border-bottom: 3px solid #003366; background: transparent;}
#sea #downcontent h2 {background: #003366; color: #ffffff;}
.sea {background: #003366; color: #ffffff;}
#sea #upcontent .title {background: #003366; color: #ffffff;}

#festivals #upcontent h2 {border-bottom: 3px solid #FF9933; background: transparent;}
#festivals #downcontent h2 {background: #FF9933; color: #000000;}
.festivals {background: #FF9933; color: #111111;}
#festivals #upcontent .title{background: #FF9933;}

#shopping #upcontent h2 {border-bottom: 3px solid #996699; background: transparent;}
#shopping #downcontent h2 {background: #996699; color: #000000;}
.shopping {background: #996699; color: #111111;}
#shopping #upcontent .title{background: #996699;}

#wellness #upcontent h2 {border-bottom: 3px solid #4B0082; background: transparent;}
#wellness #downcontent h2 {background: #4B0082; color: #ffffff;}
.wellness {background: #4B0082; color: #ffffff;}
#wellness #upcontent .title{background: #4B0082;}

#food #upcontent h2 {border-bottom: 3px solid #660033; background: transparent;}
#food #downcontent h2 {background: #660033; color: #ffffff;}
.food {background: #660033; color: #ffffff;}
#food #upcontent .title{background: #660033;}


/*fine definizione dei colori per le pagine delle sezioni*/
.onedef {background: #cc0000; color: #ffffff;}
#onconent .contacts {color: #000000; background: #ffffff; font-size 13px;}
.buttonscontainer {width: 250px;}
#onecontent .title {font-size: 18px; font-weight: bold; padding-top: 20px;}
#onecontent p {padding: 4px 0px 3px 0px; font-size: 14px }
#downcontent .buttonscontainer {width: 241px;}

.buttonsout {margin-top: 0px; font-size: 11px; line-height: 13px;}

.buttonsout .catart{border-bottom: 5px solid #FFC900;}
.buttonsout .catbusiness {border-bottom: 5px solid #CC0000;}
.buttonsout .catmountain {border-bottom: 5px solid #cccc00;}
.buttonsout .catsea {border-bottom: 5px solid #003366;}
.buttonsout .catfestivals {border-bottom: 5px solid #FF9933;}
.buttonsout .catshopping {border-bottom: 5px solid #996699;}
.buttonsout .catwellness {border-bottom: 5px solid #4B0082;}
.buttonsout .catfood {border-bottom: 5px solid #660033;}

.buttons a {
height: 70px;
color: #000000;
border-bottom: 1px solid #000000;
background-color: #FFFFFF;
text-decoration: none;
display: block;
margin: 0px;
width: 100%;
text-align: left;}

.buttons a:hover {
border-bottom: 1px solid #cccccc;
background-color: #ececec;

color: #000000;
text-decoration: none;}

.showall {font-size:14px;}