@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,700,400italic,500italic,700italic|Raleway:500,400,200,300);

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}
.cf {zoom:1;width:100%} /* For IE 6/7 (trigger hasLayout) */

body{
    background-color: #fff;
    color:#3d3c44; 
    font-family:Ubuntu,sans-serif;
    font-weight:400;  
}

body,html {
    overflow-x:hidden;
    /*height:100% !important;*/ 
}

.mainsize{
    max-width:1130px;
    margin:0 auto;
    position:relative;
    outline:0px red solid;
    height:auto;
    /*
    
    paddding-bottom:320px;
    */
}
.mainsize {
   min-height:100%;  
}
.ampcont {
    width:100%;
    max-width:1920px;
    margin:0 auto;
    position:relative;
}
/*
.mainsize:after {
    content:"";
    display:block;
    height:320px;
}
*/
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.pull-left {float:left;}
.pull-right {float:right;}
.center-block {display:block;margin: 0 auto;}

strong, b {font-weight:bolder}
i {font-style: oblique}

.txt-verd {color:#b4f0e6}
.bg-verd {background-color:#b4f0e6}
.txt-roig {color:#FFC8C5}
.txt-roigff {color:#ff8881}
.bg-roigf {background:#FFC8C5}
.bg-roigcc {background:#ffe8e7}

.small {font-size:.85em}

h2 {font-size:25px;font-weight:700;color:#32313a;margin-bottom:10px;}
p, .ip {font-size:18px;font-weight:400;color:#6a6d6f;line-height:125%;margin-bottom:10px;}

.regLink {
    text-decoration:none;
    color:inherit;
}
.regLink:hover {
    text-decoration:underline;
}
/* Capcalera */
.lidi {
    color:#b3b5b5;
    text-decoration:none;
    display:inline-block;
}
.lidi:hover, .lidi.active {
    color: #b4f0e6;
}

/*menu*/
.lmenu {
    color:#32313a;
    text-decoration:none;
    display:inline-block;
    font-size:15px;
    font-weight:500;
    margin-left:34px;
}
.lmenu:hover, .lmenup:hover, .lmenu.active {
    color: #b4f0e6;    
}
.lmenu.apacs {
    padding:9px 5px;
    border:2px solid;
    border-radius:7px;
}
.lmenup {
    text-decoration:none;
    color:#6a6d6f;
    display:block;
    border-top:1px #6a6d6f dotted;
    padding:1em 6%;
    font-weight:700;
}
.lmenup.first {
    border-top:0;
}
#menHam {
    cursor:pointer;
    height:37px;width:auto;margin-left:18px;
    float:right;
    display:inline-block;    
}

/* Index */
.WserveisI, .WserveisP {text-align:center}
.linkservs {text-decoration:none}
.linkservs:hover {opacity:.7}
.iconserv {width:60%;height:auto}
.titserv {margin-top:18px;font-size:25px;color:#32313a}
.txtserv {margin-top:12px;font-size:18px;color:#6a6d6f;line-height:120%}

.imgunoti {height:auto;box-shadow:1px 2px 5px #aaa;float:left}
.wtxtunoti {margin:0 5% 0 0%;float:right}
.dataunoti {font-family:raleway;font-weight:200;color:#3d3c44; margin-bottom:20px}
.titunoti {margin-bottom:10px;font-size:25px;font-weight:700;color:#32313a}
.txtunoti {color:#6a6d6f;font-size:18px;line-height:120%;font-weight:500}
.tmesnotis {
    color:#6a6d6f;font-weight:700;text-align:center;
    background:url('../img/linMesNotis.png') center 60% no-repeat;background-size:contain;
    display:block;margin:37px auto 0 auto;
} /*float:right;margin-top:50px*/


/* FOOTER */
#footer {background:#6a6d6f}
#footer h5, .Fih5 {
    color:#b4f0e6;font-size:15px;font-weight:700;
}
#footer p, #footer li {
    color:#fff;font-size:15px;font-weight:400;line-height:120%;
}
.telfoot, .telfhores {
    font-size:30px;font-family:raleway;font-weight:200;padding-top:10px;display:inline-block;text-decoration:none;color:inherit;
}
#footer ul.lLinks {
    margin-left:.6em;
}
#footer ul.lLinks>li {
    text-indent:-.6em;margin-bottom:20px;    
}
.isocial {
    /*width:37px;height:37px;margin-right:7px*/
    /*height:37px*/
    height:37px;vertical-align:-2px;display:inline-block;width:23.8%;margin-right:1.6%;max-width:37px;padding-right:8px;margin-bottom:10px;
    /*width:auto;*/
}
.isocial>img{
   width:100%;display:inline-block;
   height:auto; 
   border-radius:8px;
   opacity:.7;
   /*margin-bottom:10px;*/
}
.isocial:last-child {margin-right:0}
.isocial>img:hover {
    /*background:#b4f0e6;*/
    opacity:.9;
}
#footc {
    color:#6a6d6f;font-weight:400;text-align:center;
    padding:15px 1% 5px 1%;
    background:#e8ebeb;height:auto; /*67px*/
}

#footc a {
    text-decoration:none;
    color:inherit;
}
#footc a:hover {
    text-decoration:underline;
}

/* tweet*/
img[data-scribe="element:avatar"] {
    width:50px;height:50px;
    border-radius:4px;
    float:left;
    margin-right:10px;
}
span[data-scribe="element:name"] {
    display:block;font-size:15px;color:#fff;font-weight:500;
}
span[data-scribe="element:screen_name"] {
    display:block;font-size:15px;color:#a7a8a8;font-weight:400;
}
a[data-pre-embedded="true"] {
    display:none;
} 
.user {
    height:50px;
    margin-bottom:15px;
}
.tweet {
    font-weight:400;
    clear:both;
    margin-left:0;text-indent:0;
}

.itwPrev {
    max-width:50%;max-height:70px;
    width:auto;height:auto;
    margin-top:10px;
}
.spitw:after {
    content: url('../img/iveurefoto.png');
    margin-left:5px;
    cursor:pointer;    
}
.tweet a, .user a {
    text-decoration:none;
    color: #fff;
}
.tweet a:hover, .user a:hover, a.follow:hover {
    text-decoration: underline;
}
a.follow {
    color:#a7a8a8;font-size:15px;font-weight:500;
    text-decoration:none;
}
.timePosted {
    margin-top:20px;
    color:#a7a8a8 !important;
    font-size:15px;
    font-weight:500 !important;
}
.subfollow {
    color:#fff;
    font-weight:400;
}

/* comuns continhut */
.iconSec {height:auto;width:100%;display:block}

/* CENTRE */
.txtCentre {
    color:#6a6d6f;font-size:18px;line-height:130%;margin-bottom:22px;
}
.anyCentre {
    color:#6a6d6f;font-size:30px;font-weight:300;
}
.titCentre {
    font-size:25px;color:#32313a;font-weight:700;margin-bottom:60px;
}

/* Que tractem */

.sTitQuetractem {
    font-size:18px;font-weight:700;color:#6a6d6f;line-height:140%;
    text-indent:-40px;padding-left:40px; 
    cursor:pointer;   
}
.sTitQuetractem:hover {
    color:#b4f0e6;    
}
.contQuetractem {
    display:none;
    padding-bottom:15px;margin-top:15px;margin-left:40px;
}
.iAcord {
    margin-right:15px;vertical-align:-3px;
}

/* HORARIS */

/* ON SOM */
.seus {border-top:2px dotted}

/* OSTEOS */
.nomOst {
    font-size:25px;font-weight:700;color:#32313a;
    margin-bottom:12px;margin-top:20px;
}
.cOsteos {
    color:#6a6d6f;font-size:18px;line-height:105%;
    text-align:center;padding-bottom:70px;
}

.dostl1 {}
.dostl2 {font-weight:700;font-size:14px;margin-bottom:0}
.dostl3 {font-style: oblique;}
.dostl4 {color:inherit;margin-top:5px;text-decoration:underline;display:block}
.dostl5 {
    margin-top:25px;position:absolute;bottom:45px;left:0;right:0;display:inline-block
}
.dostlf5 {
    margin-top:25px;display:block;   
}
.lconsulta,.dostl5, .obrepost, .dostlf5 {
    color:inherit;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;
    padding:8px 20px;border:2px solid; border-radius:7px;
    margin-left:auto;margin-right:auto;width:105px;    
}
.lconsulta {
    display:block;margin-top:40px;
}
.dostl4:hover, .dostl5:hover, .obrepost:hover, .dostlf5:hover {color:#b4f0e6}

.fotOsteo {
    width:auto;max-width:144px;height:auto;border-radius:50%;
    border:2px #fff solid;
}
.cOsteos:hover .fotOsteo {
    box-shadow: 0px 0px 30px #b4f0e6;
    border:2px #b4f0e6 solid;
}

#creu, #creuCV, #creuBL {
    position:absolute;width:40px;height:40px;top:15px;right:15px;background:#b4f0e6;border:2px #fff solid;cursor:pointer;
}
#creu:hover, #creuCV:hover, #creuBL:hover {
   cursor:pointer;background:#F6D3CD;
}
.txtcvo {margin-bottom:9px;line-height:130%}

/* blog */
.obrepost {
    margin-left:20px;color:#6a6d6f;padding:8px 30px;
}

.isBlog {
    margin-right:25px;
    color:inherit;text-decoration: none;
    vertical-align:top;
    white-space:nowrap;
}
.isBlog:last-child {
    margin-right:0;
}
.isBlog:hover {
    /**/
    border-bottom:1px dotted;
}
.isBlog img {
    width:auto;height:16px;margin-right:.3em;vertical-align: bottom;
}

.lBlogAnt {
    display:block;margin-top:25px;color:#6a6d6f;
}
.lBlogAnt:hover {
   color:#000;
}
.lBlogLat {
    text-decoration:none;color:#6a6d6f;
}
.lBlogLat:hover {
    color:#000;
}

.addComent {
    color:inherit;text-decoration:none;
}
.addComent:hover {
    text-decoration:underline;
}
.input-blog, .input-pacs {
    width:100%;border:1px #aeaeae solid;margin-bottom:15px;font-size:20px;font-weight:400;font-family:ubuntu;color:#6a6d6f;box-sizing:border-box;    
}
textarea.input-pacs {
    width:100%;
    height:4em;
    resize:none;    
  
}
.input-blog:focus, .input-pacs:focus {
    outline:2px #b4f0e6 solid;
}
input.input-blog, input.input-pacs{
    height:auto;padding:1.5%;
}
textarea.input-blog {
    height:150px;resize:none;padding:1.5%;    
}
.input-pacs {
    margin-bottom:20px;font-size:18px;padding:10px !important;
}
.input-pacs.inline, .botoForm.inline {
    display:inline-block;margin-right:1em;
}
.input-pacs.inline {
    width:90%;max-width:350px;
}
select.input-pacs {
    height:80%;margin:0 0 20px 5%;float:right;width:auto;width:30%;
}
.botoForm {
    background:#b4f0e6;color:#6a6d6f;text-decoration:none;white-space:nowrap;
    padding:12px 26px;border-radius:7px; 
    display:inline-block;margin-top:15px;
    outline:none;border:none;cursor:pointer;
    font-family:ubuntu !important;font-size:14px !important;font-weight:700 !important;     
}
.botoForm:hover {
    color:#666;
    background:#a4FFd6;
    /* 1px 1px 1px #fff;*/
}
.botoForm:disabled {
    opacity:.6;
    cursor:not-allowed; /*wait;*/
}
.botoForm.roig {
    background:#F4D8D5;
}
.botoForm.roig:hover:enabled {
    background:#FFC8C5;
    
}
.botoForm.pac-inact {
    font-size:1em !important;
    background:none !important;
    color:#000 !important;
}
.botoForm.pac-inact:hover {
    text-decoration:underline !important;
}
.wcoment {
    border:1px #aeaeae solid;margin-top:30px;font-size:20px;font-weight:400;font-family:ubuntu;color:#6a6d6f;    
}
.ccoment {
    margin:20px 5% 25px 5%;
}
/* Area pacients */
.boto-rodo {
    display:inline-block;text-align:center;border-radius:50%;padding-top:25px;box-sizing:border-box;width:auto;height:80px;
    font-weight:200;color:#32313a;font-family:raleway;font-size:30px;
}
.boto-rodo.link {
    width:80px;height:80px;
}
.boto-rodo.ubu {
    font-size:14px;font-weight:700;font-family:ubuntu;height:120px;width:120px;padding-top:33px;text-decoration:none;background:#b4f0e6;margin:20px auto;padding-top:52px;
}
.boto-rodo.link:hover, .boto-rodo.actiu {
    background:#b4f0e6;
    font-weight:300;
    cursor:pointer;
}
.boto-rodo.ubu:hover {
    background:#a4FFd6;
    font-weight:700;
    cursor:pointer;    
}
.label {
    color:#98979b;font-size:18px;margin-bottom:5px;
}

.fothOsteo {
    border-radius:50%;opacity:.8;
}
.fothOsteo.actiu {
    border-color:#b4f0e6; 
    opacity:1;       
}
.fothOsteo.dis {
    border-color:#F4D8D5;
    cursor:not-allowed;        
}
.ilOsteo:hover .fothOsteo {
    box-shadow: 0px 0px 30px #b4f0e6;
    border-color:#b4f0e6;
    cursor:pointer;
    opacity:1;
}
.ilOsteo:hover .fothOsteo.dis {
    box-shadow: 0px 0px 30px #F4D8D5;
    border-color:#F4D8D5;
    cursor:not-allowed;
}
.ilOsteo:hover {
    cursor:pointer;
}

.dFosc {
    background:#efeeef;
}
.dClar {
    background:#f7f7f7;
}
.dFosc:hover, .dClar:hover, .dFosc.actiu, .dClar.actiu {
    background: #b4f0e6 !important;
    cursor:pointer;
}

#llistahores {
    display:inline-block;vertical-align:middle;margin:0 auto;outline:0px green solid;
    border-left:1px #ddd solid; border-right:1px #ddd solid;padding:10px 0;
}
#infoReserva {
    margin-bottom:20px;min-height:55px;text-align:center;line-height:120%;
}
.botoForm.breserva {line-height:100%}

/* capas */
#cAux {
    position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.3);display:none;z-index:1000;
}
#iAux {
    width:auto;height:auto;max-width:85%;max-height:85%;margin:5% auto;display:block;box-shadow:0 0 30px #666;
}
#cOsts {
    position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background:rgba(255,255,255,.4);display:none;
}
#cvOst {
    margin:0 auto;position:relative;width:95%;height:95%;max-height:580px;background:rgba(255,255,255,1);box-shadow:0 0 25px #777;
}
#cMsBlog {
    position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background:rgba(255,255,255,0.4);display:none;
}
#iMsBlog {
    margin:0 auto;position:relative;width:95%;max-width:745px;height:auto;max-height:80%;background:rgba(255,255,255,1);box-shadow:0 0 25px #777;overflow:auto;
}
.capcaSup {
    position:absolute;top:0;left:0;right:0;z-index:100;box-shadow:0 0 15px #eee;z-index:120;
}
.menIdis {
    background:#6a6d6f;font-weight:500;
}
.capca {
    position:absolute;left:0;right:0;top:auto;background:rgba(255,255,255,.95);box-shadow:0 0 25px #bbb;
}
.logo {
    display:inline-block;max-width:250px;float:left;
}
#conMenHam {
    position:fixed;top:115px;left:0;right:0;height:auto;max-height:75%;overflow:auto;background:rgba(255,255,255,.9);box-shadow:0px 3px 4px #555;z-index:150;display:none;
}
#nomPac {
    text-align:center;font-family:raleway;font-weight:200;color:#32313a;
}
#gfoot {
    position:absolute;bottom:0;left:0;right:0;opacity:0;
}
#fonsUltNew {
    height:auto;background:url('../img/fonsnewm.jpg') center center repeat-x;background-size:contain;padding-bottom:70px;
}
#titUltNew {
     font-size:50px;font-family:raleway;font-weight:200;text-align:center;border-bottom:1px #32313a dotted;color:#32313a;padding-bottom:22px;
}
#txtpubli {
    color:#32313a;font-family:raleway;font-weight:200;font-size:50px;text-align:center;line-height:110%;padding:15px 0px 40px 0px;margin-left:25px;
}

#slider {
    max-width:1920px;height:auto;position:relative;margin:0 auto;
}
.contocv {
    position:absolute;border-bottom:2px dotted;outline:0px red solid;overflow:hidden;
}
.wcvost {
    width:100%;height:100%;background:#fff;
}
.fcvost {
    display:block;margin:0 auto;width:100%;height:auto;max-width:145px;
}
#errMSM {
    color:#FFC8C5;
    font-size:15px;
    font-weight:500;
    height:30px;
    /*overflow:hidden;*/
    position:relative;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

/* preBlog */
.prevBlog {
    padding:50px 0 30px 30px;margin-bottom:30px;max-width:100%;font-size:20px;font-weight:400;color:#6a6d6f;line-height:125%;
}

.prevBlog * {
    max-width:100% !important;
}

.prevBlog p, .prevBlog li {
    font-size:inherit;font-weight:inherit;
    line-height:125% !important;
    margin-bottom:10px !important;
}


.prevBlog li {
    margin-bottom:15px;
    margin-left:10px;
    text-indent:-1em;
    padding:0;
}

.prevBlog ol, .prevBlog ul {
    list-style-position: inside;
    margin-left:10px;
    margin-top:15px;
    color:inherit;
    text-align:justify;
    padding-left:25px;
}

.prevBlog ol {
    list-style-type: decimal;
}
.prevBlog ul {
    list-style-type: disc;    
}

.prevBlog strong {
    color:#666 !important;
}
.prevBlog a {
    color: #777 !important;
    text-decoration:none !important;
    padding:0 !important;
    border-bottom:1px #555 dotted !important;
}
.prevBlog a:hover {
    color:#111 !important;
    border-bottom:1px #333 solid !important;
}
.prevBlog img, .prevBlog iframe {
    display:inline-block !important;
}
.prevBlog iframe {
    margin-top:10px;
    margin-bottom:10px;
}

.prevBlog img[style*="float: left"] {
  margin: 5px 15px 3px 0px !important;
}

.prevBlog img[style*="float: right"] {
  margin: 5px 0px 3px 15px !important;
}
iframe {
    /*
    border:2px solid;
    padding:10px;
    background-color:#1B1B1B; 
    */    
}

.prevBlog span[style*="font-size:11px"] {
    line-height:100% !important;
}

/* Textos legals */

.txtLegal {
    max-width:700px;
    padding:70px .5em 50px 1em;
    margin:0 auto;
}

.txtLegal p, .txtLegal li {font-size:inherit;font-weight:inherit;line-height:125%;margin-bottom:10px;font-size:18px}


.txtLegal li {
    margin-bottom:15px;
    margin-left:10px;
    text-indent:-1em;
    padding:0;
}

.txtLegal ol, .txtLegal ul {
    list-style-position: inside;
    margin-left:10px;
    margin-top:15px;
    color:inherit;
    text-align:justify;
    padding-left:20px;
}

.txtLegal ol {
    list-style-type: decimal;
}
.txtLegal ul {
    list-style-type: disc;    
}

.txtLegal strong {
    color:#666;
}
.txtLegal a {
    color: #777;
    text-decoration:none;
    padding:0;
    border-bottom:1px #555 dotted;
}
.txtLegal a:hover {
    color:#111;
    border-bottom:1px #333 solid;
}
.txtLegal img, .txtLegal iframe {
    max-width:700px;
    display:inline-block;
}

.txtLegal img[style*="float: left"] {
  margin: 5px 15px 3px 0px;
}

.txtLegal img[style*="float: right"] {
  margin: 5px 0px 3px 15px;
}

.txtLegal span[style*="font-size:11px"] {
    line-height:100%
}
.txtLegal h2 {
    font-size:30px;
}

.boto-inline {
    display:inline-block;
    border-radius:50%;
    width:30px;height:30px;
    margin-right:10px;
    background-color: transparent; 
    vertical-align:middle; 
}
.horespr {
    margin-top:1em;
    padding:10px;
    text-align:left;
    box-sizing: border-box;
}
.boto-inline:hover, .horespr:hover > .boto-inline {
    box-shadow:0px 0px 10px #aaa;
    background-color: #a4FFd6;
    cursor:pointer;
}
.boto-inline.gear {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../img/gear.png');
}


.gestHora {
    white-space: normal !important;
    width:100%;
}

#formDades label {
    display:block;
    font-weight: bold;
}
#formDades .camp {
    margin-top:0px;
}

#linkAddRev {
    display:inline-block;background-color:#1a73e8;color:#fff;padding:.4em .7em;border-radius:3px;
}
#linkAddRev:hover {
    text-decoration:underline;
}
.comlink {
    text-decoration:underline dotted;
}
.comlink:hover {
    cursor:pointer;
    text-decoration:underline solid;
}