@font-face{font-family: 'DejaVu Sans Light'; src: url('DejaVuSans-ExtraLight.ttf');}
.noticialist h3, h1, h2, h3 {
    font-family: 'DejaVu Sans Light';
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: url("../img/background.png") repeat-x scroll center top #E7E7E7;
    color: #777777;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height:17px;
}

.container {
    margin: 0 auto;
    width: 957px;
}

.container h1 {
    font-size: 26px;
    line-height:normal;
    padding-bottom:10px;
    font-weight:normal;
}

.container strong {
    font-weight:bold;
}
.container a {
    color:#000000;
    text-decoration: none;
}
.container a:hover {
    color:#E97F0D;
    text-decoration: none;
}

img, .container img, .container a img {
    border: 0 none;
}
.container p {
    color:#777;
    padding: 8px 0 8px;
}
.container h2 {
    border-bottom:1px solid #DDDDDD;
    color:#2D2F30;
    font-size:23px;
    font-weight:normal;
    letter-spacing:-1.7px;
    padding:15px 0 7px 0;
    /*text-transform:uppercase;*/
    line-height:22px;
    margin-bottom:14px;
}

.container h3 {
    font-size:25px;
    font-weight:normal;
    letter-spacing:-2px;
    line-height:28px;
    margin-bottom:14px;
}

.container ul {
    list-style-position:inside;
    margin:0;
    padding:9px 0 0;
}

.container li {
    line-height:20px;
    list-style:none outside none;
    margin:0;
    padding:0;
    padding-left:9px;
    background:url("../img/li-arrow-login.gif") no-repeat scroll 0 7px transparent;
}
.content ol li {
    list-style:decimal inside none;
    background:none;
}
/* HEADER */
.container .head-row1 {
    height: 95px;
    padding-top: 30px;
}

.container .head-row1 .col1 {
    float: left;
}

.container .head-row1 .col2 {
    float: right;
    text-align: right;
    padding-right:8px;
}

.container .head-row1 .col2 a {
    color: #E97F0D;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
}
.container .head-row1 .col2 a:hover {
    text-decoration: underline;
}

.container .head-row2 {
    clear:both;
}

/* CONTENT */
.container .content{
    background-color:#FFFFFF;
    width:897px;
    /*7height:990px;*/

    margin-top:8px;
    padding:25px;
    border-radius:15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0 0 5px #CCC;
    -moz-box-shadow: 0 0 5px #CCC;
    -webkit-box-shadow: 0 0 5px #CCC;

    /* per a que floti sobre el footer */
    margin-bottom:-47px;
    overflow:hidden;
    position:relative;
}

.container .content-box{
    background-color:#FFFFFF;
    margin-top:8px;
    padding:25px;
    border-radius:15px;
    -moz-border-radius:15px 15px 15px 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0 0 5px #CCC;
    -moz-box-shadow: 0 0 5px #CCC;
    -webkit-box-shadow: 0 0 5px #CCC;
    overflow:hidden;
    width:877px
}

.container .content .col1 {
    float:left;
    width:550px;
}

.container .content .col2 {
    float:right;
    width:300px;
}

.container .content .col1_type2 {
    float:left;
    width:650px;
}

.container .content .col2_type2 {
    float:right;
    width:200px;
}

.container .content .col_all {
    float:left;
    width:897px;
}
/* FOOTER */
.footer {
    background:url("../img/background-footer.gif") repeat scroll center top transparent;
    color:#919191;
    font-size:11px;
    font-weight:normal;
    overflow:hidden;
    text-align:center;
    width:100%;
}
.footer .foot {
    margin:0 auto;
    padding:30px 0 60px;
    text-align:left;
    width:957px;
}
.footer .col1 {
    /*float:left;
    padding-left:15px;
    width:500px;*/
}
.footer .col2 {
    clear:both;
    padding:20px 33px 0 7px;
    /*float:right;*/
    /*padding-right:33px;*/
    text-align:right;
}

.footer a {
    color:#919191;
    text-decoration: none;
    text-decoration:underline;
}
.footer a:hover {
    color:#E97F0D;
    text-decoration:underline;
}
/*MENU LANGS*/
.langs {
    float: right;
    padding: 0 50px 0 0;
}

/* FORMULARI D'ALTA ASSOCIATS */
.form-box {
    border:1px solid #ddd;
    color:#484848;
    background-color:#fff;
    margin:10px 0;
    padding:20px;
    -moz-border-radius:10px 10px 10px 10px;
    -webkit-border-radius: 10px;
}
.form-box label {
    color:#484848;
    font-size:13px;
    font-weight:bold;
    line-height:normal;
    padding:0 0 3px 14px;
    display:block;
}
.form-item {
    margin-bottom:8px;
}
input.form-input {
    background:url("../img/bg-login2.gif") no-repeat scroll 0 0 transparent;
    border:0 solid #8C8C8C;
    color:#484848;
    font-size:13px;
    line-height:normal;
    height:29px;
    padding:0 8px;
    width:284px;
    outline:none;
}
input.form-input2 {
    background:url("../img/bg-login.gif") no-repeat scroll 0 0 transparent;
    border:0 solid #8C8C8C;
    color:#484848;
    font-size:13px;
    line-height:normal;
    height:29px;
    padding:0 8px;
    width:183px;
    outline:none;
}

textarea.form-input {
    background:url("../img/bg-login3.gif") no-repeat scroll 0 0 transparent;
    border:0 solid #8C8C8C;
    color:#484848;
    font-size:13px;
    line-height:normal;
    padding:8px;
    width:284px;
    height:134px;
    outline:none;
}
input.form-search {
    background:url("../img/bg-mem-text.gif") no-repeat scroll 0 0 transparent;
    border:0 solid #8C8C8C;
    color:#484848;
    font-size:13px;
    line-height:normal;
    height:29px;
    padding:0 8px;
    width:151px;
    outline:none;
}
input.form-search-reset {
    background:url("../img/bg-mem-reset.gif") no-repeat scroll 0 0 transparent;
    border:0;
    margin:0;
    padding:0;
    width:30px;
    height:29px;
    cursor:pointer;
}

button.btn {
    background-color:#E87D0D;
    margin-top:15px;
    text-align:center;
    padding:15px;
    border:0;
    border-radius: 10px;
    box-shadow: 0 0 5px #CCC;
    color: white;
    cursor: pointer;
}

.banner {
    width:100%;
}
.banner h3 {
    margin:0;
    padding:8px 0 0;
    color:#2D2F30;
}

/* llistat de associats */
#members-searcher {
    height:30px;
    margin:10px 15px;
}
#members-searcher span {
    float:left;
    line-height:29px;
    margin-right:8px;
}
#members-searcher input {
    float:left;
}
#members-list h2 {
    margin-top:65px;
    margin-bottom:0px;
    color:#333;
}
#members-list h3 {
    margin:0 0 7px 0;
    padding-top:20px;
    /*color:#2D2F30;*/
    color:#333;
    font-size:18px;
    border-bottom:1px solid #ddd;
}
#members-list h3 a {
    color:#2D2F30;
}

/*ul.member-data {
    padding-top:0 !important;
}*/

ul.member-data li {
    padding-left:22px !important;
    width:325px;
    font-size:12px;
}
ul.md-float li {
    float:left;
    width:220px;
    overflow:hidden;
    margin-right:5px;
}
li.member-contact {
    background:url("../img/person.png") no-repeat scroll 0 3px transparent !important;
}
li.member-phone {
    background:url("../img/phone.png") no-repeat scroll 0 3px transparent !important;
}
li.member-web {
    background:url("../img/web.png") no-repeat scroll 0 3px transparent !important;
}
li.member-email {
    background:url("../img/email2.png") no-repeat scroll 0 3px transparent !important;
}

li.member-twitter {
    background:url("../img/twitter.png") no-repeat scroll 0 3px transparent !important;
}
li.member-facebook {
    background:url("../img/facebook.png") no-repeat scroll 0 3px transparent !important;
}
li.member-flickr {
    background:url("../img/flickr.png") no-repeat scroll 0 3px transparent !important;
}
li.member-youtube {
    background:url("../img/youtube.png") no-repeat scroll 0 3px transparent !important;
}

#members-list ul li a {
    color:#777;
    font-weight:normal;
    text-decoration:none;
}

#members-list ul li a:hover {
    text-decoration:underline;
}

.member_num {
    padding:0 !important;
}
.member_num img {
    float:right;
    padding: 0 8px 17px 0;
}
/* TURISOFT search */
.form_busqueda_disp {
    -moz-border-radius:7px 7px 7px 7px;
    -webkit-border-radius: 7px;
    border:7px solid #E97F0D;
    height:194px;
    margin:0;
    width:286px;
}


/* HOME BOXES */
#home-grid {
    padding:10px;
    /*background-color: white;*/
    width:927px;
    /*height:440px;*/
}
#home-grid .col-e {
    width:547px;
    float:left;
}
#home-grid .col-d {
    width:370px;
    float:right;
}
#home-grid .box {
    border-radius:10px;
    box-shadow: 0 0 5px #CCC;
    overflow: hidden;
    display: block;
}
#home-grid .box .inner {
    padding:15px 15px;
}
#home-grid .box .title {
    font-family: 'Ubuntu', sans-serif;
    line-height:30px;
    color:white;
    font-size:29px;
    text-shadow: 2px 2px 3px rgba(70,70,70,0.9);
    filter: alpha(opacity=70); /* the opacity won't work! */
    filter: glow(color=black, strength=5);
}
#home-grid .box:hover {
    -webkit-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.4) !important;
    -moz-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.4) !important;
}
.box-apartur {
    width:547px;
    height:250px;
    float:left;
    background-color:blue;
    background:url("../img/home/box1-casa-mila.jpg") no-repeat center;
}
.box-asociados {
    width:370px;
    height:250px;
    float:right;
    background-color:grey;
    background:url("../img/home/box2-apartur-logo.jpg") no-repeat top right;
}
.box-noticias {
    width:175px;
    height:175px;
    float:left;
    background-color:grey;
    background:url("../img/home/box-noticias.jpg") no-repeat bottom right;
    margin-right:10px;
}
.box-normativa {
    width:176px;
    height:175px;
    float:left;
    background-color:grey;
    background:url("../img/home/box-normativa.jpg") no-repeat top center;
    margin-right:10px;
}
#home-grid .box-normativa .title {
    color:black;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);
}
.box-servicios {
    width:175px;
    height:175px;
    float:left;
    background-color:grey;
    background:url("../img/home/box-servicios.jpg") no-repeat top left;
}
#home-grid .box-servicios .title {
    color:black;
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 1);
}
.box-acceso-asociados {
    width:370px;
    height:175px;
    float:right;
    background-color:orange;
}
#home-grid label {
    width:100px;
    float:left;
    margin:7px 0;
}
#home-grid #user-login-form-box input#memberuser,
#home-grid #user-login-form-box input#memberpass,
#home-grid #user-login-form-box input#memberemail {
    float:right;
    padding: 6px 8px 10px;
}
#home-grid #edit-submit {
    float:right;
}
#home-grid .item-list{
    float:left;
    width: 200px;
}


.banner-lateral-estret {
    border-radius:10px;
    overflow: hidden;
    display: block;
    background-color:grey;
    margin-bottom:10px;
}

.banner-prensa {
    background:url("../img/home/box-noticias3.png") no-repeat -83px center;
}
.banner-normativa {
    background:url("../img/home/box-normativa.jpg") no-repeat top center;
}

.banner-lateral-estret .inner {
    padding:15px 15px;
}
.banner-lateral-estret .title {
    font-family: 'Ubuntu', sans-serif;
    line-height:30px;
    color:black;
    font-size:29px;
    text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}

.rounded-box {
    border-radius:10px;
    /*background-color:orange;*/
    padding: 15px;
    margin-bottom:10px;
}
.rounded-box h3 {
    font-family: 'Ubuntu', sans-serif;
    line-height:30px;
    color:black;
    font-size:29px;
    text-shadow: 2px 2px 3px rgba(150, 150, 150, 1);
}
.rounded-box p {
    font-size:16px;
    line-height:normal;
}

.noticialistsimple {
    padding-bottom: 20px;

}

#logos_checkin ul {
    float:left;
    clear:both;
    width:100%;
    list-style:none;
}
#logos_checkin li {
    float:left;
    margin:0 20px 20px 0;
    background:none;
    border:1px solid;
    padding:0;
    border-radius:4px;
}
#logos_checkin li div {
    width:150px;
    height:100px;
    overflow:hidden;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#logos_checkin img {
    max-width:150px;
    max-height:100px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#banners_apartur ul {
    float:left;
    list-style: none;
    width:100%;
    clear:both;
    margin:0;
    padding:0;
}
#banners_apartur ul a {
    display:block;
}

#banners_apartur ul li {
    float:left;
    list-style: none;
    background:none;
    box-sizing: border-box;
    text-align: center;
    margin: 0;
    padding: 0;
}

#banners_apartur ul.b4 {
    margin-bottom:20px;
}
#banners_apartur ul.b4 li {
    width:25%;
}

#banners_apartur ul.b4 img {
    height:50px;
}

#banners_apartur ul.b5 li {
    width:20%;
}

#banners_apartur ul.b6 li {
    width:16.6%;
}

#banners_apartur ul.b6 img {
    height:45px;
}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}