html,body{margin:0;padding:0}
body{font: 100% arial,sans-serif;text-align:center;background: #fff;}
img{border:0}
div#container{text-align:left;width:960px;margin:0 auto}

div#header {margin:10px auto}
div#header #logo {background: url("../images/header.gif") top left no-repeat;height:100px;width:299px;float:left}
div#header #logo h1 {text-indent: -9999px;background: url("../images/spacer.gif");height:100px;width:299px;font-size:1px;float:left}
div#header #logo h1 a {background: url("../images/spacer.gif");height:100px;width:299px;font-size:1px;float:left}
div#header #bannertop {text-align:right}
div#linkstop {margin:5px 2px 5px;font:0.75em "Trebuchet MS", Verdana, Arial, sans-serif;text-align:left}
div#linkstop a{color:#222} div#linkstop a:hover{color:#ff7303;}

div#content {padding:2px 0px 5px 3px;width:505px} div#contentw {padding:2px 0 5px 3px;width:780px;margin: 0 0 0 165px}
div#content p{line-height:1.4}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;}
div#wrapper{float:left;width:100%}
div#content{margin: 0 275px 0 165px}
div#navigation{float:left;width:165px;margin-left:-960px}
div#extra{float:left;width:275px;margin-left:-282px}
div#footer{clear:left;width:100%;text-align:center;padding:8px 0;border-top:1px solid #ccc;margin-top:8px}
#ricette {text-indent: -9999px;background: url("../images/ricette.png");height:100px;width:780px;height:90px;font-size:1px;float:left}
#itinerari {text-indent: -9999px;background: url("../images/itinerari.jpg");height:100px;width:780px;height:90px;font-size:1px;float:left}
#eventi {text-indent: -9999px;background: url("../images/app.png");height:100px;width:500px;height:90px;font-size:1px;float:left}
.ric {font-size:12px}

.fleft{float:left}
.fright{float:right}
.clear{clear:both}
.center{text-align:center}

/*Menu*/
ul.menu, ul.menu ul {list-style-type:none;margin: 0;padding: 0;width: 163px}
ul.menu a {display: block;text-decoration: none}
ul.menu li {margin: 2px 0}
ul.menu li .m1 a {background: url("../images/menu/itinerari.gif") no-repeat}
ul.menu li .m2 a {background: url("../images/menu/strutture.gif") no-repeat}
ul.menu li .m3 a {background: url("../images/menu/magazine.gif") no-repeat}
ul.menu li .m4 a {background: url("../images/menu/eventi.gif") no-repeat}
ul.menu li .m5 a {background: url("../images/menu/servizi.gif") no-repeat}
ul.menu li .m6 a {background: url("../images/menu/card.gif") no-repeat}
ul.menu li .m9 a {background: url("../images/menu/ricette.gif") no-repeat}
ul.menu li .m10 a {background: url("../images/menu/itinerari.gif") no-repeat}
.m1{background: url("../images/menu/itinerari.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m2{background: url("../images/menu/strutture.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m3{background: url("../images/menu/magazine.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m4{background: url("../images/menu/eventi.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m5{background: url("../images/menu/servizi.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m6{background: url("../images/menu/card.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m7{background: url("../images/menu/sms.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m9{background: url("../images/menu/ricette.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m10{background: url("../images/menu/itinerari.gif") no-repeat;text-indent: -9999px;font-size:1px;width:163px;height:40px}
.m8{font:0.75em "Trebuchet MS", Verdana, Arial, sans-serif;text-align:left}
ul.menu li ul li a {background: #fff;color: #333;padding: 4px 0 4px 10px; font:0.75em "Trebuchet MS", Verdana, Arial, sans-serif;border-left: 5px #a4d511 solid;border-bottom: 1px #f5f5f5 solid}
ul.menu li ul li a:hover {background: #f5f5f5;border-left: 5px #f60 solid}

/* Corners */
#csc {position:relative;padding:6px;border:1px solid #ccc;margin:3px 0;background: url("../images/card.png") top right no-repeat}
#cscnc {position:relative;padding:6px;border:1px solid #ccc;margin:3px 0}
#csclogin {position:relative;padding:10px 10px 6px 50px;border:1px solid #ccc;margin:3px 0;background: url("../images/myApulialand.jpg") top left no-repeat}
#csclogged {position:relative;padding:50px 10px 6px 55px;border:1px solid #ccc;margin:3px 0;background: url("../images/myApulialand.jpg") top left no-repeat}
#cscusers {position:relative;padding:50px 5px 10px 16px;border:1px solid #ccc;margin:3px 0;background: url("../images/areautenti.jpg") top left no-repeat}
#cscstrutture {position:relative;padding:50px 20px 10px 16px;border:1px solid #ccc;margin:3px 0;background: url("../images/areastrutture.jpg") top left no-repeat;font-size:12px}
.tl, .tr, .bl, .br {position : absolute;width : 9px;height : 9px;display : block;margin: -1px}
.tl {background : transparent url("../images/topl.gif") no-repeat;top: 0;left: 0}
.tr {background : transparent url("../images/topr.gif") no-repeat;top: 0;right: 0}
.bl {background : transparent url("../images/bottoml.gif") no-repeat;bottom:0;left : 0}
.br {background : transparent url("../images/bottomr.gif") no-repeat;right:0;bottom : 0}
#cscst  {position:relative;padding:6px;border:1px solid #ccc;margin:3px 0;background:#f4f1de}
.sttl, .sttr, .stbl, .stbr {position : absolute;width : 9px;height : 9px;display : block;margin: -1px}
.sttl {background : transparent url("../images/st-topl.gif") no-repeat;top: 0;left: 0}
.sttr {background : transparent url("../images/st-topr.gif") no-repeat;top: 0;right: 0}
.stbl {background : transparent url("../images/st-bottoml.gif") no-repeat;bottom:0;left : 0}
.stbr {background : transparent url("../images/st-bottomr.gif") no-repeat;right:0;bottom : 0}
#cscrist  {position:relative;padding:6px;border:1px solid #ccc;margin:3px 0;background:#e1f1b0}
.risttl, .risttr, .ristbl, .ristbr {position : absolute;width : 9px;height : 9px;display : block;margin: -1px}
.risttl {background : transparent url("../images/rist-topl.gif") no-repeat;top: 0;left: 0}
.risttr {background : transparent url("../images/rist-topr.gif") no-repeat;top: 0;right: 0}
.ristbl {background : transparent url("../images/rist-bottoml.gif") no-repeat;bottom:0;left : 0}
.ristbr {background : transparent url("../images/rist-bottomr.gif") no-repeat;right:0;bottom : 0}

#contentArea{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333; width:320px;line-height:1.8em;margin: 10px 0px 10px 0px;float:left}
#contentArea a{color:#ff7303;text-decoration:underline} #contentArea a:hover{color:#555;text-decoration:underline}
#contentArea img {float:left;width:100px;margin:0px 5px;border:1px solid #999}
#Acard{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333; line-height:1.8em;margin: 10px 0px 10px 0px;float:left}
.imgcons {float:left;width:100px;margin:0px 10px;border:1px solid #999}
.imgimg{border:1px solid #ccc;padding:2px}
.riga {border:1px solid #999;height:1px}

h1{font: 700 1.2em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #000;margin:0 10px 10px 10px}
h1 a{color:#000;text-decoration:underline} h1 a:hover{color:#555;text-decoration:underline}
h2{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;margin:0 10px 10px 10px}
h2 a{color:#ff7303;text-decoration:underline} h2 a:hover{color:#555;text-decoration:underline}
.testo{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin:10px}
.testo a{color:#000;text-decoration:underline} .testo a:hover{color:#555;text-decoration:underline}
.testos{font: 0.75em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin:10px}
.testos a{color:#000;text-decoration:underline} .testos a:hover{color:#ff7303;text-decoration:underline}
.testosa{font: 0.75em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin:10px}
.testosa a{color:#ff7303;text-decoration:underline} .testosa a:hover{color:#555;text-decoration:underline}
.testoextra{font: 0.75em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin:10px}
.testoextra a{color:#80991c;text-decoration:underline} .testoextra a:hover{color:#555;text-decoration:underline}
.testoextrar{font: 0.75em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin:10px}
.testoextrar a{color:#ed193a;text-decoration:underline} .testoextrar a:hover{color:#555;text-decoration:underline}
.stylegray{font: 0.75em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;}
.stylegray td {padding:0 10px} #ra {display:none;padding:10px 20px;width:440px;border:1px solid #999;margin-bottom:10px}

/* ----------- My Form ----------- */
.myform{margin:0 auto; padding:2px}
.loginform{margin:0 auto; width:400px; padding:14px; background:#dfdfdf}
.mtrform{margin:0 auto; width:400px; padding:14px;}
/* ----------- stylized ----------- */
fieldset{border:0}
fieldset legend{font-weight:bold}
fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none}
fieldset li{clear:both; list-style:none; padding:5px}
fieldset li .radio{float:left;font-size:12px;width:80px;padding:4px 2px;margin:-2px 0 10px 0}
fieldset input{float:left;font-size:12px;border:solid 1px #aacfe4;width:150px;padding:4px 2px;margin:-2px 0 10px 0}
fieldset textarea{float:left;font-size:12px;border:solid 1px #aacfe4;padding:4px 2px;margin:-2px 0 10px 0}
fieldset label{width:70px; float:left; font-size:13px}
fieldset button{border:0; margin:0; padding:0; clear:both; width:125px; height:31px; background:#9fd643; text-align:center; line-height:31px; color:#222; font-size:14px; font-weight:bold;border:1px solid #555}
fieldset input.btn{border:0; margin:0; padding:0; width:106px}
.aform{font-size:12px;border:solid 1px #aacfe4;width:150px;padding:4px 2px;margin:0}
.select {width:130px}
.form01 input{font-size:12px;border:solid 1px #aacfe4;padding:4px 2px;margin:-2px 0 10px 0}
.form01 textarea{font-size:12px;border:solid 1px #aacfe4;padding:4px 2px;margin:-2px 0 10px 0; width:160px;height:130px}

#stylized{background:#fff}
#stylized h1{font-size:14px; font-weight:bold; margin-bottom:8px}
#stylized p{font-size:11px; color:#666; margin-bottom:20px; border-bottom:solid 1px #b7ddf2; padding-bottom:10px}

.sliderwrapper{position: relative;overflow: hidden;border-bottom-width: 6px;width: 320px;height: 240px;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;left: 0;top: 20;padding: 5px;background: white;width: 310px;height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.sliderdiv{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin: 10px 0px 10px 0px}
.sliderdiv a{color:#ff7303;text-decoration:underline} .sliderdiv a:hover{color:#555;text-decoration:underline}
.sliderdiv img {float:left;width:100px;margin:0px 5px;border:1px solid #999}
.pagination{width: 320px;text-align: left;padding: 5px 0 15px 0;}
.toc1{background:url('../images/vacanze.png') top left no-repeat;width:70px;height:18px;text-indent:-9999px;font-size:1px;float:left;margin-right:3px}
.toc2{background:url('../images/locali.png') top left no-repeat;width:70px;height:18px;text-indent:-9999px;font-size:1px;float:left;margin-right:3px}
.toc3{background:url('../images/eventi.png') top left no-repeat;width:70px;height:18px;text-indent:-9999px;font-size:1px;float:left;margin-right:3px}
.toc4{background:url('../images/territorio.png') top left no-repeat;width:70px;height:18px;text-indent:-9999px;font-size:1px;float:left;margin-right:3px}

#main-photo-slider{font: 0.8em "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #333;line-height:1.8em;margin: 10px 0px 10px 0px}
#main-photo-slider a{color:#ff7303;text-decoration:underline} #main-photo-slider a:hover{color:#555;text-decoration:underline}
#main-photo-slider img {float:left;width:100px;margin:0px 5px;border:1px solid #999}
.slider-wrap { width: 320px}	
.stripViewer .panelContainer 
.panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 320px; height: 180px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel	{ float: left; height: 100%; position: relative; width: 320px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { margin: 0px; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { padding: 10px; height: 30px;margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span { font-size: 13px; }
.cross-link	{ z-index: 9999}

.style_tit_rosso_12{color:#ed193a;font-weight:bold}
.stilebox1 { width:250px; background:#fff; border:1px solid #999; padding:10px;font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif}
.stilehdr { width:150px; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;
border-top:1px solid #ccc; padding:3px;font:12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif}
.stileboxNoWh1 {  background:#fff; border:1px solid #ccc; padding:10px;font:11px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif}

UL.tabNavigation {list-style: none;margin: 15px 0 10px 0;padding: 0}
UL.tabNavigation LI {display: inline;font: 12px "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif}
UL.tabNavigation LI A {padding: 3px 5px;background-color: #ddd;color: #333;text-decoration: none;}
UL.tabNavigation LI A.selected,UL.tabNavigation LI A:hover {background-color: #f90;color: #fff;padding-top: 7px;}
UL.tabNavigation LI A:focus {outline: 0;}
div.tabs > div {padding: 5px;margin-top: 3px}

/*Banner Flash*/
.flaban01 {z-index:9999;width:505px;height:253px;position:absolute} .imgban01 {width:505px;height:253px}
.flaban02 {z-index:9999;width:640px;height:100px;position:absolute} .imgban02 {width:640px;height:100px}
.flaban03 {z-index:9999;width:240px;height:240px;position:absolute} .imgban03 {width:240px;height:240px}
.flaban04 {z-index:9999;width:240px;height:200px;position:absolute} .imgban04 {width:240px;height:200px}
.flaban05 {z-index:9999;width:135px;height:135px;position:absolute} .imgban05 {width:135px;height:135px}

/*AddThis*/
.addthis_toolbox{font:12px "Trebuchet MS",Arial,Verdana}
.addthis_toolbox .hover_effect{ width:284px;  padding:10px 20px 6px 10px;  border:3px solid #eee;  -moz-border-radius:5px;  -webkit-border-radius:5px}
.addthis_toolbox .hover_effect div{ float:left}
.addthis_toolbox .hover_effect a{ border:2px solid #fff;  padding:2px 2px 2px 16px;  position:relative;  text-decoration:none}
.addthis_toolbox .hover_effect a:hover{ border:2px solid #105CB6;  -moz-border-radius:4px;  -webkit-border-radius:4px;  background:#B4D3F8;  color:#105CB6;  text-decoration:none}
.addthis_toolbox .hover_effect span{ position:absolute;  width:16px;  height:16px;  top:2px;  left:1px}

#clickMe {cursor:pointer} #textHome {display:none;padding:10px;border:1px solid #eee;margin:10px 0}