/* ####################### COMMONS ####################### */

body{
margin:0;
padding:0;
background:#FFFFFF;
font: normal 12px Arial, Helvetica, Verdana;
color:#49494A;
}

input, textarea, select{font: normal 11px Arial, Helvetica, Verdana; color:#8299A4;  margin:0;}

input[type='text'], input[type='password'], textarea, select, input.textField{border:solid 1px #DFDFDF;  padding:4px; background:#FFFFFF;}

table{border-collapse:collapse;}

a, a:visited{text-decoration: none; color:#404040;}
a:hover{text-decoration:underline; color:#6ba4cd;}

ol, ol li{
padding:0 0 0 25px;
margin:0;
}

strong, b {font-weight:bold;}

img{border:none;}

p{margin:0; padding:10px 0 0 0;}

h2{margin:0 0 5px 0;padding:10px 0 0 0;color: #2384C6;font: bold 20px Arial;}
h2 a, h2 a:visited{color: #2384C6;}
h3{font: bold 13px Arial;color:#404040;margin:0;padding:10px 0 0 0;}

h4{margin:0 0 5px 0;padding:0;color: #2384C6;font: bold 18px Arial;}

h5{font: bold 13px Arial;color:#404040;margin:0;padding:10px 0 0 0;}

form{padding:0;margin:0;}

td{padding:5px 0;margin:0;vertical-align:top;}

/* ####################### UTILS ####################### */

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block; width:100%;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

.clear{clear:both; margin:0; padding:0; font-size:0;}

.left{float: left;}

.right{float: right;}

.error{color:red; font-size:10px; font-style:italic;}

.maximized{width:100%;}

/* ####################### MAIN LAYOUT ####################### */
.colLeft {
float:left;
width:665px;
border-right: solid 1px #EEEEEE;
}

.colRight{
width: 300px;
float: right;
}

.wrapFooter {
width:980px;
margin:0 auto;
padding:10px 0 0 0;
}

.header,.menuTop,.main,.footerMyFB{
margin: 0 auto;
width: 980px;
display:block;
}

input:focus, textarea:focus {
-moz-box-shadow:0px 0px 3px #aaa;
-webkit-box-shadow:0px 0px 3px #aaa;
box-shadow:0px 0px 3px #aaa;
background-color:#FFFEEF;
}



/* ####################### HEADER ####################### */

.header{height: 60px;}

.extremeMenu{
height: 40px;
background:#F6F6F6;
}

.menuTop{
height: 35px;
position:relative;
}

.logo{
height:40px;
position:relative;
top:5px;
float:left;
z-index:10;
display: block;
margin:0;
padding:0;
}

div.logo a:link, div.logo a:visited {
display: block;
height: 100%;
}

.claim{float:left; margin:20px 0 0 10px; color:#808080; font-weight:900;}

/* ####################### MENU DX - HEADER ####################### */

.profileMenu{
margin:10px 0 0 0;
padding:0;
width:auto;
}

.profileMenu li{
margin:0;
padding:0 10px 0 10px;
list-style:none;
background: transparent url('http://www.myalberghi.it/images/bg_menu_item.png') right 0 no-repeat;
float:left;
border-left:1px solid #ccc;
}

.profileMenu li:first-child{border-left:0;}

.profileMenu a, .profileMenu a:visited, .profileMenu a:hover,.profileMenu span{

padding: 0;
text-align: right;
color:#404040;
}

.profileMenu a:hover{
text-decoration:underline;
}

.profileMenu a img{
margin: 0 5px;
}

.login{
padding: 10px 0;
color:#404040;
position:relative;
}

.login a, .login a:visited{
padding: 10px 0;
color:#FFFFFF;
}

.login a:hover{
color:#404040;
}

/* ####################### RICERCA ####################### */

.searchBox{
position: relative;
width: 960px;
height: 29px;
padding: 10px;
margin:0 0 0 60px;
background: #2384C6;
float:right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.searchBox input,.searchBox select{
font-size: 16px;
margin-right: 10px;
width: 265px;

}

.searchBox select{
width: 250px;
font-size: 16px;
padding:3px 4px;
}

.searchBox .inputSearchBoxA,.searchBox .inputSearchBoxB{vertical-align: top;}

.searchBox strong{
float:left;
display: block;
font-size: 15px;
margin-top:3px;
width: 50px;
height: 18px;
}

.searchBox input.inputSearchBtn,.searchBox input.inputSearchBtn:hover{
position: absolute;
top:10px;
right:0;
text-align: right;
padding:0px 4px 0 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
width:80px;
font-weight: bold;
font-size: 16px;
color:#FFFFFF;
height: 29px;
border: none;
cursor:pointer;
float:right;
background:#404040 url('http://www.myalberghi.it/images/btn_search.gif') -5px 2px no-repeat;
}

.searchBox input.inputSearchAd{
position: absolute;
top:0;
left:408px;
width:35px;
height: 25px;
border: none;
cursor:pointer;
float:right;
background:transparent url('http://www.myalberghi.it/images/btn_search_ad.gif') 0 0 no-repeat;
}

input.btn, a.btn{
padding: 5px 10px;
background: #404040;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}

a.btn, a.btn:visited,  a.btn:hover{display:inline-block; text-decoration:none;}

input.btnNull{
padding: 5px 10px;
background: #909090;
font-weight: bold;
color: #FFFFFF;
font-size: 15px;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor:pointer;
}




/* ####################### AREA PRIVATA ####################### */

ul#nav{
float: left;
width: 100%;
list-style: none;
margin: 0 0 15px 0;
padding: 0;
/*border-bottom: 2px solid #DDDDDD;*/
background:transparent url('http://www.myalberghi.it/images/bg_line.gif') 0 bottom repeat-x;
}

ul#nav li{
float: left;
margin: 0 15px 0 0;
padding: 0;
}

ul#nav a{
float: left;
padding:5px 10px;
display: block;
height: 13px;
font-size: 15px;
border: 2px solid #DDDDDD;
border-bottom: 0;
text-decoration: none;
background: #EFEFEF;
color: #222;
}

ul#nav a:hover{
color: #2384C6;
}

ul#nav li#active a{
font-weight: bold;
color: #2384C6;
background: #FFFFFF;
height: 15px;
}

.resultArea th{text-align: left; height: 25px; padding:0 10px 0 5px; background: #F6F6F6;}
.resultArea td{text-align: left; padding:10px 10px 5px 5px; border-bottom: 1px solid #DDDDDD;}
a.iconPublisher,a.iconPublisher:hover,a.iconPublisher:link{text-align: center; display: block; height:17px; float: left; margin-right: 10px;}

.dataUser{width: 550px;}

.dataUser td,.dataUser th{
padding: 10px 5px 10px 0;
}

.dataUser th{
font-weight: bold;
color:#808080;
width: 130px;
text-align: left;
}

.dataUser td{
font-weight: bold;
}

.modyBtn{
float: right;
display: block;
width: 78px;
height: 20px;
margin-top:11px;
font-weight: bold;
color:#6ba4cd;
padding: 0 0 0 18px;
background:transparent url('http://www.myalberghi.it/images/icon_modify2.gif') 0 0 no-repeat;
}

.modyBtn a,.modyBtn a:hover,.modyBtn a:link{
font-weight: bold;
color:#6ba4cd;
}

h3.modyTitle{
display: block;
width:550px;
float: left;
font-weight: bold;
color:#6ba4cd;
font-size: 15px;
margin: 0 0 10px 0;
}

/* ####################### SCHEDA ####################### */
/*
.sL h2.titleItem {
margin-top: 0;
padding-top:0;
}

.sL {width: 650px; padding-bottom: 10px; margin-top: 10px;}
.sL .left{width: 220px; overflow: hidden; margin: 0px 25px 5px 0;}
.sL .noBord .left {border:0; width: 350px;}

.sL h2{margin-top:5px;}
.sL .leftSl{width: 400px; float:left; margin-bottom: 10px;}
.sL .right{width: 400px;}

.sL .dObS{line-height: 20px; }
.sL .dObL b,.sL .dObS b{color:#6ba4cd;}
.sL .dObL {margin-bottom: 10px; border-bottom:1px dotted #EEEEEE; padding-bottom:10px;}
*/


.viewCnt{padding: 0 40px 0 0; clear:both;}
.viewCnt h3{padding-top:20px;}
.cntPic{float:left; width:160px; margin:10px 20px 0 0 ;}
.fixPic{display:block;width:150px; padding:5px; text-align:center; background:#F2F2F2;}
.cntPic a.btn, .cntPic a.btn:visited, .cntPic a.btn:hover{display:block; text-align:center;}

.actionsLstWrap{padding:10px 0; margin:10px 0 0 0; border:solid 1px #DDDDDD; border-width:1px 0;}
.actionsLstWrap .left{margin:0 15px 0 0; }
.vCardLnk{background: url('http://www.myalberghi.it/images/vcf_icon.gif') 0 0 no-repeat; padding:2px 0 1px 25px;}
.print{background: url('http://www.myalberghi.it/images/icon_print.gif') 0 0 no-repeat; padding:2px 0 1px 35px;}
.pdf{background: url('http://www.myalberghi.it/images/icon_pdf.gif') 0 0 no-repeat; padding:2px 0 1px 25px;}

.mapWrap{padding:10px 0 0 0;}
.rssPill h2{
font-size: 15px;
}

.rssPill h3{
font-size: 15px;
padding: 0;
margin: 0;
color:#404040;
display: block;
float: left;
width: auto;
}

.rssPill span.rssLink{
float:left;
margin-left:5px;
font-weight: bold;
padding-top: 1px;
}

.publisherTable td{padding: 0;}

.rssItem{
height:auto;
border-bottom:1px dotted #EEEEEE;
margin:0px 0 5px 0;
padding: 10px 0 10px 0;
}

.rssItem a,.rssItem a:hover,.rssItem a:link{color: #404040;}

.rssItem .right{
margin:0px 55px 0px 0;
width:480px;
}

.rssItem .right a strong{
color:#6ba4cd;
font-size: 13px;
padding-bottom: 5px;
}

.rssItem .left{
width: 100px;
height: 100px;
overflow: hidden;
margin: 5px 10px 0 0;
}

/* ####################### FOOTER ####################### */

.indent {
margin-left:10px;
}

.footerMyFB{
background: #E6E6E6;
font-size:11px;
padding:10px 5px;
color:#808080;
width:970px;
}

.footerMyFB ul{
list-style: none;
margin: 5px 35px 0 0;
padding: 0;
}

.footerMyFB li{
margin: 0 0 7px 0;
padding: 0;
}

.footerMyFB a, .networkMyFB a,.footerMyFB a:hover, .networkMyFB a:hover,.footerMyFB a:link, .networkMyFB a:link{
color:#808080;
font-weight: bold;
}

.networkMyFB{
border-top: dotted 1px #FFFFFF;
}

.networkMyFB h3 {
margin-left:5px;
}

.networkMyFB {
padding:0 5px;
width:960px;
}

.networkMyFB ul {
padding:0;
margin:0;
}

.networkMyFB ul li {
padding:0 5px 0 5px;
margin:5px 0 5px 0;
border-right:1px solid #ccc;
float:left;
}


/* ####################### DISPLAY TABLE ####################### */

.sortable a{background:transparent url('http://www.myalberghi.it/images/arrow_off.png') 100% 2px no-repeat; padding-right:10px;}
.order1 a{background-image:url('http://www.myalberghi.it/images/arrow_up.png');}
.order2 a{background-image:url('http://www.myalberghi.it/images/arrow_down.png');}

/* ####################### PAGINAZIONE DISPLAY TABLE ####################### */

span.pagelinks{
display: block;
margin-top: 10px;
font-size: 12px;
text-align:center;
}

span.pagelinks span, span.pagelinks a{
margin: 0 10px 0 0;
border:solid 1px #dfe3e7;
padding:0 3px ;
height:10px;
line-height:100%;
}

span.pagelinks span.last, span.pagelinks span.next, span.pagelinks span.first, span.pagelinks span.prev,
span.pagelinks a.last, span.pagelinks a.next, span.pagelinks a.first, span.pagelinks a.prev{
display:inline-block;
background-image: url('http://www.myalberghi.it/images/display_table_paginator.gif');
width:13px;
height:20px;
padding:0;
border:0;
text-indent:-999999px;
position:relative;
top:-3px;
}

span.pagelinks span.last, span.pagelinks span.first,
span.pagelinks a.last, span.pagelinks a.first{width:24px;}

span.pagelinks .last{background-position:-50px 0;}
span.pagelinks .next{background-position:0 0;}
span.pagelinks .prev{background-position:0 -50px;}
span.pagelinks .first{background-position:-50px -50px;}

span.pagelinks strong{color:#2384C6; font-size:20px;position:relative;top:3px;margin: 0 10px 0 0;}

span.pagelinks span.last, span.pagelinks span.next, span.pagelinks span.first, span.pagelinks span.prev{filter:alpha(opacity=50);opacity:0.5;}

/* ####################### BOX - REGIONS SMALL ####################### */

.bS{
width:300px;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 10px;
padding-bottom: 10px;
}
.bS ul{margin:0; padding:0;}
.bS a{
float:left;
display: block;
width: 150px;
margin: 2px 0;
}

.colRight .bS ul {
list-style:none;
}

.colRight .bS ul li.regionsSmall, .colRight .bS ul li.regionsSmallP {
margin:0;
padding:5px 0 0 0 ;
list-style:none;
float:left;
width:50%;
font-weight: bold;
list-style: none;
}

.colRight .bS ul li.regionsSmallP a:link, .colRight .bS ul li.regionsSmallP a:visited {
color: #2384C6;
}

/* ####################### BOX - REGIONS LARGE ####################### */

.bL{
width:650px;
/*border-bottom: 1px solid #DDDDDD;*/
padding-bottom: 10px;
}

.bL ul.regions{margin:0; padding:0; list-style:none;width:280px; height:390px; float:right;}
.bL ul.regions li{margin:0 15px 5px 0; padding:0; list-style:none; float:left; width:125px;}
.bL ul.regions li a{display: block; width: 125px;  height:15px; float:left; font-size: 12px; font-weight: bold;}

.bL a{
float:left;
display: block;
width: 220px;
margin: 2px 0;
}

.cntMap{width:360px; float:left;}

/* ####################### BOX - FOCUS LARGE ####################### */

.fL {width: 650px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #DDDDDD;}
.fL #paging{float: right; margin: 10px 0 0 0; width: 630px;  padding: 5px 10px;}

.fL #paging span{display: block; float: left;}
.fL #paging a{text-decoration: none; border: none; display: block; float: left; width: 25px; margin: 0 5px 0 0; text-align: center;}

.fL .left{width: 130px;}
.fL .right{width: 480px; padding: 0 10px;}
.fL img{ padding: 5px; border: 1px solid #EEEEEE;}
.fL a strong{display: block; color:#6ba4cd; font-size: 13px; padding-bottom: 5px;}
.fL a:hover{text-decoration:none;}

/* ####################### BOX - FORM RAPID PROPOSAL ####################### */

.boxRapidProposal{
width:280px;
height:280px;
margin: 5px 0 10px 0;
padding: 10px;
background: #EEEEEE;
}

.boxRapidProposal p{padding-top:15px;}

.boxRapidProposal select{
width:180px;
}

.boxRapidProposal input.btn{
width:auto;
}

.boxRapidProposal input{
width:170px;
}

/* ####################### BOX - TAG CLOUD SMALL ####################### */

.clS{
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #DDDDDD;
}

.clS a{margin:5px 5px 0 0;}

.clS a.c1{font-size: 12px; font-weight: 200;}
.clS a.c2{font-size: 13px; color:#5F5F5F;}
.clS a.c3{font-size: 14px; font-weight: 500;}
.clS a.c4{font-size: 15px; color:#7F7F7F;}
.clS a.c5{font-size: 16px;}
.clS a.c6{font-size: 17px;}

/* ####################### BOX - BANNER 300x250 ####################### */

.banner300x250
{
margin-bottom: 10px;
width:300px;
}


/* ####################### BOX - CATEGORIE LARGE ####################### */

.cL{
float: left;
width:650px;
/*border-bottom: 1px solid #DDDDDD;*/
}
.cL ul{padding:0 0 10px 0; margin:0;}

.cL .contCategory{
margin:10px 20px 0 0;
float: left;
width: 195px;
height:60px;
list-style: none;
padding: 0 0 5px 0;
display: block;
border-bottom:solid 1px #F2F2F2;
}

.cL .contCategory em{font-size:12px;}

.cL a{
font-size:15px;
line-height:20px;
display:block;
}
.cL a:hover{text-decoration:none;}
.cL h3{
font-size:15px;
font-weight:bold;
display: block;
padding:0;
}
.cL h3 a{color:#6ba4cd;}
.cL h3 a:hover{color:#808080;}
/* ####################### PAGINA RICERCA ####################### */

.leftTextSearch {
float:left;
width:545px;
}

.leftImageSearch {
float:left;
padding:0 10px 0 0;
}

.headerResults {
border-bottom: solid 1px #DDDDDD;
padding:0 0 5px 0;
width: 650px;
margin-bottom:10px;
}

.resultInfo{float:left; width:550px;font-size:14px;}
.headerViewIcons {float:right; width:100px; margin:0; padding:0;}
.headerViewIcons li{margin:0 0 0 5px; padding:0; list-style:none; float:right;}
.headerViewIcons a:link, .headerViewIcons a:visited {
display:block;
height:16px;
width:16px;
text-indent:-999999px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
background: url('http://www.myalberghi.it/images/icons_viewopt.png') no-repeat;
}
.headerViewIcons a.gallery:link, .headerViewIcons a.gallery:visited{background-position:-100px 0;}
.headerViewIcons a.compact:link, .headerViewIcons a.compact:visited{background-position:-200px 0;}
.headerViewIcons a.list:link, .headerViewIcons a.list:visited{background-position:0 0;}
.headerViewIcons a.map:link, .headerViewIcons a.map:visited{background-position:-300px 0;}

.headerViewIcons a:hover, .headerViewIcons a.on:link , .headerViewIcons a.on:visited {
filter:alpha(opacity=100);
opacity: 1;
}


ul.mapSearchOpt{ padding:5px 0; margin-top:0px;}
ul.mapSearchOpt li{ list-style:none; display:inline-block; padding:0; margin:0 20px 0 0;}
#mapSearch{width: 650px; height: 650px; margin:10px 0 0 0;}


.resultBlock{margin:0;padding: 10px 0; border-bottom: 1px solid #DDD; width: 650px;}
.resultBlock h2{padding:0;}
.resultBlock h2 a, .resultBlock h2 a:visited{color:#6BA4CD;}
.resultBlock h2 a.distance, .resultBlock h2 a.distance:visited{text-decoration:underline; font-size:12px; font-weight:normal;}
.resultViewThumb{clear:both;}
.resultViewThumb li{margin:0; padding:0; list-style:none; float:left; width:210px; overflow:hidden;}
.resultViewThumb li a.thumbPic{display:table-cell; height:170px; vertical-align:middle; text-align:center; width:180px; background:#F2F2F2; padding:5px;}
.resultViewThumb li a{color:#6BA4CD; font-weight:bold;}
.resultViewThumb li span{display:block; padding:5px 0 2px 0;}
.resultViewThumb li em{font-weight:normal; display:block; padding:2px 0 0 0;}




/* ####################### SOTTO-CATEGORIE PAGINA RICERCA ####################### */

.subFilterValueBox{
float: left;
width:650px;
border-bottom: 1px solid #DDDDDD;
padding-bottom: 10px;
padding-top: 0px;
}

.subFilterValueBox a{
display: block;
float: left;
margin:5px 10px 5px 0;
width: 200px;
}

/* ####################### INFIELDLABEL JQUERY PLUGIN ####################### */

.cntInfield { position:relative; display:block;}
.cntInfield label.infield  { 
position:absolute; 
top:26px; 
left:9px;  
color: #999999;
font: normal 11px Arial, Helvetica, Verdana; color:#8299A4;  
}

span.cntInfield label.infield  {top:5px;}

.header .cntInfield{float:left;}

.searchBox label.infield  { font-size:16px; }


/* ##################### TICKER ##################### */

/* ---- Commons --------- */
.tickerWrap{padding-right:15px;}
.colRight .tickerWrap{padding:0 0 10px 0;}
.ticker h3{padding-top:0; padding-bottom:5px;}
.ticker h3 a{color:#6ba4cd;}

.ticker {
height: 40px;
overflow: hidden;
border: 1px solid #DDD;
margin: 0;
padding: 0;
list-style: none;
border-radius: 5px;
box-shadow: 0px 0px 5px #DDD;
}

.ticker li {
height: 100px;
border-bottom: 1px dotted #DDD;
padding: 5px;
margin: 0px 5px;
}

/* ---- Box con Testo + Immagine --------- */

ul.withImage li {
height: 100px;
overflow: hidden;
} 

ul.withImage img {
float: left;
width: 70px;
margin-right: 10px;
}

ul.withImage .fixTxt{float:left; width:545px;}
.colRight ul.withImage .fixTxt{float:left; width:195px;}

.fixTxt h3.left{margin-right:5px;float:none; display:inline-block;}

/* ---- Box con solo Testo --------- */

ul.onlyText {height: 300px;}

/* ##################### STAR RATING ##################### */

.rating{display:inline-block; background: url('http://www.myalberghi.it/images/rank.gif') 0 0 no-repeat; width:80px; height:14px;text-indent:-999999px;}
.rating00{background-position: 0 0 ;}
.rating05{background-position: 0 -20px ;}
.rating10{background-position: 0 -40px ;}
.rating15{background-position: 0 -60px ;}
.rating20{background-position: 0 -80px ;}
.rating25{background-position: 0 -100px ;}
.rating30{background-position: 0 -120px ;}
.rating35{background-position: 0 -140px ;}
.rating40{background-position: 0 -160px ;}
.rating45{background-position: 0 -180px ;}
.rating50{background-position: 0 -200px ;}

.ratingSmall{display:block;background: url('http://www.myalberghi.it/images/rank_small.gif') 0 0 no-repeat; width:50px; height:9px; text-indent:-999999px;}
.ratingSmall00{background-position: 0 0 ;}
.ratingSmall05{background-position: 0 -13px ;}
.ratingSmall10{background-position: 0 -25px ;}
.ratingSmall15{background-position: 0 -38px ;}
.ratingSmall20{background-position: 0 -50px ;}
.ratingSmall25{background-position: 0 -63px ;}
.ratingSmall30{background-position: 0 -75px ;}
.ratingSmall35{background-position: 0 -88px ;}
.ratingSmall40{background-position: 0 -100px ;}
.ratingSmall45{background-position: 0 -113px ;}
.ratingSmall50{background-position: 0 -125px ;}