p.classname{color:#fff;font-weight:700;font-size:12px;text-align:center;padding:0 0 30px 30px;margin-left:-18px;margin-top:-25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);float:left}

.punteggio{background-color:orange;text-align:center;color:#fff;font-weight:700;font-size:15px;width:30px;height:18px;float:left; margin-left: 5px;}

#amount{text-align:center}



#ricerca{



    min-height:400px;

    width: 220px;

    border-style: solid;

    border-color: #CCCCCC;

    border-width: 1px;

    float: left ;

    margin-top: 5px;

}



#ricerca_box{



    background-color: white;

    text-align: left;

    min-width: 190px;

    min-height: 50px;

    margin-top: 10px;

    margin-left: 10px;

}



#ricerca_title{



    color:white;

    min-height:22px;

    width: 100%;

    border-bottom-style: solid;

    border-color: #0054a8;

    border-bottom-width: 1px;

    float: left ;

    margin-bottom: 10px;

    background-color: #0054a8;

    font-size: 20px;

    font-weight: bold;

    min-width: 200px;

padding-left: 5px;



}

#affina_box{



    background-color: white;

    text-align: left;

    min-width: 200px;

    min-height: 50px;

    margin-top: 10px;

    margin-bottom: 8px;

    margin-left: 0px;

    margin-right: 0px;

    border-style: solid;

    border-color: #0054a8;

    border-width: 1px;

    float: left ;

    margin-top: 10px;

    margin-left: 10px;



}



.affina_title{



    color:white;

    min-height:22px;

    width: 100%;

    border-bottom-style: solid;

    border-color: #0054a8;

    border-bottom-width: 1px;

    float: left ;

    margin-bottom: 10px;

    background-color: #0054a8;

    font-size: 20px;

    font-weight: bold;

padding-left: 5px;

}

#affina_title{



    color:white;

    min-height:22px;

    width: 100%;

    border-bottom-style: solid;

    border-color: #0054a8;

    border-bottom-width: 1px;

    float: left ;

    margin-bottom: 10px;

    background-color: #0054a8;

    font-size: 20px;

    font-weight: bold;

padding-left: 5px;

}



#dispo_title{



    color:white;

    min-height:22px;

    width: 100%;

    border-bottom-style: solid;

    border-color: #0054a8;

    border-bottom-width: 1px;

    float: left ;

    margin-bottom: 10px;

    background-color: #0054a8;

    font-size: 16px;

    font-weight: bold;



}



#tipologia_box, #valutazione_box, #servizi_box {

    width: 100%;

    text-align: left;

    min-height:40px;

    margin-top: 5px;

    margin-bottom: 2px;

    margin-left: 0px;

    margin-right: 0px;

    float: left ;

}





.tipologia , .valutazione, .servizi, .pax{

    //width: 90%;

    text-align: left;

    float: left ;

    margin-left: 5px;

    height:18px;

}







#pax_box{

    width: 100%;

    text-align: left;

    min-height:40px;

    margin-top: 10px;

    margin-bottom: 2px;

    margin-left: 0px;

    margin-right: 0px;

    float: left ;

    border-bottom-style: solid;

    border-color: #CCCCCC;

    border-bottom-width: 1px;

}



img.resize{



    height:auto;

    width:auto;

    max-width:90px;

    max-height:12px;

    margin-left: 4px;

    margin-top: 3px;



}



img.resize10px{



    max-width:90px;

    max-height:10px;

}



input, textarea, select {

    margin: 0;

    padding: 0;

    font-size: 12px;

    float: left;

}



input:active,input:focus,input:hover,textarea:active,textarea:focus,textarea:hover {

    background-color: #E7E7E7;

    border-color: #CCCCCC;

}





#alloggi

{



    min-height:400px;

    width: 760px;

    float: left ;

    margin-left: 15px;

    margin-top: 10px;







}

#alloggi_marettimo

{

    background-color: white;

    text-align: left;

    margin-top: 0px;

    margin-bottom: 8px;

    margin-left: 0px;

    margin-right: 0px;

    border-style: solid;

    border-color: #CCCCCC;

    border-width: 1px;

    float: left ;

    width:100%;

    box-shadow: -3px -3px 6px #cccccc;

    -moz-box-shadow: -3px -3px 6px #cccccc;

    -webkit-box-shadow: -3px -3px 6px #cccccc;





}

#alloggi_marettimo_promo

{

    background-color: white;

    text-align: left;

    margin-top: 0px;

    margin-bottom: 8px;

    margin-left: 0px;

    margin-right: 0px;

    border-style: solid;

    border-color: #CCCCCC;

    border-width: 1px;

    float: left ;

    width:100%;

    box-shadow: 3px 3px 6px red;

    -moz-box-shadow: 3px 3px 6px red;

    -webkit-box-shadow: 3px 3px 6px red;





}





#triangle-topright {

    width: 0px;

    height: 0;

    border-top: 35px solid green;

    border-right: 35px solid transparent;

    float: left ;

}



#triangle-topleft {

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 40px 40px 0 0;

    border-color: #2abd42 transparent transparent transparent;



}



.punteggio{

    background-color: orange;

    text-align: center;

    color:white;

    font-weight: bold;

    font-size: 15px;

    width: 30px;

    height: 18px;

    float: left ;





}



#amount{



    text-align: center;





}







.tipologia:hover, .valutazione:hover, .servizi:hover, .pax:hover {

    background-color:#0054a8;

    color:#ffffff;

    cursor:pointer;



}



.sort-container {

    margin: 7px 0 12px;

    padding: 0 0 12px 0;

    border-bottom: 1px solid #dedede;

}

.views-icons {

    float: right;

    display: inline-block;

}

.views-icons a {

    float: left;

    display: block;

    width: 25px;

    height: 23px;

    background: url(images/sort_elements.png) 0 0 no-repeat;

}

.views-icons a.products-without-options {

    background-position: 0 0;

}

.views-icons a.products-multicolumns {

    background-position: -25px 0;

}

.views-icons a.short-list {

    background-position: -50px 0;

}

.views-icons a.products-without-options:hover {

    background-position: 0 -30px;

}

.views-icons a.products-multicolumns:hover {

    background-position: -25px -30px;

}

.views-icons a.short-list:hover {

    background-position: -50px -30px;

}

.views-icons a.products-without-options.active, .views-icons a.products-without-options.active:hover {

    background-position: 0 -60px;

}

.views-icons a.products-multicolumns.active, .views-icons a.products-multicolumns.active:hover {

    background-position: -25px -60px;

}

.views-icons a.short-list.active, .views-icons a.short-list.active:hover {

    background-position: -50px -60px;

}





fieldset {

    width: 100px;

    border: 0;

    margin-right: 20px;



}



.nofound{

    color:#0054a8; font-size: 14px;

    font-weight: bold;

    text-align: center;



}



.prezzo_iniziale{

    color:orange;

    font-size: 1.1em;

    font-weight: bold;

    text-align: center;

    text-decoration: line-through;



}



.prezzo_finale{

    color:#0054a8;

    font-size: 1.2em;

    font-weight: bold;

    text-align: center;



}



a.logout:link {  color:#0054a8; font-size: 13px; font-weight: bold;text-decoration:none;line-height: 10px;}

a.logout:visited { color:#0054a8; font-size: 13px; font-weight: bold;text-decoration:none;line-height: 10px;}

a.logout:hover { color:orange; font-size: 13px; font-weight: bold;text-decoration:none;line-height: 10px;}

a.logout:active { color:#0054a8; font-size: 13px; font-weight: bold;text-decoration:none;line-height: 10px;}







/* select with custom icons */

.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item {

    padding: 2px 5px 5px 90px;

    font-size: 10px;

}

.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {

    height: 10px;

    width: 80px;

    top: 0.1em;

}

.ui-icon.a_1_0 {

    background: url("../images/user_1_0.png") 0 0 no-repeat;

}

.ui-icon.a_2_0 {

    background: url("../images/user_2_0.png") 0 0 no-repeat;

}

.ui-icon.a_2_1 {

    background: url("../images/user_2_1.png") 0 0 no-repeat;

}

.ui-icon.a_2_2 {

    background: url("../images/user_2_2.png") 0 0 no-repeat;

}

.ui-icon.a_3_0 {

    background: url("../images/user_3_0.png") 0 0 no-repeat;

}

.ui-icon.a_3_1 {

    background: url("../images/user_3_1.png") 0 0 no-repeat;

}

.ui-icon.a_4_0 {

    background: url("../images/user_4_0.png") 0 0 no-repeat;

}

.ui-icon.a_4_1 {

    background: url("../images/user_4_1.png") 0 0 no-repeat;

}

.ui-icon.a_4_2 {

    background: url("../images/user_4_2.png") 0 0 no-repeat;

}

.ui-icon.a_5_0 {

    background: url("../images/user_5_0.png") 0 0 no-repeat;

}

.ui-icon.a_5_1 {

    background: url("../images/user_5_1.png") 0 0 no-repeat;

}

.ui-icon.a_6_0 {

    background: url("../images/user_6_0.png") 0 0 no-repeat;

}

.ui-icon.a_6_1 {

    background: url("../images/user_6_1.png") 0 0 no-repeat;

}

.ui-icon.a_6_2 {

    background: url("../images/user_6_2.png") 0 0 no-repeat;

}

.ui-icon.a_7_0 {

    background: url("../images/user_7_0.png") 0 0 no-repeat;

}

.ui-icon.a_8_0 {

    background: url("../images/user_8_0.png") 0 0 no-repeat;

}



#info_box

{



    height:24px; 

    width:100px; 

    margin-top:-4px;

}



.fancybox-custom .fancybox-skin {

    box-shadow: 0 0 50px #222;

}



.ui-tooltip, .arrow:after {

    background: #0054a8;

    border: 2px solid white;

}

.ui-tooltip {

    padding: 10px 20px;

    color: white;

    border-radius: 20px;

    font: bold 14px "Helvetica Neue", Sans-Serif;

    text-transform: uppercase;

    box-shadow: 0 0 7px black;

}

.arrow {

    width: 70px;

    height: 16px;

    overflow: hidden;

    position: absolute;

    left: 50%;

    margin-left: -35px;

    bottom: -16px;

}

.arrow.top {

    top: -16px;

    bottom: auto;

}

.arrow.left {

    left: 20%;

}

.arrow:after {

    content: "";

    position: absolute;

    left: 20px;

    top: -20px;

    width: 25px;

    height: 25px;

    box-shadow: 6px 5px 9px -9px black;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}

.arrow.top:after {

    bottom: -20px;

    top: auto;

}

.mh300{

    max-height: 300px;

}