/*********************************
    -   TITLE AND TEXT STYLES -
***********************************/

a,
a:visited {
    text-decoration: none;
  /*  color: #999; */
}

a:hover {
    text-decoration: underline;
    color: #999;
}

p,
i {
    font-size: 14px;
    color: #111;
    line-height: 23px;
}

span.verysmall,
p.verysmall,
.verysmall {
    font-size: 10px;
    line-height: 21px;
}

span.small,
p.small,
a.small,
a.small:visited,
a.small:hover {
    font-size: 12px;
    line-height: 22px;
}

span.medium,
p.medium,
a.medium,
a.medium:visited,
a.medium:hover {
    font-size: 16px;
    line-height: 24px;
}

span.big,
p.big {
    font-size: 18px;
}

.italic {
    font-style: italic;
}

span.thin,
p.thin {
    font-weight: 300;
}

span.quote,
p.quote {
    font-size: 20px;
    line-height: 25px;
    color: #000;
    font-weight: 400;
}

span.white,
p.white,
.white {
    color: #fff;
}

span.black,
p.black,
.black,
a.black,
a.black:visited {
    color: #000;
}

span.gray,
p.gray,
.gray {
    color: #6F6D6C;
}

span.darkgray,
p.darkgray,
.darkgray {
    color: #737373;
}

span.lightgray,
p.lightgray {
    color: #aaa;
}

span.darkgray,
p.darkgray {
    color: #737373;
}

.bold {
    font-weight: 700;
}

.light {
    font-weight: 300;
}

a.condensed,
a.condensed:visited,
a.condensed:hover,
p.condensed {
    font-family: 'Helvetica', 'Roboto', sans-serif;
}

.subfooter p {
    color: #b2b2b2;
    line-height: 15px;
    font-size: 13px;
}

.footer p {
    color: #cacaca;
}


/************************************
    -   CONTENT SHORTCODES  -
************************************/

.gap-right {
    margin-right: 10px;
}

.gap-left {
    margin-right: 10px;
}

.one_half {
    width: 49.5%;
    position: relative;
}

.one_third {
    width: 32%;
    position: relative;
}

.two_third {
    width: 66%;
    position: relative;
}

.three_fourth {
    width: 74%;
    position: relative;
}

.four_fifth {
    width: 78% position: relative;
}

.one_fourth {
    width: 23.5%;
    position: relative;
}

.one_fifth {
    width: 18.2%;
    position: relative;
}

.two_fifth {
    width: 39%;
    position: relative;
}

.three_fifth {
    width: 58.3%;
    position: relative;
}

.one_sixth {
    width: 13.33%;
    position: relative;
}

.one_half,
.one_third,
.two_third,
.one_fourth,
.one_fifth,
.three_fourth,
.one_sixth,
.four_fifth,
.two_fifth,
.three_fifth {
    margin-right: 1%;
    margin-bottom: 0px;
    float: left;
}

.lastcolumn {
    margin-right: 0!important;
    clear: right;
}

.float_left {
    float: left;
}


/*************************
 - LANGUAGE FLAGS -
************************/

ul.flags {
    position: relative;
    list-style: none;
    display: block;
    height: 32px;
}

.flags li {
    position: relative;
    display: inline;
    margin-right: 5px;
    z-index: 100;
    cursor: pointer;
}

.flags li:last-child {
    margin-right: 0px;
}

.languagebar {
    background: #f4f4f4;
    border: 1px solid #ccc;
    margin: 0 auto;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    vertical-align: middle;
}

.flagbox {
    height: 20px;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.flags a:hover {
    text-decoration: none;
}


/******************************
    -   HEADER  -
********************************/

.subheader_wrapper {
    /*background-color:#fff; */
    width: 100% border-bottom: 1px solid #d8d8d8;
}

.header_wrapper {
    background-color: #f4f4f4;
    border-bottom: 1px solid #d8d8d8;
    position: relative;
}

.logoholder {
    position: relative;
    width: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}

.logo_struttura {
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    margin-top: 5px;
    margin-bottom: 5px;
}

.nome_struttura {
    max-width: 100%;
    position: relative;
    vertical-align: middle;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #111;
    font-weight: 400;
    font-size: 2.5em;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#ffffff)";
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color=#ffffff);
}


/******************************
    -   CONTAINERS  -
********************************/

body.boxedlayout {
    padding: 10px 0px;
}


/*
.boxedlayout .boxed-wrapper {
  
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
   -width: 1020px;
    margin: auto;
}
*/


/*
.boxedlayout .maincontent,
.boxedlayout .footer, 
.boxedlayout .header, 
.boxedlayout .subfooter,
*/

.boxedlayout {
    /* max-width: 1020px;*/
    margin: 0 auto;
}


/* 
.maincontent {
    background-color:#f4f4f4; 
    background-color:rgba(255,255,255,0.5);
}
 */


/******************************
    -   MAIN CONTAINERS -
********************************/

.my-container {
    padding: 0 5px;
    /*margin: 0 4px;*/
}

header .my-container {
    padding: 0px;
    margin: 0px;
}

.footer .my-container {
    padding: 20px 20px;
}

.callout {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 30px 20px;
}


/******************************
    -   SUBFOOTER   -
********************************/

.subfooter {
    background-color: #333;
    padding: 25px 0px;
}

.footer {
    background-color: #4d4d4d;
}


/**********************************************
    -   THE NAVIGATION MENU -
***********************************************/

#menu {
    position: relative;
    z-index: 1000;
}


/*
#nav                            {   float:right;    position:relative; z-index:1000;   margin-bottom: 0px;}
#nav, #nav a, #nav a:visited    {   text-decoration: none;   font-family:'Helvetica','Roboto', Sans Serif; font-weight:700; }
#nav a.activepage               {   font-weight:700; font-family:'Helvetica','Roboto', Sans Serif;}

/******************************
    -  RESOPNSIVE MENU  -
******************************/

.navigator_bar {
    width: 100%;
    height: 40px;
    background-color: #222;
    display: none;
    border-bottom: 1px solid #ddd;
}

.responsive_wrapper {
    width: 40px;
    height: 40px;
    z-index: 10000;
    display: none;
    position: absolute;
    top: 15px;
    right: 0px;
    width: 100%;
    height: 1500px;
    overflow: hidden;
}

.responsive_wrapper.active {
    display: block;
}

.resp-navigator {
    cursor: pointer;
    margin: 0;
    display: none;
    background-color: #000;
    height: 39px;
    width: 42px;
}

.resp-closer {
    position: absolute;
    top: 0px;
    left: 250px;
    width: 40px;
    height: 40px;
    padding-top: 5px;
    padding-left: 5px;
    line-height: 10px;
    vertical-align: middle;
    background-color: #000;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.resp-closer:hover {
    color: #565656;
}

#responsive-menu {
    z-index: 30000;
    position: absolute;
    top: 60px;
    left: -400px;
    width: 250px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -moz-box-shadow: -3px 0px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -3px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: -3px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#responsive-menu.active {
    left: 0px;
}

.resp-menuheader {
    line-height: 48px;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 19px;
}

#responsive-menu ul {
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.3);
}

#responsive-menu ul li {
    line-height: 40px;
    padding: 0px 20px;
    color: #000;
    border-bottom: 1px solid #eee;
    text-transform: capitalize;
}

#responsive-menu ul li,
#responsive-menu ul li a,
#responsive-menu ul li a:visited,
#responsive-menu ul li a:focus,
#responsive-menu ul li a:hover {
    color: #000 !important;
    font-weight: 700;
    text-transform: capitalize !important;
}

#responsive-menu ul li.rev-sublevel,
#responsive-menu ul li.rev-sublevel a,
#responsive-menu ul li.rev-sublevel a:visited,
#responsive-menu ul li.rev-sublevel a:focus,
#responsive-menu ul li.rev-sublevel a:hover {
    color: #000 !important;
    font-weight: 300;
    text-transform: capitalize !important;
}

#responsive-menu ul li.rev-toplevel {
    background: #f1f1f1;
}

#responsive-menu ul li.rev-sublevel {
    background: #fff;
    padding-left: 30px;
    color: #000;
}

#responsive-menu ul li.rev-subsublevel {
    background: #fff;
    padding-left: 45px;
    color: #000;
    font-weight: 300;
}

#responsive-menu ul li.rev-subsublevel a,
#responsive-menu ul li.rev-subsublevel a:visited,
#responsive-menu ul li.rev-subsublevel a:hover {
    font-weight: 300;
}

bg_dark {
    background: #222;
    color: #fff;
}


/****************************************************************************************************
    -   GOOGLE MAP  -
*****************************************************************************************************/

#map {
    height: 500px;
    background-color: #eee;
    border: 1px solid #d9d9d9;
}

#map_wrapper {
    max-width: 100%;
    display: none;
}

.invisible {
    display: none;
}

#map-canvas {
    margin: 0px;
    padding: 0px;
    height: 100%;
    max-width: 100%;
}

.gmap_wrapper {
    max-width: 100%;
}

.gmap_inner img {
    max-width: none;
}

.gmap_inner {
    width: 100%;
    position: relative;
    height: 480px;
    z-index: 5;
    background-color: #eee;
    border: 1px solid #d9d9d9;
}


/******************************
    -   INPUT COLORS ETC:   -
********************************/

.form-control,
.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.form-control {
    border-color: #cfdadd;
    border-radius: 2px;
}


/******************************
    -   WIDGET SETTINGS  -
*******************************/

.widget-list ul li {
    padding-left: 20px;
}

.widget-list ul li,
.widget-list ul li a,
.widget-list ul li a:hover,
.widget-list ul li a:visited {
    font-size: 11px;
    line-height: 25px;
    font-weight: 700;
}


/**********************************
    -   PAGINATION  -
***********************************/

.pagination {
    padding: 0;
    margin: 0;
}

.pagination a,
.pagination a:visited {
    padding: 5px 11px;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #555;
    margin-left: -1px;
    font-size: 13px;
    font-weight: 700;
}

.pagination a:hover,
.pagination a:active,
.pagination a.active {
    background-color: #eee;
}


/*********************************************
        -   HOVER AND FADE GROUPS -
**********************************************/

.fadegroup .fadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in-out;
}

.fadegroup .fadeitem.nothovered {
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.reversefadeitem {
    -webkit-transform: translateZ(10);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-opacity: 0.2;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.reversefadeitem:hover {
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}


/**********************************************
    -   IMAGE CONTAINERS -
**********************************************/

.fullwidth_img_container_small {
    width: 100%;
    max-height: 220px;
    overflow: hidden;
    position: relative;
}


/******************************
    -   SOCIAL SHARES   -
********************************/

.mr_social_sharing_wrapper {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 0;
}

div.mr_social_sharing_top,
span.mr_social_sharing_top {
    vertical-align: top;
    float: left;
}

span.mr_social_sharing,
span.mr_social_sharing_top {
    display: inline-block;
}

div.mr_social_sharing,
span.mr_social_sharing,
div.mr_social_sharing_top,
span.mr_social_sharing_top {
    display: block;
    width: auto;
    height: auto;
    margin: 0 4px;
    padding: 0;
    vertical-align: bottom;
}


/******************************
    -   LIKE STYLES -
********************************/

.fb-like-box {
    margin-top: -10px;
    display: inline-block;
}

.fb-like-style {
    display: inline-block;
    width: 75px;
    height: 20px;
    overflow: hidden;
}

.fb-like-style-span {
    height: 20px;
    width: 75px;
}

.fb-like-iframe {
    border: none;
    overflow: hidden;
    height: 20px;
    width: 225px;
}

.google-like-style {
    height: 20px;
    width: 32px;
    display: inline-block;
    text-indent: 0px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    border-style: none;
    float: none;
    line-height: normal;
    font-size: 1px;
    vertical-align: baseline;
    background-position: initial initial;
    background-repeat: initial initial;
}

.google-like-iframe {
    position: static;
    top: 0px;
    width: 32px;
    margin: 0px;
    border-style: none;
    left: 0px;
    visibility: visible;
    height: 20px;
}

.twitter-like-iframe {
    width: 65px;
    height: 20px;
}


/*********************************
    -   CSS ANIMATION CLASSES   -
***********************************/

@-webkit-keyframes fallDown {
    0% {
        -webkit-transform: translateY(-150%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes fallUp {
    0% {
        -webkit-transform: translateY(150%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes open {
    0% {
        -webkit-transform: scale(1, 0);
    }
    100% {
        -webkit-transform: scale(1, 1);
    }
}

@-webkit-keyframes close {
    0% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1, 0);
    }
}

@-webkit-keyframes squeeze {
    0% {
        height: 400px;
    }
    100% {
        height: 120px;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes slideLeft {
    0% {
        -webkit-transform: translateX(120%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-120%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

@-webkit-keyframes moveUp {
    0% {
        -webkit-transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-170px);
    }
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        -webkit-transform: scale(1.3);
    }
    20%,
    75% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        -webkit-transform: scale(1);
    }
    100% {
        opacity: 0;
        text-shadow: 0px 0px 50px #fff;
        -webkit-transform: scale(0);
    }
}

@-webkit-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        -webkit-transform: scale(1.3);
    }
    50% {
        opacity: 0.5;
        text-shadow: 0px 0px 10px #fff;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes fadeInBack {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
    }
    50% {
        opacity: 0.4;
        -webkit-transform: scale(2);
    }
    100% {
        opacity: 0.2;
        -webkit-transform: scale(5);
    }
}

@-webkit-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -webkit-transform: scale(0) rotate(360deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotate(0deg);
    }
}


/**/

@-moz-keyframes fallDown {
    0% {
        -moz-transform: translateY(-150%);
    }
    100% {
        -moz-transform: translateY(0%);
    }
}

@-moz-keyframes fallUp {
    0% {
        -moz-transform: translateY(150%);
    }
    100% {
        -moz-transform: translateY(0%);
    }
}

@-moz-keyframes open {
    0% {
        -moz-transform: scale(1, 0);
    }
    100% {
        -moz-transform: scale(1, 1);
    }
}

@-moz-keyframes close {
    0% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1, 0);
    }
}

@-moz-keyframes squeeze {
    0% {
        height: 400px;
    }
    100% {
        height: 120px;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes slideLeft {
    0% {
        -moz-transform: translateX(120%);
    }
    100% {
        -moz-transform: translateX(0%);
    }
}

@-moz-keyframes slideRight {
    0% {
        -moz-transform: translateX(-120%);
    }
    100% {
        -moz-transform: translateX(0%);
    }
}

@-moz-keyframes moveUp {
    0% {
        -moz-transform: translateY(0px);
    }
    100% {
        -moz-transform: translateY(-170px);
    }
}

@-moz-keyframes zoomIn {
    0% {
        -moz-transform: scale(0);
    }
    100% {
        -moz-transform: scale(1);
    }
}

@-moz-keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        -moz-transform: scale(1.3);
    }
    20%,
    75% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        -moz-transform: scale(1);
    }
    100% {
        opacity: 0;
        text-shadow: 0px 0px 50px #fff;
        -moz-transform: scale(0);
    }
}

@-moz-keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        -moz-transform: scale(1.3);
    }
    100% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        -moz-transform: scale(1);
    }
}

@-moz-keyframes fadeInBack {
    0% {
        opacity: 0;
        -moz-transform: scale(0);
    }
    50% {
        opacity: 0.4;
        -moz-transform: scale(2);
    }
    100% {
        opacity: 0.2;
        -moz-transform: scale(5);
    }
}

@-moz-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -moz-transform: scale(0) rotate(360deg);
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1) rotate(0deg);
    }
}

@keyframes fallDown {
    0% {
        transform: translateY(-150%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes fallUp {
    0% {
        transform: translateY(150%);
    }
    100% {
        transform: translateY(0%);
    }
}

@keyframes open {
    0% {
        transform: scale(1, 0);
    }
    100% {
        transform: scale(1, 1);
    }
}

@keyframes close {
    0% {
        -webkit-transform: scale(1, 1);
    }
    100% {
        -webkit-transform: scale(1, 0);
    }
}

@keyframes squeeze {
    0% {
        height: 400px;
    }
    100% {
        height: 120px;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slideLeft {
    0% {
        transform: translateX(120%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes slideRight {
    0% {
        transform: translateX(-120%);
    }
    100% {
        transform: translateX(0%);
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-170px);
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes blurFadeInOut {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        transform: scale(1.3);
    }
    20%,
    75% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        text-shadow: 0px 0px 50px #fff;
        transform: scale(0);
    }
}

@keyframes blurFadeIn {
    0% {
        opacity: 0;
        text-shadow: 0px 0px 40px #fff;
        transform: scale(1.3);
    }
    50% {
        opacity: 0.5;
        text-shadow: 0px 0px 10px #fff;
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        text-shadow: 0px 0px 1px #fff;
        transform: scale(1);
    }
}

@keyframes fadeInBack {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 0.4;
        transform: scale(2);
    }
    100% {
        opacity: 0.2;
        transform: scale(5);
    }
}

@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: scale(0) rotate(360deg);
    }
    100% {
        opacity: 1;
        transform: scale(1) rotate(0deg);
    }
}


/************************
        - PROMO -
*************************/

.promo_box {
    position: relative;
    width: 266px;
    font-size: 0.8em;
    font-weight: 400;
    margin: 0 auto;
    padding: 2px;
    color: #666;
}

.custom_promo_box {
    position: relative;
    width: 266px;
    height: 180px;
    font-size: 0.8em;
    font-weight: 400;
    margin: 0 auto;
    padding: 2px;
}

.promo_title {
    font-family: "Roboto";
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1em;
    text-transform: uppercase;
    padding-left: 12px;
    padding-top: 21px;
    color: #222;
}


/*

.promo_overlay {
    position: absolute;
    bottom: 6px;
    width: 95%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.7);
}
*/

.promo_box h3 {
    font-family: "Roboto";
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1em;
}

.promo_box img {
    margin: 0 auto;
    max-width: 100%;
}

.maxw100 {
    max-width: 100%;
}

.grad,
.big_promo_box {
    background: rgb(255, 255, 255);
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    /* IE6-8 */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #eee;
    width: 100%;
    position: relative;
    min-height: 250px;
    font-size: 0.9em;
    font-weight: 400;
    margin: 0 auto;
    padding: 6px;
    color: #333;
    overflow: hidden;
}

.big_promo_box img:after {
    clear: right;
}

.big_promo_box img {
    max-width: 100%;
    float: right;
    clear: right;
    text-align: right;
    vertical-align: bottom;
    position: absolute;
    bottom: 0;
    right: 0;
}

.big_promo_box_txt h3 {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.2em;
}

.centered_container {
    margin: 0 auto;
    text-align: left !important;
}

.leftContent {
    /*float: left;
    width: 70%;*/
    padding: 0;
    overflow: hidden;
}

.rightSidebar {
    /*
    float: right;
    width: 29.5%;
    */
    padding: 0;
    overflow: hidden;
}

.centered:before,
.centered:after {
    display: table;
}

.centered_container:before,
.centered_container:after {
    display: table;
}


/***********************
OLD RESULTS LIST
***********************/

.rigaRisultatiRicerca {
    position: relative;
    background: #eee;
    cursor: pointer;
}

.riga {
    position: relative;
    background: #f4f4f4;
    margin-bottom: 20px;
}

.riga:hover {
    background: #eee;
    cursor: pointer;
}

.colonnaRisultatiRicerca {
    margin: 10px 4px 10px 4px;
    display: block;
    float: left;
    vertical-align: middle;
    width: 80px;
}

.colonnaRisultatiRicerca1 {
    margin: 10px 4px 10px 4px;
    width: 294px;
    display: block;
    float: left;
    vertical-align: middle;
}

.colonnaRisultatiRicerca2 {
    margin: 10px 4px 10px 4px;
    width: 112px;
    display: block;
    float: left;
    vertical-align: middle;
}

.colonnaRisultatiRicerca3 {
    margin: 10px 4px 10px 4px;
    width: 112px;
    display: block;
    float: left;
    vertical-align: middle;
}

.colonnaRisultatiRicerca4 {
    margin: 10px 4px 10px 4px;
    width: 112px;
    display: block;
    float: left;
    vertical-align: middle;
}


/************************
 RESULTS LIST 
*************************/

#searchResult div {
    display: inline-block;
}

.media {
    font-size: 12px;
}

.media-body {
    line-height: 1rem;
    padding: 4px;
}

.side-col {
    vertical-align: top;
    margin: 0 6px;
    padding: 4px;
    color: #111;
    box-sizing: border-box;
}

.maxw300 {
    max-width: 300px;
}

.w120 {
    width: 120px;
}

.fs-text {
    color: #111;
}

.fs-title {
    font-size: 1em;
    margin-top: 4px;
    color: #1198c5;
    line-height: 1.2em;
}

.fsqvenueinfo {
    font-size: 11px;
    margin: 2px;
    /*color:#1198c5;*/
    display: inline-block;
}

ul.myres {
    margin: 10px;
}

.comment {
    background-color: #eee;
    font-size: 12px;
    line-height: 14px;
    color: #111;
}

.comment a,
.comment a:hover,
.comment a:visited {
    color: #111;
    text-decoration: none;
}

ul.myres li:hover {
    background: #eee;
    /*
  cursor: pointer;
  */
}

ul.myres li {
    margin: 5px 0;
    background-color: #f4f4f4;
    color: #111;
}

.clear_block {
    display: block;
    overflow: hidden;
}

.list-group-lg .list-group-item {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dv {
    display: inline-block;
    margin: 0 5px;
    color: #111;
    padding 2px;
    /* width:100px;*/
}

.no-border,
.no-borders {
    border-color: transparent;
    border-width: 0;
}

.no-radius {
    border-radius: 0;
}

.m-t-n-xxs {
    margin-top: -1px;
}

.m-r-sm {
    margin-right: 10px;
}

.thumb-xl {
    width: 128px;
    display: inline-block;
}

.thumb-lg {
    width: 96px;
    display: inline-block;
}

.thumb-md {
    width: 64px;
    display: inline-block;
}

.thumb {
    width: 50px;
    display: inline-block;
}

.thumb-sm {
    width: 34px;
    display: inline-block;
}

.thumb-xs {
    width: 24px;
    display: inline-block;
}

.thumb-wrapper {
    padding: 2px;
    border: 1px solid #ddd;
}

.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.img-full {
    max-width: 100%;
}

.img-full > img {
    max-width: 100%;
}

.clear_block {
    display: block;
    overflow: hidden;
}

.block {
    display: block;
    width: 100%;
}


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

ul.result-container {
    width: 100%;
    display: block;
    padding: 1.5px;
}

ul.result-container:before,
ul.result-container:after {
    clear: both;
    float: none;
    display: block;
}

li.result-row {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
    display: table;
    table-layout: fixed;
    min-height: 80px;
}

li.result-row:hover {
    background-color: #f4f4f4;
}

.icon_placeholder {
    margin-left: 20px;
    width: 80px;
    height: 80px;
    /*background: #f4f4f4; */
}

.wh80 {
    width: 80px;
    height: 80px;
}

.fixed_width {
    width: 100px;
}

.result-box {
    display: block;
    height: 80px;
    width: 300px;
}

.result-col-r {
    display: table-cell;
    vertical-align: top;
    max-width: 300px;
}

.result-col {
    display: table-cell;
    vertical-align: top;
}

.result-main {
    /* background: #e8f6fe;*/
    width: 390px;
    overflow: hidden;
    vertical-align: top;
    display: table-cell;
}

​​
/***************************/

.promo {
    max-width: 200px;
    padding: 0;
    max-height: 140px;
    margin: 0 auto;
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.promo img {
    margin: 0 auto;
    max-width: 100%;
}

.result-icon {
    padding: 2px;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.result-name {
    margin-top: 0;
    font-weight: 300;
    font-size: 16px;
    vertical-align: top;
    color: #333;
    text-align: left;
}

.result-address {
    font-size: 12px;
    vertical-align: top;
    text-align: left;
}

.lm5 {
    margin-left: 5px;
}

#results a {
    vertical-align: top;
    text-decoration: none;
    padding: 0 4px;
}

#results a:hover,
a:visited {
    text-decoration: underline;
}

#results li img.promo {
    float: right;
    max-width: 250px;
    margin: 4px;
}

#results li .thumb1 {
    width: 250px;
    height: 250px;
}


/*#results li img.icon {
    margin: 4px;
    width: 48px;
    height: 48px;
}*/

.thumb1 {
    width: 50px;
    height: 50px;
}

.normal {
    width: 100%;
    height: 100%;
    position: relative;
}

.half-width {
    width: 50%;
}

.message {
    min-width: 300px;
    min-height: 50px;
    background: #111;
    color: #fff;
    float: left;
}

.result {
    text-align: left;
    margin: 5px;
    padding: 4px;
    background: #fff;
    padding: 10px;
    display: block;
    min-height: 30px;
}

li.iter_row {
    display: block;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.h48 {
    height: 48px;
}

.h64 {
    height: 64px;
}

.inline {
    display: inline;
}

.footer {
    display: none;
    visibility: hidden;
}


/*
 .table                 {   display:table; }
 .table-cell.fullwidth  {   width:100%;}
 .table-cell            {   display:table-cell; vertical-align:bottom;}
 .table-cell.top        {   vertical-align:top;}
*/

.side_logo {
    max-width: 98%;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.site_link {
    margin: 5px;
}

.visible-phone {
    display: none;
}

.hidden-phone {
    display: block;
}

.twitter_container {
    text-align: left;
}

.pagination {
    line-height: 30px;
}

.static-page {
    margin: 0;
    padding: 5px;
    text-align: left;
    display: block;
}

.static-page p {
    margin: 10px 0;
}

.static-page img {
    margin: 5px auto;
    display: inline-block;
    max-width: 100%;
}

.static-page:after {
    clear: both;
    display: block;
}


/* THE ICON SETTINGS */

i.mini {
    font-size: 10px;
    line-height: 12px !important;
    margin-top: 2px;
    padding: 0px 1px 0px 1px;
}

i.verysmall {
    font-size: 12px;
    line-height: 21px !important;
}

i.small {
    font-size: 15px;
    line-height: 21px !important;
}

i.normal {
    font-size: 18px;
    line-height: 18px !important;
}

i.medium {
    font-size: 26px;
    line-height: 25px !important;
}

i.large {
    font-size: 40px;
    line-height: 45px !important;
}

i.extremlarge {
    font-size: 50px;
    line-height: 60px !important;
}

i.fiftyfifty {
    padding: 12px;
}

i.iconborder {
    border: 2px solid #d1d1d1;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.portfolio-nav i {
    color: #d1d1d1;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.icon-colored-hover i {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: auto;
    height: auto;
    line-height: auto;
    vertical-align: top;
    background-image: none;
    background-position: left top;
    background-repeat: no-repeat;
    margin-top: 0;
}


/* Effect 1  */


/*.hi-icon-effect-1 .hi-icon {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}
.hi-icon-effect-1 .hi-icon:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}*/


/* Effect 1a  */


/*
.no-touch .hi-icon-effect-1a .hi-icon:hover {
    background: rgba(255, 255, 255, 1);
    color: #111;
}
.no-touch .hi-icon-effect-1a .hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}*/

img {
    max-width: 98%;
}


/*
img.icon {
    max-width: none;
    width: 48px;
    height: 48px;
}*/

.mlr20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.maxwidth100 {
    max-width: 100px;
}

.maxwidth300 {
    max-width: 300px;
}

.maxwidth400 {
    max-width: 400px;
}

.maxwidth500 {
    max-width: 500px;
}

.maxwidth600 {
    max-width: 600px;
}

.maxwidth800 {
    max-width: 800px;
}

.maxwidth1024 {
    max-width: 1024px;
}

.oh {
    overflow: hidden;
}

.scrollbox {
    background-color: #f4f4f4;
    overflow-y: auto;
    height: 480px;
}

.img_blur {
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}

#splash-wrapper {
    width: 100%;
    height: 185px;
    margin: 0 auto;
    position: relative;
}

#bg {
    position: absolute;
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 150px;
    background-color: #ddd;
}

.cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.post_form {
    background-color: #f7f7f7;
    margin: 10px;
    padding: 10px;
}

.button_symbol {
    font-size: 24px;
    padding-top: 8px;
    text-align: left;
}

.paddingH5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

#over {
    z-index: 10;
    position: absolute;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: #fff;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    border: 2px solid #ddd;
}

.login_wrapper {
    margin: 0 auto;
    margin: 10px;
}

.login_bg {
    background-color: #fff;
    /*opacity: 0.95; */
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0 auto;
}

.round {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    border: 2px solid #ddd;
}

.inwya_symbol {
    font-size: 60px;
    padding-top: 0px;
    color: #4ED4FF;
}

img.userImg {
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 50%;
    /* Firefox 1-3.6 */
    -moz-border-radius: 50%;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 50%;
    padding: 2px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.shadow {
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
}

.mt20 {
    margin-top: 20px;
}

.base_padidng {
    padding: 10px;
}

.base_margin {
    margin: 10px;
}

.msg {
    margin: 10px auto;
    color: red;
}


/************************
 NEWS 
*************************/

#feedelemcont,
#contFeed {
    /*
    background-color: #efefef;
    */
}

#intestazioneFeed,
#feedelem {
    display: block;
    padding: 10px;
    margin: 4px;
    background-color: #fff;
    border: 1px solid #f4f4f4;
}

#feedimg {
    display: inline;
    padding: 2px;
    margin-right: 4px;
}

#feedimg img {
    max-width: 90%;
}

#feedtext {
    display: inline;
    padding: 10px;
}

#feedtext a {
    margin: 5px 0px;
    font-size: 1.5em;
    font-weight: 300;
    text-decoration: none;
    display: inline;
}

#clearfloat {
    display: table;
}

#feedline {
    height: 1px;
    /*
    margin-top:5px;
    background-color: #ff0000;
    */
}


/******************************
    GUESTBOOK
******************************/

.twitter_container {
    color: #444;
    /* font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; */
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    background: #FFF;
}

.twitter_container a {
    color: #0066CC;
}

.twitter_status {
    font-size: 12px;
    padding: 6px;
    border-bottom: solid 0px #DEDEDE;
    background: #FFF;
    /*margin-left: 12px;*/
}

.twitter_status:before,
.twitter_status:after {
    clear: both;
    display: table;
}

.twitter_image_container {
    width: 100px;
    float: left;
}

.twitter_image {
    float: left;
    margin-right: 2px;
    border: solid 2px #DEDEDE;
    width: 50px;
    max-height: 60px;
}

.twitter_image_small {
    float: left;
    margin-right: 2px;
    border: solid 2px #DEDEDE;
    width: 32px;
    max-height: 40px;
}

.comment_wrap {
    float: left;
    font-size: 13px;
    width: 80%;
}

.comment_body {
    font-size: 0.92em;
    font-family: "lucida grande", "tahoma";
}

.comment_owner {
    /*display: inline;
    margin-right: 4px;*/
    font-weight: bold;
}

.comment_text {
    display: inline;
}

.comment_user_link {
    text-decoration: none;
    color: rgb(59, 89, 152);
}

.comment_replies {
    font-size: 11px;
    padding-top: 5px;
    font-family: "tahoma";
    font-weight: normal;
    color: rgb(119, 119, 119);
}

.social_image {
    float: left;
    margin-right: 0px;
}

.social_image_small {
    float: left;
    margin-right: 0px;
    width: 18px;
}

.twitter_small {
    font-size: 11px;
    padding-top: 4px;
    color: #999;
    display: block;
}

#twitter-results {
    padding-top: 8px;
}

.eguest_top_comm_cont {
    background-color: #F2F2F2;
    margin-top: 2px;
    margin-bottom: 20px;
    padding-top: 5px;
    padding-bottom: 4px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    border-bottom: 1px solid #CBCBCB;
    border-left: 1px solid #CBCBCB;
    border-right: 1px solid #CBCBCB;
    border-top: 2px solid #919191;
}

.eguest_comm_cont {
    background-color: #edeff4;
    /* width: 400px;*/
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #e5eaf1;
    margin-left: 50px;
    margin-top: 2px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    font-size: 11px;
}

.btnAccedi {
    background-color: #FC3;
    background-position: 0pt -48px;
    color: #222;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    display: -moz-inline-box;
    display: inline-block;
    outline: none;
    border: 1px solid #29447e;
}

.btnCommenta {
    background-color: #627AAC;
    background-position: 0pt -48px;
    color: #ffffff;
    padding-left: 3px;
    padding-right: : 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
    display: -moz-inline-box;
    display: inline-block;
    outline: none;
    border: 1px solid #29447e;
}

.eguestTextArea {
    font-size: 11px;
    font-family: tahoma;
    width: 316px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    border: 1px solid #BDC7D8;
}

.eguestTopTextArea {
    font-size: 12px;
    font-family: tahoma;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
    border: 1px solid #BDC7D8;
    color: rgb(119, 119, 119);
}

.eguestTopTextArea {
    width: 80%;
    min-width: 200px;
    height: 50px;
}


/***OLD BOX****/

#hp_box_2col {
    margin: 0 auto;
    width: 570px;
    height: 155px;
}

#hp_spacer {
    float: left;
    width: 38px;
    height: 155px;
}

#hp_box_elem {
    float: left;
    width: 266px;
    height: 155px;
    background-repeat: no-repeat;
    margin: auto;
    padding: auto;
}

#hp_box_elem_title {
    margin: 10px 10px 10px 18px;
    height: 5px;
    font-size: 14px;
    font-weight: bold;
}

#hp_box_elem_text {
    margin: 10px 10px 10px 18px;
    width: 140px;
    heigth: 100px;
    font-color: #666;
}


/***********************************
BREADCRUMBS
***********************************/

.breadcrumb {
    margin-bottom: 0px;
    padding: 8px;
}

.breadcrumb_wrapper {
    margin-bottom: 0px;
    padding-left: 4px;
    padding-right: 4px;
}


/**********************************
DETAIL
**********************************/

.scheda {
    background-color: red;
    color: #fff;
}

.clipoutTopImage {
    position: relative;
    width: 100%;
    height: 155px;
    border: 1px solid #e7e7e7;
}

.clipinTopImage {
    position: absolute;
    clip: rect(auto auto 154px auto);
    top: 0px;
    left: 0px;
    padding: 1px;
}

.imgLegenda {
    margin: 2px;
    display: inline;
}


/**************************************
HEADER IMAGES
**************************************/

.header_wrapper {
    width: 100%;
    max-height: 480px;
    background: #e7e7e7;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    /*
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  */
}

.header_img {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto;
    /*  
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  */
}


/**************************************
OFFERS
***************************************/

.offer_button {
    padding: 20px 10px;
}

#infoNow {
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.3em;
    padding: 6px 14px;
   
}

#bookNow {
    background-color: #0896FF;
    color: #FFF;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.8em;
    padding: 6px 14px;
    -moz-border-radius: .5em;
    -webkit-border-radius: .5em;
    border-radius: .5em;
    border: 1px solid #ddd;
}

#bookNow:hover {
    background-color: #003580;
}

.offer_box {
    background: #fff;    
    /*
    background: rgb(255, 255, 255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(32%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(240, 240, 240, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 32%, rgba(240, 240, 240, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
    */
    
    width: 100%;
    max-width: 100%;
    position: relative;
    font-size: 0.9em;
    font-weight: 400;
    padding: 0;
    color: #333;
    overflow: hidden;
}

.offer_wrapper {
   /* width: 288px;*/
    margin: 10px auto;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
 }

.offer_size_big {
    min-height: 190px;
    overflow: hidden;
}

.offer_size_big img {
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
    /*
     -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  */
}

.offer_size_small {
    min-height: 100px;
    overflow: hidden;
}

.offer_size_small img {
    max-width: 100%;
    vertical-align: top;
    position: absolute;
    top: 0;
    right: 0;
}

.offer_txt {
    /*border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;*/

    background: #333;
    /*background: #222;*/
    /*background: rgba(0,0,0,.75);*/
    text-transform: capitalize;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 100px;
    overflow: hidden
    font-style: italic;
}

.offer_txt .title {
    font-size: 1.0em;
    font-weight: 400;
    line-height: 1.0em;
    color: #fff;
    text-align: left;
    padding-right: 30px;
}

.price {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.2em;
    vertical-align: top;
    text-align: right;
    font-style: italic;
    color: #fff;
}

.striked {
    font-size: 0.8em;
    color: #ccc;
    text-decoration: line-through;
}

.full {
    color: #fff;
}

.discounted {
    font-size: 1.8em;
    color: #a4d666;
    /*color: #82B548;*/
}

.discounted_smaller {
    font-size: 1.2em;
    color: #a4d666;
    /*color: #82B548;*/
}

.logo {
    max-width: 100%;
    vertical-align: middle;
}

input[type="image"] {
    height: auto !important;
    width: auto !important;
    border: none !important;
    background-color: none;
    font-size: none;
    color: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}


/******************************
ALLEGA IMMAGINE
*******************************/

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.add_comment_form {
    clear: both;
    display: none;
    max-width: 96%;
    padding: 10px;
    margin: 10px auto 0;
    background: rgba(147, 128, 108, .1);
    border-radius: 3px;
    border: 1px solid rgba(147, 128, 108, .1);
}

.add_comment_link {
    text-transform: lowercase;
}

.add_comment_alert {
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold;
}


/*****************************
GUEST BOOK FLEX
*****************************/

.post_block,
.comment_block {
    margin-bottom: 0.5em;
    width: 100%;
    padding: .3em .3em 0;
    background: rgba(147, 128, 108, .1);
    border-radius: 3px;
    border: 1px solid rgba(147, 128, 108, .1);
}

.comment_block {
    padding-left: 0;
    font-size: 0.85em;
}

.mediablock {
    display: flex;
    align-items: flex-start;
    /*margin-bottom: 1em;*/
}

.mediablock-figure {
    margin-right: 1em;
}

.mediablock-image {
    width: 45px;
    max-width: 100%;
}

.mediablock-image-big {
    /*min-width:100%;*/
    margin-bottom: 10px;
    margin-top: 10px;
    max-width: 100%;
    align-self: center;
}

.mediablock-image-tiny {
    margin-left: 5px;
    width: 30px;
    max-width: 100%;
}

.mediablock-social-icon {
    margin-left: 20px;
    margin-top: -50%;
    width: 20px;
    max-width: 100%;
}

.mediablock-social-icon-tiny {
    margin-left: 4px;
    margin-top: -50%;
    width: 18px;
    max-width: 100%;
}

.simple_block {
    display: block;
}

.mediablock-body {
    flex: 1;
}

.mediablock-body,
.mediablock-body:last-child {
    margin-bottom: 0;
    padding: 2px;
}

.mediablock-title {
    /* font-weight: 700; */
}

.mediablock--end {
    justify-content: flex-end;
}

.mediablock--center {
    align-items: center;
}

.media_row {
    display: flex;
    align-items: flex-start;
}

.spacer_left {
    width: 1em;
}


/*
.text_stripe{
    margin:10px 0;
}
*/


/*
.col_item_2 {
    flex: 2 0 50%;
}
*/

.col_item_icon {
    flex-grow: 1 0 200px;
    min-width: 45px;
    margin-right: 1em;
}

.col_item_title {
    flex-grow: 2;
}

.col_item_right {
    flex-grow: 1 1 150px;
    align-self: flex-end;
}

.self-center {
    align-self: center;
    text-align: center;
}

.self-end {
    align-self: flex-end;
    text-align: right;
}

.post_ts {
    color: #666;
    font-size: 0.85em;
}


/**********************************
RESPONSIVE MEDIA QUERY
**********************************/


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
    /*bootstrap size = 970px*/
    /*
    .container {
       width: 960px;
    }
    */
}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
    /*bootstrap size =  1170px*/
    /*
    .container {
        width: 1020px;
    }
    */
}

@media only screen and (min-width: 0em) and (max-width: 60em) {
    .boxedlayout .maincontent,
    .boxedlayout .footer,
    .boxedlayout .header,
    .boxedlayout .subfooter,
    .boxedlayout .boxed-wrapper {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0;
    }
    body.boxedlayout {
        padding: 0;
        background: #efefef;
        background-image: none;
    }
    .logo {
        margin: 0 auto;
        max-width: 100%;
    }
    .container {
        padding: 0;
        margin: 0;
    }
    .card {
        margin: 0 !important;
        border: none !important;
        padding: 2px;
    }
    .subfooter {
        padding: 15px 5px;
    }
    .one_half,
    .one_third,
    .two_third,
    .one_fourth,
    .one_fifth,
    .one_sixth,
    .two_fifth,
    .three_fifth {
        width: 100%;
        margin-bottom: 20px;
    }
    .lastcolumn {
        margin-bottom: 0px;
    }
    .mobilecentered {
        text-align: center;
    }
    .leftContent,
    .rightSidebar {
        margin: 0 auto;
        float: none;
        display: block;
        width: 100%;
    }
    /*.icon {
        width: 32px;
        height: 32px;
    }*/
    /*
    .result-name {
        margin-top: 5px;
        font-weight: 300;
        font-size: 16px;
        vertical-align: top;
        color: #333;
    }
    */
    .result-address {
        font-size: 10px;
        vertical-align: top;
    }
    .righttoleftfloat {
        clear: left;
        float: left;
    }
    /*  .leftfloat {
        float: none;
        width: 100%;
    }
    .rightfloat {
        float: none;
        width: 100%;
    }*/
    .logo_struttura {
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
        vertical-align: middle;
    }
    .nome_struttura {
        max-width: 100%;
        margin: 0 auto;
        padding: 2px;
        text-align: center;
        vertical-align: middle;
    }
    .resp-navigator {
        display: block;
    }
    /* #navigator_spacer {
        display: block;
    }*/
    .navigator_bar {
        display: block;
    }
    .hidden-phone {
        display: none;
    }
    .visible-phone {
        display: block;
    }
    a.no_underline:hover {
        text-decoration: none;
    }
    .scrollbox {
        background-color: #f4f4f4;
        overflow: auto;
        height: auto;
    }
    .result-main {
        width: 55%;
    }
    .result-col-r {
        width: 45%;
    }
    .result-box {
        float: right;
    }
}

@media only screen and (min-width: 0em) and (max-width: 43em) {
    /*
    .media_row {
        display: block;
    }
    */
    .mediablock {
        display: block;
        margin-bottom: 0;
    }
    .post_block,
    .comment_block {
        margin-bottom: 0;
        padding: .3em;
    }
    .self-center,
    .self-end {
        align-self: flex-start;
        text-align: left;
    }
    .result-main,
    .result-col-r,
    .result-right-box {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .logo {
        margin: 0 auto;
        max-width: 100%;
    }
    .result-box {
        float: none;
        height: 40px;
    }
    .result-col-r {
        /* border: 1px solid #ccc;*/
    }
    /*    .result-col {   // lo lascio a cell
        display: block;
    }*/
    .icon_placeholder {
        width: 40px;
        height: 40px;
    }
    .fixed_width {
        width: 100px;
    }
}