@font-face {
    font-family: Lato;
    src: url('fonts/Lato/Lato-Regular.ttf') format('ttf');
    font-weight: normal;
}
@font-face {
    font-family: Lato;
    src: url('fonts/Lato/Lato-Bold.ttf') format('ttf');
    font-weight: bold;
}

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
body{
    background-color: #000;
    color: #FFF;
    font-family: "Lato", Helvetica;
    margin:0;
    width:100%;
    height:100%;
/*    max-height: 100% !important;
    max-width: 100% !important;*/
    font-size: 100%;
    resize: none;
    overflow: hidden!important;
}
#all_content{
    position: fixed;
    width: 100%;
    overflow: hidden;
    height: 100%;
}
ng-cloak, .ng-cloak, .x-ng-cloak {
    opacity: 0 !important;
  /*display: none !important;*/  
}
div[ng-view]:not(.animate-homebox){
    min-width: 100%;
    /*min-height: 100%;*/
    min-height: 94%;
    position: absolute;
    top: 7%;
}
/*.ng-cloak .menu-cell,
.ng-cloak .menu-cell a{
    width: 18%;
}*/
.nginvisible_true{
    visibility: hidden !important;
}
#loadingBox{
    /*display:none;*/
    position:absolute;
    z-index:20000;
    width:28%;
    padding:3% 1%;
/*    visibility: visible;*/
    background-color: rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    left:50%;
    margin-left:-14%;
    top:50%;
    margin-top:-14%;
    color:white;
    text-align: center;
}

a{
    color: inherit;
    text-decoration: none;
}
#portrait_alerts{
    /*visibility: hidden;*/
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 50%;
    color: #FFF;
    font-size: 120%;
    text-align: center;
    background: #000;
    z-index: 9999;
}
input, textarea, button, select{
    font-size: 100%;
}
select{
    -webkit-appearance: none;
    /*border: 1px solid #FFF;*/
    padding: 5px 20px 5px 5px;
    color: #FFF;
    background: #ccc url('http://pgpback.magmacultura.com/images/flecha_select.png') no-repeat center right;
    border-radius: 0;
    
}
.font-bold{
    font-weight: 700;
}
.font-normal{
    font-size:100%;
}
.font-medium{
    font-size:120%;
}
.font-big{
    font-size:200%;
}
.font-small{
    font-size:80%;
}
.bold{
    font-weight: bold;
}
.hide{
    visibility: hidden;
}
.pink, .color-info{
    color:#D89AA8 !important;
}
.pink-bg, .bg-info{
    background-color:#D89AA8 !important;
}
.blue, .color-media{
    color:#7BC8D1 !important;
}
.blue-bg, .bg-media{
    background-color: #7BC8D1 !important;
}
.green, .color-surveys{
    color:#91D97D !important;
}
.green-bg, .bg-surveys{
    background-color:#91D97D !important;
}
.yellow, .color-management{
    color:#ebce47 !important;
}
.yellow-bg, .bg-management{
    background-color: #ebce47 !important;
}
.color-black{
    color:#282A29 !important;
}
.width50{
    width: 47%;
    margin: 0 2% 0 0;
    float: left;
}
.width50 img{
    width: 100%;
}

.pag-info a{
    color: #D89AA8;
    text-decoration: underline;
}
.pag-media a{
    color: #7BC8D1;
    text-decoration: underline;
}
.pag-management a{
    color: #ebce47;
    text-decoration: underline;
}
.pag-surveys a{
    color: #91D97D;
    text-decoration: underline;
}
.pag-info titol{
    color: #D89AA8;
    font-weight: bold;
}
.pag-media titol{
    color: #7BC8D1;
    font-weight: bold;
}
.pag-management titol{
    color: #ebce47;
    font-weight: bold;
}
.pag-surveys titol{
    color: #91D97D;
    font-weight: bold;
}

.pag-info .link{
    color: #D89AA8;
    text-decoration: underline;
}
.pag-media .link{
    color: #7BC8D1;
    text-decoration: underline;
}

/*
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

.message_timed{
    opacity:1;
    -webkit-animation:fadeOut ease-in 5s;
    animation:fadeOut ease-in 5s;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
}*/
/*.text-info a{
    color: #D89AA8;
}

.text-media a{
    color: #7BC8D1;
}
.text-management a{
    color: #ebce47;
}
.text-surveys a{
    color: #91D97D;
}*/
.white{
    color:white;
}
.grey{
    color:#999;
}
.clear{
    display:block;
    clear:both;
}
p{
    line-height: 150%;
    /*padding:2%;*/
    margin:0;

}
.all{
    z-index: 10;
    display:hidden;
}
.absolute{
    position:absolute;
}
#topmenu {
    position: fixed;
    /*position:absolute;*/
    z-index: 100;
    top:0;
    left:0;
    width:100%;
    height:7%;
    background-color: black;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-top: 1px solid #333
}
#content-menu-start{
    display:-webkit-box;
    float:left;
    -webkit-box-align: start;
    -webkit-box-pack: start;
    height:100%;
    width:60%;
    line-height: 0;
    /*visibility: hidden;*/
}
#content-menu-start .menu-cell{
    display:inherit;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    height:100%;
    padding:0 2%;
    border-right: 1px solid #666;
    width:auto;
    -webkitTransform : scale(1);
}
#content-menu-start .menu-cell a{
    display:-webkit-box;
    width:auto;
    -webkitTransform : scale(1);
}
/*#content-menu-lang{
    display:-webkit-box;
    float:left;
    -webkit-box-align: start;
    -webkit-box-pack: start;
    height:100%;
    width:10%;
}*/
#lang_select{
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    outline: none;

    width: 60px;
    background: #000;
    color: #FFF;
    display: block;
    padding: 0 0 0 0.8em;
    margin: 0.2em 0 0 0;
    border: 0 none;
}
#lang_select option{
    /*text-align: center;*/
}
.submenu .hl-box{
    display:-webkit-box;
    -webkit-box-align:start;
    -webkit-box-pack:start;
    height:7%;
    width:100%;
    border-bottom: 1px solid rgba(155,155,155,0.4);
}

.select-cell{
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    height:100%;
    padding-left:2%;
}
#content-menu-general{
    display:-webkit-box;
    float:left;
    -webkit-box-align: start;
    -webkit-box-pack: end;
    height:100%;
    width:40%;
    line-height: 0;
    /*visibility: hidden;*/
}
#content-menu-general .menu-cell{
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    height:100%;
    padding:0 2%;
    border-left: 1px solid #666;
    width:auto;
}
footer {
    /*position: fixed;*/
    position: absolute;
    z-index: 150;
    bottom: 0;
    width: 100%;
    height: 7%;
    background-color: black;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#home-content{
    position:absolute;
    z-index:1;
    /*top:7%;*/
    left:0;
    width:100%;
    height:86%;
    overflow: hidden;
    display: block;
opacity: 1;
position: absolute;
z-index: 50;
/*top: -100%;*/
left: 0;
width: 100%;
height: 94%;
overflow: hidden;
background-color: #282A29;
padding: 2% 0;
}
#subhome-content{
    display:block;
    opacity: 1;
    position:absolute;
    z-index:50;
    top:-100%;
    left:0;
    width:100%;
    height:94%;
    overflow: hidden;
    background-color: #282A29;
    padding: 2% 0;
}
.box{
    display:block;
    width:50%;
    height:50%;
    position:absolute;
    overflow: hidden;
    padding:0;
}
.bigbox{
    display:block;
    top:0 !important;
    left:0 !important;
    width:100%;
    height:100%;
    position: absolute;
}
.bigbox-next{
    display:block;
    left:100% !important;
    top:0 !important;
    width:100% !important;
    height:100% !important;
}
#info{
    left:0;
    background: transparent url('../images/home/info.jpg') center center no-repeat;
    -webkit-background-size: cover;
}
#media{
    color:#7BC8D;
    left:50%;
    background: transparent url('../images/home/media.jpg') center center no-repeat;
    -webkit-background-size: cover;
}
#media.not_mediator{
    opacity: 0.4;
}
#surveys{
    left:0;
    top:50%;
    background: transparent url('../images/home/surveys.jpg') center center no-repeat;
    -webkit-background-size: cover;
}
#management{
    left:50%;
    top:50%;
    background: transparent url('../images/home/management.jpg') center center no-repeat;
    -webkit-background-size: cover;
}


.bigbox-move{
    -webkit-animation: increase-box 0.2s linear 0s 1 forwards;
}
.move-oldbox{
    -webkit-animation: hide-big-box 0.2s linear 0s 1 forwards;
}
@-webkit-keyframes hide-big-box {
    from{
    z-index:20;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
to { 
    z-index:20;
    width:100%;
    height:86%;
    top:0;
    left:-100%;
}
}
@-webkit-keyframes show-big-box {
    to { 
    z-index:20;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
}
.submenu{
    z-index:500;
    width:30%;
    height:100%;
    top:0;
    overflow:scroll;
    left:-30%;
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.7);
}
.closeSubMenu{
    -webkit-animation-name: close;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
}
.openSubMenu{
    -webkit-animation-name: open;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes open {
    from {
    -webkit-transform: translateX(0);
}
to {
    -webkit-transform: translateX(100%);
}
}
@-webkit-keyframes close {
    from {
    -webkit-transform: translateX(100%);
}
to {
    -webkit-transform: translateX(0);
}
}
.submenu ul{
    display:block;
    float:left;
    margin:0;
    margin-top:4%;
    list-style: none;
    list-style-position: inside;
    padding: 0;
    width:100%;
}
.submenu ul li{
    color:white;
    display:block;
    /*padding:5% 7%;*/
    padding: 7%;
    font-size:130%;
}
.submenu ul li a{
    color:white;
    font-size: 90%;
}
.text-extra-menu-black,
.text-submenu-black{
    color: #000 !important;
}
.subitems-list{
    margin-top:0 !important;
    margin-bottom:4% !important;
}
.submenu li.subitem{
    font-size: 90%;
    margin: 0;
    /*padding: 1% 0 0 10%;*/
    padding: 2% 0 2% 10%;
}
.subitems-list li{
    width: 85%;
}

.show-submenu{
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    height:100%;
    width:10% !important;
    border-right:1px solid #666;
}
.close-submenu{
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    height:100%;
    width:23% !important;
}
.item_topmenu{
    color: white !important;
    text-transform: uppercase;
    text-decoration: none;
}

.active-info{
    background-color: #D89AA8;
}
.active-media{
    background-color: #7BC8D1;
}
.active-surveys{
    background-color: #91D97D;
}
.active-management{
    background-color: #ebce47;
}
.box-subhome{
    display:-webkit-inline-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-box-sizing: content-box;
    width: 29.4% !important;
    height: 26.5% !important;
    background-color: rgba(255,255,255,0.9);
    margin-left:3%;
    margin-top:3%;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
}

.titSection{
    display: -webkit-box;
    height:100%;
    -webkit-align-content: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}

.gallery{
    display:block;
    width:100%;
    height:100%;
    /*background-color:#fff;*/
    margin-top: 2%;
    overflow: hidden;
}
.box-gallery-marge{
    position: absolute;
    width:100%;
    height:100%;
    margin: 0 auto;
    background-color: #282A29;
    overflow-y: scroll;
}
.box-gallery-scroller{
    /* L'scroll en un div no funciona a l'ipad */
/*    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll !important;*/
}
.box-gallery{
    display:block;
    width:27.5% !important;
    /*height:44% !important;*/
    float:left;
    margin-left:2%;
    margin-top:2%;
    margin-bottom: 1em;
    padding: 1em;
    vertical-align: top;
    /*text-align: center;*/
    /*text-transform: uppercase;*/
    background:-webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.18));
    height: 13em;
    max-height: 13em;
    /*border: 1px solid rgba(255,255,255,0.1);*/
    overflow: hidden;
}
.plainhtml .box-gallery{
    margin-left: 0;
    margin-right: 2%;
}
.box-gallery-opac{
    background:rgba(255,255,255,0.9);
    display: -webkit-box;
  -webkit-box-orient: horizontal;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  -webkit-box-sizing: content-box;
    width: 26.35% !important;
    height: 20% !important;
    margin: 1.5% 0 1.5% 3%;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    color: #D89AA8;
    position: relative;
}
.box-gallery-opac p{
    display: table-row;
}
.submenu_category{
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    color: #fff !important;
    padding: 2px 0;
}
.pag-info .submenu_category.cat_1{
    background: #D89AA8;
}
.pag-info .submenu_category.cat_2{
    /*background: #b07281;*/
    background: #884a59;
}
.pag-info .submenu_category.cat_3{
/*    background: #884a59;*/
    background: #602231
}
.pag-media .submenu_category.cat_1{
    background: #7BC8D1;
}
.pag-media .submenu_category.cat_2{
    /*background: #53a0a9;*/
    background: #2b7881;
}
.pag-media .submenu_category.cat_3{
    /*background: #2b7881;*/
    background: #0d5a63;
}
.pag-info .box-gallery b{
    color: #D89AA8;
    font-weight: normal;
}
.pag-media .box-gallery b{
    color: #7BC8D1;
    font-weight: normal;
}
.pag-surveys .box-gallery b{
    color: #91D97D;
    font-weight: normal;
}
.pag-management .box-gallery b{
    color: #ebce47;
    font-weight: normal;
}
.box-gallery b.vertical_center{
    margin-top: -15px !important;
}
.boxcounter {
 padding: 1em;
 margin-bottom: 1em;
 display: block;
 width: 27.5%;
 float: left;
 /*background: rgba(255,255,255,0.1);*/
 background:-webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.18));
 margin-right: 1em;
 height: 13em;
 max-height: 13em;
 overflow-y: scroll;
 border: 1px solid rgba(255,255,255,0.1);
}
.box-gallery b{
    text-transform: uppercase;
    margin-top: 0.5em;
    display: block;
}
.box-gallery-img{
    display: block;
    width: auto;
    max-width:100%;
    height:90%;
    overflow: hidden;
}
.box-gallery-img img{
    width:100%;
}
.img-medium img{
    height: 9em;
    width: auto;
}
.img-mini img{
    height: 4em;
    width: auto;
}
.box-gallery-footer{
    display: block;
    margin-top:5px;
    color:white;
    text-transform: none;
    margin-bottom: 10px;
    text-align: left;
    font-size:80%;
}
#breadcrumbs{
    display: -webkit-box;
    width: 50%;
    height: 4%;
    top: 8%;
    left: 2%;
    position: absolute;
    z-index: 98;
}
#breadcrumbs .text-breadcrumbs{
    display: -webkit-box;
    /*margin-left: 3%;*/
    -webkit-box-pack: start;
    -webkit-box-align: end;
    -webkit-box-sizing: content-box;
    text-transform: uppercase;
    /*width: 33%;*/
    width: 100%;
    min-width: 50%;
    font-size: 20px;
    line-height: 20px;
}
.logout{
    display:-webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    width:7%;
    height:100%;
    float:left;
    border-right:1px solid #666;
}
.user-info{
    float:left;
    display:-webkit-box;
    -webkit-box-align: center;
    width:40%;
    height:100%;
    margin-left:1%;
}
.counter-stats, .counter-button, .counter-tit{
    float:right;
    display:-webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    height:100%;
    text-align: right;
    margin-right: 10px;
    line-height: 0;
}

.counter-button a{
    display: block;
}
.counter-button img{
    margin: 0 9px;
    padding-bottom: 5px;
}

.counter-stats{
    margin-right: 0;
    margin-left: 10px;
}

.logo-customer{
    float:right;
    display:block;
    width:10%;
    background: transparent url('../images/logos/bottom-customer.png') center right no-repeat;
    -webkit-background-size: contain;
    margin-right:0.5%;
    height:100%;
    
}
.longtext{
    width:800%;
    /*height:95%;*/
    height:82%;
    line-height: 150%;
    -webkit-column-gap: 3em;
    /*-webkit-column-gap: 4em;*/
    -webkit-column-count:16;
    position: absolute;
}
.longtext p{
    color:white;
}
.longtext img{
    width:100%;
}
.border-box{
    height: 100%;
    margin-top: 8%;
    padding-left: 2%;
}

.save-visit-content{
    /*display:-webkit-box;*/
    display: none;
    position: absolute;
    z-index: 1000;
    width:100%;
    height: 100%;
    background-color: #282A29;
    -webkit-box-align: center;
    background: #282A29 url('http://pgpcommon.magmacultura.com/images/login/magma.png') no-repeat center 95%;
}
.save-visit-box,
.login-box{
    display:-webkit-box;
    width:60%;
    height:35%;
    -webkit-box-align: center;
    margin:auto;
    background-color:white;
    padding:3em;
}
.login-box .col1{
    display:-webkit-box;
    width:35%;
    height:100%;
    background: transparent url('../images/logos/login-customer.png') no-repeat top center
}
.login-box .col2{
    height:100%;
    display:-webkit-box;
    width:65%;
}
#login input{
    display: block;
    font-size:1.0em;
    background-color: #eceeed;
    padding:0.5em;
    height:2.5em;
    margin-bottom: 1em;
    -webkit-border-radius: 0;
    border: 0;
    -webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.3)
}
#submit{
    display:-webkit-inline-box;
    width:auto;
    font-size:1.0em;
    background-color:#a6a390;
    text-transform: uppercase;
    color:white;
    -webkit-border-radius: 0;
    border: 0;
    padding:1em 1.5em;
}
#add-home-box{
    position:absolute;
    z-index:3000;
    background: transparent url('http://pgpcommon.magmacultura.com/images/login/bg-add-home.png') no-repeat;
    width:228px;
    height:106px;
    display:none;
    left:16%;
    -webkit-box-shadow: 5px 20px 10px 0 rgba(0,0,0,0.5);
}
#add-home-box p{
    margin-top:20px;
    padding:1em;
    font-weight: bold;
    color:#a6a390;
    font-size:90%;
}
.messageLoader{
    color:white;
}
.section-select{
    display: -webkit-box;
    width: 30%;
    -webkit-box-align: start;
    -webkit-box-pack: end;
}
.extra-menu{
    display: -webkit-box;
    width: 50%;
    -webkit-box-align: center;
    -webkit-box-pack: end;
    position: absolute;
    top: 9%;
    right: 1%;
    z-index: 99;
}
.extra-menu .item{
    color: white;
    padding: 0.5em;
    margin: 0 0.3em;
}
.pag-info .extra-menu .item{
    background-color: #D89AA8;
}
.pag-media .extra-menu .item{
    background-color: #7BC8D1;
}
.pag-management .extra-menu .item{
    background-color: #ebce47;
}
.pag-surveys .extra-menu .item{
    background-color: #91D97D;
}
.subitems{
    position: relative;
    color:white;
    margin:0;
    padding: 0;
    list-style: none;
}
.subitems li{
    display: block;
    padding: 0.6em 3em 0.6em 0.6em;
    margin:1px;
    background-color: black;
}

.subitems .selected{
    background:black url('http://pgpcommon.magmacultura.com/images/icons/dropdown.png') right center no-repeat;
}

#map{
    margin: 4% 2em 4% 0;
}
.map_container{
    position: relative;
    float: left;
    /*width: 100%;*/
    
}
.map_container_select{
    position: fixed;
    right: 1%;
    z-index: 999;
    margin: 0 0.3em;
}
.image_container img{
/*    width: 100%;
    height: auto;*/
    max-height: 100%;
    max-width: 100%;
}
.marcador-catalog-inner {
    background: url("http://pgpcommon.magmacultura.com/images/icons/bt_obradestacada_gris.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 38px;
    margin: 19px 0 0 19px;
    position: relative;
    width: 38px;
    z-index: 110;
}
.marcador-catalog-number {
    background: url("http://pgpcommon.magmacultura.com/images/icons/bt_visita_gris.png") no-repeat scroll 0 0 transparent;
}
.marcador-catalog-number span{
    font-size: 26px;
    font-weight: bold;
    /*padding: 12px;*/
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.catalog_ballon {
    background: none repeat scroll 0 0 #E9EAE9;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    display: none;
    font-size: 12px;
    color: #000;
    line-height: 15px;
    padding: 2%;
    position: absolute; /*relative;*/
    z-index: 9999;
}
.ballon_img{
    margin-right: 2%;
    width: 68%;
    float: left;
}
.ballon_text{
    width: 28%;
    float: right;
    font-size: 16px;
    line-height: 24px;
}
#map .ballon_img img{
    /*width: 100%;*/
    width: auto;
    height: 100%;
max-width: 100%;
/*max-height: 85%;*/
max-height: 48%;

}
.ballon_img img.right{
    max-height: 92%;
}
.ballon_close{
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    padding: 2%;
}
.left {
    float: left;
}
.right{
    float: right;
}
.bishow_div{
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
}
.bishow_answer{
    display: none;
}

/**** WALL ***/
#wall {
overflow-y: auto;
}

.wallfeed-input{
    border:none;
    width: 96%;
    height: 100px;
}

.submitcomment, .submitanswer, .addanswer{
    vertical-align: top;
    padding: 10px 20px;
    border: none;
    color: white;
    background-color: black;
}

ul.wallfeed-ul{
    list-style: none;
    width: 98%;
    margin: 0;
    padding: 1%;
}

ul.wallfeedanswer-ul{
list-style: none;
}

ul.wallfeedanswer-ul li:first-of-type{
    margin-top: 20px;
}

li.wallfeed{
    margin-bottom: 20px;
    border-bottom: solid 1px white;
    padding-bottom: 10px;
}

li.wallfeedanswer{
margin-bottom: 20px;
}

.wallfeed-name{
    font-size: 19px;
    font-weight: bold;
}

.wallfeed-text{
    margin: 10px 0;
}

.wallfeed-date{
    font-size: 12px;
}

.wallfeed-divimg{
    float:left;
    margin-right: 15px;
}

.wallfeed-divimg img{
    width: 100px;
}

.wallfeed-divcontent{
    float: left;
}
.view_more_button{
    background: #EBCE47;
    width: 20%;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
}

.clear{
    clear: both;
}

/* ******************************************************** Form cliente dice */
.guestsays_hidden{
    display: none;
}
.columna_cat_id_div{
    text-align: right;
    margin: 60px 2% 20px;
}
#columna_cat_id {
  float: right;
  font-weight: bold;
  margin: 20px;
  width: 25%;
}
/*.pag-info .guestsays_form #columna_cat_id {
  background: none repeat scroll 0 0 #D89AA8;
}
.pag-media .guestsays_form #columna_cat_id {
  background: none repeat scroll 0 0 #7BC8D1;
}*/
.guestsays_form input, .guestsays_form textarea {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 0 none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25) inset;
  padding: 7px 3%;
  width: 90%;
}
.guestsays_form input[type="checkbox"] {
  width: 18px;
}
#columna_csay_name, #columna_csay_email {
  float: left;
  margin: 20px 2% 20px 0;
  padding: 10px 4%;
  width: 39%;
}
#legal_div {
  display: none;
  margin-top: 20px;
}
 button {
  border: 0 none;
  color: #FFFFFF;
  /*font-weight: bold;*/
  height: 60px;
  margin-bottom: 30px;
  margin-top: 20px;
  width: 160px;
}
.pag-info .guestsays_form button {
  background: none repeat scroll 0 0 #D89AA8;
}
.pag-media .guestsays_form button,
.pag-media #dissenyar_visita_filtres button{
  background: none repeat scroll 0 0 #7BC8D1;
}

.button {
  border: 0 none;
  color: #FFFFFF;
  padding: 10px;
}
.pag-info .button {
  background: none repeat scroll 0 0 #D89AA8;
}
.pag-media .button{
  background: none repeat scroll 0 0 #7BC8D1;
}
.pag-surveys .button {
  background: none repeat scroll 0 0 #91D97D !important;
}
.pag-management button,
.pag-management .button {
  background: none repeat scroll 0 0 #ebce47 !important;
}
/*.pag-info .guestsays_form a{
    color: #D89AA8;
} 
.pag-media .guestsays_form a{
    color: #D89AA8;
}*/

.div_error {
    -webkit-box-shadow:0 0 10px rgba(200, 0, 0, 0.5) !important;
    box-shadow: 0 0 10px rgba(200, 0, 0, 0.5) !important;
    background: rgb(242, 160, 160) !important;
}
select.div_error{
    -webkit-appearance: none;
}
input[type="checkbox"].div_error{
    -webkit-appearance: checkbox;
    background: rgb(200, 0, 0) !important;
}

.div_error_label{
    color: #F00;
    /*background: rgba(242, 222, 222,0.4) !important;*/
}
/* ******************************************************** Form cliente dice */
#TableDable{
/*    width: 96%;
    margin: 0 auto;
    margin-top: 3%;*/
width: 98%;
margin: 3% 0 60px;
overflow-y: auto;
}

#TableDable a{
    color: #fff !important;
}
.pag-info #TableDable .table-row-even{
    background-color: #D89AA8 !important;
}
.pag-media #TableDable .table-row-even{
    background-color: #7BC8D1 !important;
}
#TableDable_showing{
    font-size: 0.8em;
}
.pag-info #TableDable_page_prev,
.pag-info #TableDable_page_next{
    background-color: #D89AA8 !important;
    margin: 1em;
}
.pag-media #TableDable_page_prev,
.pag-media #TableDable_page_next{
    background-color: #7BC8D1 !important;
    margin: 1em;
}
#TableDable_page_prev[disabled="disabled"],
#TableDable_page_next[disabled="disabled"]{
    visibility: hidden;
}
#TableDable .w400{
    width: 400px;
}
#TableDable .w200{
    width: 200px;
}
/* **************************************************************** Encuestas */
#plainhtml{
    overflow-y: auto;
    width: 90%;
}
#form-survey-div{
    width: 98%;
    margin: 1em 2% 1em 0;
}
.survey_cat_title{
    font-size: 20px;
    color: #91D97D;
    margin: 20px 0 0;
    border-bottom: 1px solid #ccc;
}
.survey_question{
    margin: 25px 0;
    width: 50%;
}
.survey_question label,
.survey_question input,
.survey_question select,
.survey_question textarea{
    width: 100%;
    display:-webkit-box;
}
.survey_question textarea{
    height: 50px;
}
.survey_question input[type="radio"],
.survey_question input[type="checkbox"]{
    width: 16px;
    display: inline;
    margin: 10px 0px 0 20px;
}
.pag-surveys button {
  background: none repeat scroll 0 0 #91D97D;
}


/* *************************************************************** Contadores */

.boxcounter p{
    margin: 0;
    padding:0;
}
.boxcounter h3,
.boxcounter .titol{
    color:#ebce47;
    margin:0;
}
.btcounterOn {
display: block;
color: #000;
background-color: #EBCE47;
padding: 0.5em 0;
font-size: 80%;
margin: 0.5em 0;
width: 40%;
float: left;
text-align: center;
line-height: 110%;
}
.btcounterSync {
display: block;
color: #000;
background-color: #91D97D;
padding: 0.5em 0;
font-size: 80%;
margin: 0.5em 0;
width: 40%;
float: right;
text-align: center;
line-height: 110%;
}
.show_one_line{
    height: 1.5em;
    overflow: hidden;
}
/* ****************************************************************** Galeria */
#gallery_images_div{
    width: 100%;
    clear: both;
    display: inline-block;
}
/*#gallery_images_div img{
    width: 49%;
    margin: 0 0.4% 1em;
    float: left;
}*/
.gallery_img_box{
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    width: 47%;
    margin: 0 0.8% 1em;

    background: rgba(255,255,255,0.1);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.18));
    border: 1px solid rgba(255,255,255,0.1);
    float: left;
}
.gallery_img_box img{
/*    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;*/
}
/* ********************************************************** Disenyar visita */
/*#created_visit_pie_list .scroller{
    overflow-y: scroll;  has to be scroll, not auto 
  -webkit-overflow-scrolling: touch;
}*/
#created_visit_pie_list{
    overflow: hidden;
    margin-top: 95px;
    z-index: 0;
}
.created_visit_pie{
    position: relative;
    margin: 0.5em 0 1em;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
.created_visit_img{
    width: 17%;
    float: left;
}
.created_visit_data{
    /*position: relative;*/
    display: block;
    width: 80%;
    float: right;
    padding-bottom: 1em;
}
.created_visit_data .titol{
    font-weight: bold;
}
#dissenyar_visita_filtres{
    border-bottom: 1px solid rgba(0,0,0,0.3);
}
#form_dissenyar_visita label{
    padding: 0 0 10px 0;
    display: block;
}

#form_dissenyar_visita input{
    /*float: left;*/
    margin: 0 2% 1em 0;
    padding: 10px 1%;
    width: 50%; 
}
#btn_save_visit,
#button_form_dissenyar_visita{
    margin-top: 0;
    margin-bottom: 15px;
    height: 45px !important;
}
#btn_save_visit{
    margin-right: 20px;
}
.dissenyar_visita_btn_add{
    position: absolute;
    right: 0;
    bottom: 0;
    
    /*    ************************         */
    
}

#TableDable_visita #TableDable_header{
    display: none;
}
#dissenyar_visita_filtres{
    position: absolute;
    left: 0;
    z-index: 150;
    background: #282A29;
}
#form_dissenyar_visita{
    position: absolute;
top: 55px;
width: 95%;
}
#current_selected{
    /*margin-top: 95px;*/
    margin-top: 105px;
    position: absolute;
    left: 50%;
}
#label_your_visit{
    position: absolute;
top: 150px;
left: 50%;
}
.created_visit_img_box{
    width: 24%;
    height: 100px;
    overflow: hidden;
    float: left;
    margin: 0.5em 1% 0 0;
    position: relative;
}
.created_visit_img_box_delete{
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
#current_selected img{
    width: 100%;
    float: left;
    margin: 0 1% 2% 0;
    max-height: 100%;
    height: 100%;
}

/*#btn_save_visit{
    background-color: #7BC8D1 !important;
    margin: 1.5em;
}*/
#inp_user_name, #inp_mail,#inp_accp_conditions,
#inp_user_name_label, #inp_mail_label,#inp_accp_conditions_label{
    display: none;
}
.separator60{
    height: 60px;
    width: 100%;
    background-color: #282A29;
}
/* ************************************************************** dialogs box */
/* ************************************************************************** */
.dialog {
    display: none;
    width: 450px;
    background-color: white;
    border: 3px solid black;
    border-radius: 5px;
}

.dialog .content {
    padding: 20px;
    font-size: 100%;
    font-weight: normal;
    text-align: left;
    color: white;
}

.modialog-caption {
    color: white;
    background-color: black;
    padding: 0.5em 0;
    text-indent: 1%;
}

.modialog-icon {
    color: white;
    width: 1em;
    height: 1em;
    float: right;
    cursor: pointer;
    font-weight: bold;
}

.modialog-overlay {
    background-color: #AAA;
}

.dialog.cool {
    background-color: black;
    font-size: 120%;
    font-weight: bold;
    color: white;
    text-align: center;
}

.dialog.form{
    min-width: 300px;
    width: 600px;
    margin: 0 auto;
    color: #000 !important;
/*    width: 100%;
    height: 100%;
    top:0 !important;
    left:0 !important;*/
    /*position: static !important;*/
    /*overflow: hidden !important;*/
}

.dialog.form .content{
    color: #000 !important;
}

.dialog-button{
    width: 40%;
    height: 3em;
    margin: 2em 5% 0;
    background-color: #FFF;
    color: #000;
}
.dialog-button-black{
    background-color: #000;
    color: #FFF;
}

.dialog label,
.dialog input,
.dialog select,
.dialog textarea{
    display: block;
    width: 80%;
}
.dialog input[type="checkbox"]{
    width: auto;
    display: inline;
}
/* ************************************************************************** */
/*.clearfix{
    width: 100%;
    height: 0;
    clear: both;
}*/
#lightbox{
    top: 0 !important;
}

.lightbox .lb-image{
    z-index: 999;
}
.backlink{
    position: absolute;
    background: #CCC;
    padding: 10px 20px;
}
.fixed_backlink{
    float: left;
    clear: both;
    background: #CCC;
    padding: 10px 20px;
}
.backlink.no-absolute{
    position: static;
    float: left;
}
.clearfix{
    clear: both;
    width:100%
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}


.datalist {
    list-style: none;
    display: none;
    background: #ccc;
    box-shadow: 0 2px 2px #999;
    position: absolute;
    left: 0px !important;
    top: 70px !important;
    max-height: 300px;
    overflow-y: auto;
}
.datalist:empty {
    display: none !important;
}
.datalist li {
    padding: 5px 3px;
    font-size: 15px;
}
ul.datalist{
    -webkit-padding-start: 10px;
    -webkit-margin-before: 0;
-webkit-margin-after: 0;
margin-left: 0px;
padding-left: 0px;
}

.datalist li.active {
    background: #3875d7;
    color: white;
}