body {background:#363636;  font-family: 'SkodaNext'; color:#ccc;}

@font-face {
  font-family: "SkodaNext";
  src: url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.6e2815bd753fe5de64008f2b9292e6a6.eot');
  src: url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.501acc7232cecb34d1f56c60ea59b2a5.woff2') format("woff2"), url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.6955aeda7e06e6f8a71e1149bd66a2dd.woff') format("woff"), url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.6e2815bd753fe5de64008f2b9292e6a6.eot#iefix') format('embedded-opentype'), url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.7b17b97f51e5c16c3ace98ffc1128d59.otf') format('opentype'), url('https://az749841.vo.msecnd.net/modulesassets/sfv4/Assets.font.SKODANext-Light.e3ab69021b0f4a853a5dc2ea727a3668.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
p {font-size:1.0em; padding:0.3 0.4em; line-height:1.1em;}
p.minus {font-size:1.1em; }
p.minus2 {font-size:1.0em;  text-align: justify;}
.franja {width:370px;  margin:1em auto; background:#363636; margin-bottom:1em;}
.centrat {width:100%; text-align:center;}
p.prin {color:#222;}
h1, h2 {margin:0.5em auto;}

a {color:#fff; text-decoration: underline;}
a:hover {color:#fff;}
input.w80, select.w80 {width:74%; float:left; border:2px solid #b5b5b5; -webkit-border-radius: 1px;-moz-border-radius: 1px; border-radius: 1px; clear:right;}

select.w80 {-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none; color:#888;}
	
.icofo { float:left; padding:0 20px; color:#b5b5b5; width:60px;}
.formu {padding:0.2em 2.0em;}
.form-control {font-size:13px;}


#citaForm {margin:1em 0;}

th.prev, th.next, th.picker-switch {background-color: #b5b5b5 !important; color:#fff; -webkit-border-radius: 0px !important;-moz-border-radius: 0px !important; border-radius: 0px !important;}
td.day {-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important; border-radius: 0px !important;}

a.tanca {display:block; width:100%; text-align:right; padding:10px 5px; color:#999; z-index:100; font-size:1.4em;}
.misfin {position:absolute; top:20px; left:10px; width:350px; height:500px; padding:0 10px;  background:#fff; -webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.75); display:none;}


.miserror {font-family: 'SKODA Next Regular'; color:#ff0000; font-size:10px; display:none;}

td.day.old, td.day.new {
  color:#ccc !important;
}
td.day.disabled {
  background: #ccc !important;
  cursor: not-allowed;
  color:#777 !important;
}

.fonsBot {background:#b5b5b5 url('../imatges/powered-by-amg-synergy.png') no-repeat bottom right; padding:2.5em 0; text-align:center; margin-top:1em; margin-bottom:3px;}
.fonsBot.cont {padding:1.2em 0; text-align:center; margin-top:2em; margin-bottom:3px;}
.fonsBot.xat {padding:0.2em 0; text-align:center; margin-top:0.9em; margin-bottom:3px;}
.fonsBlanc {text-align:center; font-size:0.95em;}
.capsapad {padding:3px;}
.panel-body {padding:0 4px; margin-top:0em; margin-bottom:-24px;}
.botoVerd {background-color: #43b02a; text-decoration:none; color:#fff; -webkit-border-radius: 0px;-moz-border-radius: 0px; border-radius: 0px; border:0px solid #fff; margin:0em auto; padding:0.6em 1em; font-size:1.2em; display:inline-block;}
.botoVerd.cont {padding:0.6em .6em; margin-top:10px; margin-bottom:10px;}
#enviar {width:140px !important;}
.padE40 {padding-left: 40px;}
.botoVerd:hover {color:#fff;}

.centrat.plus {font size:2em;}

.persiana {height:200px; overflow-y: scroll; padding:4px; margin-bottom:10px; background: #fff; color:#333; font-size:12px;}
.persiana.llarga {height:420px;}

p.blanc {color:#fff; line-height:1.1em; font-family:"SKODA Next Regular"; margin:15px auto; font-size:1.2em;}
p.blanc a {color:#fff; text-decoration:underline;}

p.ne {margin-top:10px; margin-bottom:2px;}

h2.estret {padding:0.3em 1em; margin:0.4em auto; font-size:2.2em;}
p.esp {font-weight:200; font-size:0.95em;}
.padu {padding:0 8%}
a.gris {color:#888; text-decoration:underline;}
@media (max-width: 420px) {
  .franja {width:360px;}
  .formu {padding:0.5em 0.3em;}
  .icofo { padding:0 8px; width:46px;}
  input.w80, select.w80 {width:80%}
  p {font-size:1.1em; padding:0 0.8em; line-height:1em;}
  h1, h2 {margin:0.7em auto;}
  .panel-body { margin-top:0.8em; }

#citaForm {margin:0.6em 0;}
}

.ganxo-esq {margin-left:-15px; width:32px; height:auto; margin-bottom:2em;}

.nomesmob {display:none;}


@media (max-width: 390px) {
  .nomesmob {display:block; }
  #enviar2 {width:240px;}
  #enviar23 {width:160px;}

}

@media (max-width: 360px) {
  .franja {width:320px;}
  .formu {padding:0.5em 0.3em;}
  .icofo { padding:0 8px; width:46px;}
  input.w80, select.w80 {width:80%}
  p {font-size:1.1em; padding:0 0.8em; line-height:1em;}
  h1, h2 {margin:0.7em auto;}
  .panel-body { margin-top:0.8em; }

#citaForm {margin:0.6em 0;}
.nomesmob {display:block; }
}

/* xat */
#botones
{
box-sizing:border-box;
margin: 0 auto;
margin-top: 5px;
height: 105px;
padding: 5px 0;
text-align: center;
width: 100%;
}

#enviar
{
margin: 10px;
width: 220px;
}
.xat {background-color: #b5b5b5; padding:0 10px; margin:0;}
h2.bla {color:#fff; width:100%; text-align:center; margin:5px auto;}
p.bla {color:#fff; width:100%; padding:0px; line-height:1.0em; margin-top:5px; font-size:1.0em;}
p.bla.nopad {color:#fff; width:100%; padding:0px; line-height:1.2em; font-size:1.2em; margin:0;}

#resultado
{
box-sizing:border-box;
background-color: #fff;
margin: 0 auto;
margin-top: 10px;
height: 140px;
overflow: scroll;
overflow-x: hidden;
padding: 10px;
width: 100%;
}

#texto
{
box-sizing:border-box;
background-color: #fff;
font-size: 14px;
height: auto;
margin: 0 auto;
width: 100%;
text-align:left;
}

#texto_chat
{
box-sizing:border-box;
font-size: 14px;
height: 50%;
margin: 0 auto;
width: 100%;
} 

#texto div.row {
border-bottom:1px solid #eee; padding-bottom:5px;
}
.containeret {width:80%; margin:auto;}
div.blanc {background:#fff !important; padding:0px; margin:0px;}
img.respon {widht:90%; height:auto; max-width:100%;}
img.alcada {margin:25px auto; display:block;}
img.pad {padding:50px 10px 20px 10px;}

.cartell {text-align:center; padding:0px;}

#texto_chat, #chat_user {width:100%; border:0px; padding:5px; margin-bottom:5px;}
#enviar, #borrarchat { color:#fff;}

div.mateix {color:#b5b5b5 !important;}
div.ase {color:#000 !important;}