.right {
    float: right;
}


/* typografy*/

h1, h2, h3, h4, h5, h6, span, p, b, label { font-family: 'Roboto Slab', serif  !important;  letter-spacing:1.5px;}
span, p, b { font-family: 'Roboto' !important;}

body {
    font-family: 'Roboto' !important;
}
h1{color:#282828; font-size:36px; margin:0px; padding-bottom:5px; font-weight:700;}
h2{color:#282828; font-size:24px; margin:0px; padding:0px; font-weight:400; padding-bottom:40px;}
h3{color:#999999; font-size:24px; margin:0px; padding:0px; font-weight:400; padding-bottom:40px;}
h6{color:#4D4D4D; font-size:18px; font-weight:300;padding-bottom:15px; margin:0px;}
label{font-weight:300; padding-bottom:3px; color: #4D4D4D;  font-size: 14px; padding-right: 10px;}


/* header */
.titul_header{display: table-cell;width: 100%; text-align:right; vertical-align: middle;}
.header { width: 100%; padding:50px 0 50px 30px; }
.img_header{display: table-cell;}

/* Formulari*/
.fons-content {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0px;
    border-style: solid;
    border-width: 0px;
    box-shadow: none;
    margin: 0px;
    padding: 0px;
}
.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
}
 .title{font-weight: 600;}
.marginbottom{
	margin-bottom: 35px !important;
}

.form-group {
    margin-bottom: 0px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 8px 0px 0px;
    line-height: normal;
}
.form-control {
    background-color: #ededed;
    background-image: none;
    border: 0 solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    color: #666666;
    display: block;
    font-size: 14px;
    height: 35px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.data div select {
    background-color: #ededed;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    color: #666666;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.radio-inline, .checkbox-inline {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 40px;
    padding-top: 10px;
    vertical-align: middle;
}
.form-control:focus {
    border-color: #282828;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(142, 23, 20, 0.6);
    outline: 0 none;
}
.btn-primary{background:#282828; border-color: #282828; /*height:40px;*/}
.btn-default{color: #333; background-color: #fff;border-color: #ccc;height:40px;padding-top: 9px;}

.btn-default-cs {color: #333; background-color: #FFFFFF; border-color: #ccc;}

.btn-info{background:#4D4D4D; color:#fff;  border-color: #4D4D4D;}
.btn-primary:hover{background:#282828; border-color: #282828;  opacity:0.8;}
.btn-primary[disabled]{background:#282828; border-color: #282828;}
.btn-info:hover{background:#4D4D4D; color:#fff;  border-color: #4D4D4D; opacity:0.8;}
.btn-info:active,
.btn-info.active {
    background-color: #4D4D4D;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active{background:#282828; border-color: #282828; /*height:40px;*/}
.btn-default-cs:hover, .btn-default-cs:focus, .btn-default-cs.focus, .btn-default-cs:active, .btn-default-cs.active{ opacity: 0.75; }

.separador_input{clear: both; margin-bottom: 35px; width: 100%;}
.linia_sep{padding-bottom:65px; border-bottom:1px solid #999999; margin-bottom:65px;}
.linia_separatoria {border-bottom: 1px solid #999999;clear: both;display: flex; margin-bottom: 40px; padding-bottom: 65px; position: relative; margin-left:15px; margin-right: 15px;}
.separador_idiomes{ clear: both; margin-bottom: 25px; width: 100%;}

.dades-btn{
	margin-top: 20px;
}
.padding-0{padding-left:0px;padding-right:0px;}
/* idiomes */
.pidiomes {
	text-align: left;
    vertical-align: middle;
	color: #4d4d4d;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}
a:focus {
    outline: medium dotted transparent;
    outline-offset: -2px;
}
.todo ul li .todo-actions {
    position: relative;

}
.todo ul li .todo-actions i {
    font-size: 16px;
    margin: 0;
    opacity: 1;
}

.alert-normal {
    border-color: #ccc;
    display: table;
    width: 100%;
}

.alert-dismissable .close {
    color: inherit;
    position: relative;
    right: 0;
    top: 35px;
}
.espai{
	width: 100%; clear:both; margin-bottom: 8px;
}
.table-result td{
	color: red;
}

.chosen-container-multi{
    height: 30px;
    margin: 5px 0;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 25px;
}

.boto-inscripcio{
    border: 2px solid #7a1d1b;
    background: #ffffff;
    padding: 15px 25px;
    color: #7a1d1b;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 18px;
    border-radius: 2px;
}
.boto-inscripcio:hover{
    border: 2px solid #fff;
    background: #7a1d1b;
    padding: 15px 25px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 18px;
    border-radius: 2px;
}

.boto-calcul{
    border: 2px solid #7a1d1b;
    background: #ffffff;
    padding: 15px 25px;
    color: #7a1d1b;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 18px;
    border-radius: 2px;
}

.boto-calcul:hover{
    border: 2px solid #fff;
    background: #7a1d1b;
    padding: 15px 25px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 18px;
    border-radius: 2px;
}

/*campus estiu */
.campus p{font-size: 16px; color:#5d5d5d; }
.campus h1{	color: #575756; padding-bottom:15px;}
.campus h2{	color: #fff; padding-bottom:15px; padding-top:40px; font-size:28px; font-weight:700;}
.campus1 .header{padding:30px 0 30px 0px;}
/*
.c0{margin-bottom: 30px;}
.c1{background: #C1C425; color: #fff; padding: 40px 0px;}
.c2{background: #74B9D2; color: #fff; padding: 40px 0px;}
.c3{background: #11637F; color: #fff; padding: 40px 0px;}/* Campus 2015 */
.c0{margin: 30px 0;}
.c1{background: #fff; color: #000; padding: 40px 0px; font-weight: 300;}
.c1 h1,.c1 h2 {color:#282828!important;}
.c2{background: #dadada; color: #575756; padding: 40px 0px;}
.c3{background: #dadada; color: #575756; padding: 40px 0px;}/* Campus 2016 */
.radius{width: 70px; height: 70px; border-radius: 35px; font-weight: 700; padding-top:21px;}
.bs-example1 { min-height: 310px; border: 1px solid #ddd;  border-radius: 4px 4px 0px 0px;}
.btn-success { color: #FFF; background-color: #C1C425; border-color: #C1C425;}
.btn-success-gorey { color: #FFF; background-color: #21542A; border-color: #21542A;}
.btn-success:hover { color: #FFF; background-color: #11637F; border-color: #11637F;}
.btn-success-gorey:hover { color: #FFF; background-color: #11637F; border-color: #11637F;}
.activat{background: #11637F !important; border-color:#11637F;}
.modal-content > p{ color:#333;}
.modal-content > h1{ color:#333;}
.modal-content > h4{ color:#333;}
.modal-content{color:#333 !important;}
.ic{font-size:30px;color:#C1C425; margin-top:17px; }
#resultado p{font-size: 40px;font-weight: 700;}

.borsa .label1{width: 140px;}
.borsa .it{width: 460px;}
.borsa .s1{width: 160px !important; margin-right: 10px;}
.borsa .s2{width: 160px !important;  margin-right: 10px;}
.borsa #addIdioma{width: 140px;}
.form-inline{margin-bottom:22px;}

.switch-danger > .switch-input:checked ~ .switch-label-custom {
    background: #282828 none repeat scroll 0% 0%;
}

.width100{
    width: 100% !important;
}
.label-danger,
.badge-danger,
.label-danger[href],
.badge-danger[href] {
  border-color: #D9534F;
  background-color: #761500;
  background: #D9534F;
  background: -webkit-gradient(linear, left top, left bottom, from(#D9534F), to(#761500));
  background: -webkit-linear-gradient(top, #D9534F, #761500);
  background: -moz-linear-gradient(top, #D9534F, #761500);
  background: -o-linear-gradient(top, #D9534F, #761500);
  background: -ms-linear-gradient(top, #D9534F, #761500);
  background: linear-gradient(top, #D9534F, #761500);
}

.breadcrumb-header {
    margin: 15px;
    border: 0;
    color: #aaa;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.head-label {
    color: #646464;
    font-weight: 500;
}
.head-label:hover{
     color: #282828;  opacity:0.8;
 }

.box .box-content-cs {
    margin-top: -1px;
    padding: 15px 15px 15px 15px;
    background: #FFFFFF;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6);
    //box-shadow: 0 1px 0 rgba(255,255,255,0.6);
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, -0.81);
}

.breadcrumb {
    margin: 0;
    border: 0;
    color: #aaa;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Sistema estrelles Compres/vendes */
.content-with-rating-stars i.fa-star,
.content-with-rating-stars i.fa-star-o,
.content-with-rating-stars i.fa-star-half-o {
  color: #fdc058;
  font-size: 18px;
}
.content-with-rating-stars-form .star-radio {
  visibility:hidden;
}
.content-with-rating-stars-form .star-radio::before {
  visibility: visible;
  font-size:16px;
  display: inline-block;
  letter-spacing: 5px;
  content: "\f006";
  font-family: 'FontAwesome';
  color: #fdc058;
  font-size: 18px;
}
.content-with-rating-stars-form .star-radio:checked::before,
.content-with-rating-stars-form .star-radio:hover::before {
  content: "\f005";
}
.content-with-rating-stars-form .acompliment-radio,
.content-with-rating-stars-form .puntualitat-radio,
.content-with-rating-stars-form .comprovacions-radio {
  width: 110px;
}
.content-with-rating-stars-form .acompliment-radio .star-radio,
.content-with-rating-stars-form .puntualitat-radio .star-radio,
.content-with-rating-stars-form .comprovacions-radio .star-radio {
  float: right;
}
.content-with-rating-stars-form .star-radio:checked ~ .star-radio::before,
.content-with-rating-stars-form .star-radio:hover ~ .star-radio::before {
  content: "\f005";
}
.content-with-rating-stars-form .star-radio:hover::before,
.content-with-rating-stars-form .star-radio:hover ~ .star-radio::before {
  color: #fdb258;
}

.column-min-height {
  min-width: 130px;
}
@media screen and (max-width: 1270px) {
    table {
        display: block;
        overflow-x: auto;
    }
}