@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

/* Coses que directament amaguem i ja esta */

#perfils {display:none}
#botons {display:none}
#raco,#racoCarnet {display:none}
#mob-reduida {display:none}
#menu {display:none}
#Einespeu {display:none}
.agenda {display:none}
#logo_fib_lletres {display:none}
#banners {display:none}
#barra {display:none}
#mobile-version-link {display:none}

/* Adaptem temes de layout perque es vegi millor */

#tot {width:100%;padding:0}
body {padding:0;font-size:1em;}
#cos {background-color:#cccccc;margin:0;width:auto;padding:0}
#contingut {background-color:white;padding:0;width:auto;padding:1em;padding-top:0;clear:both}
#peu {margin:1em;width:auto}
#contingut {float:none}
#contingut img {max-width:100%;height:auto;}

.formulari .label {width:100% !important;display:block !important}
.formulari input,.formulari select,.formulari textarea {width:100% !important}
.noticia .text {margin-left:100px}
input {width:100%}
.formulari img {display:none}
.botons_form {margin-top:1em}
.formulari .botons_form input {width:auto !important; padding:0.5em}
.formulari .checkboxes input {width:auto !important}
.formulari .checkboxes {margin:0 !important}
.periode_th {display:block;width:100%;min-height:0}
.periode_td {display:block;width:100%}
.periode_td span span {white-space:pre}
.resum_servei {width:100%;display:block;padding:0;clear:both}
.resum_servei .marc {padding:0.5em}
.resum_servei .text {padding:0.5em;min-height:72px}

.horaris {overflow-x:scroll}
table {overflow-x:scroll !important}
.examensFinals {overflow-x:scroll !important}

/* Barra superior */

#idiomes {margin:0;padding:0;padding-right:1em;height:auto;margin:0;line-height:2em;background-color:black}
#idiomes li {padding:0;padding-left:1em}
#barra_superior {position:relative;width:100%;padding-top:0;background-color;z-index:1;top:0}
#ariadna {padding:0.5em 1em;background-color:#cccccc;margin:0}
#logo_upc,#logo_fib {position:static;padding:0;margin:0}
#logo img {vertical-align:middle}
#logo {position:relative;width:auto;height:auto;clear:both;width:100%;text-align:center;vertical-align:center;padding:4px}
#cap {height:auto;background:none;position:relative;width:100%;top:0}

/* Menu de la dreta */

#dreta {float:none;width:100%;position:none;left:0;background-color:white}
.banner {display:inline-block;margin-top:1em}
#noticiesDestacades .col_2not {float:none; margin:0; width:100%}
.noticia_destacada {padding:0;margin-bottom:1em;display:block;width:100%;border:0}
.noticia_esquerra,.noticia_dreta {float:none;width:100%;font-size:100%}
#menudreta {display:none}
.linksRelacionats {margin-left:1em;padding-bottom:1em}

/* Lletra mes gran */

#ariadna a {font-size:100%}
.noticia {font-size:100%}
.noticia_completa .data {font-size:100%}
.noticia_destacada {font-size:100%}
.noticia_destacada {font-size:100%}
#convocatories .text {font-size:100%}
input, select, textarea {font-size:100%}
#idiomes a {font-size:100%}

/* Menu esquerra */

#esquerra {float:none;position:static;width:100%;margin:0;background-color:white}
#esquerra li.closed {}
#esquerra li, #esquerra li li,#esquerra li li li {width:100%}

#videoteca {margin-top:1em;padding-top:1em}
#videoteca img {margin-left:1em;vertical-align:middle}
#videoteca br {display:none}
#videoteca b {display:block;margin-top:1em}
#videoteca {margin-bottom:1em}

/* guia */

tt {display:block}
#style {display:none}
.taula_blava_gris, .table_assig_cred_llegenda, .taula_blava_blanca, .taula_assig_totals, .table_assig_cred {
    width: 100% !important;
}
#tabList {display:none}
#tabs {width:auto !important}
.fitxa {margin-left:0;margin-right:0;padding:0.3em}
/*body {overflow:visible !important}*/
body {overflow:hidden !important}

.ui-tabs .ui-tabs-hide {
    display: block !important;
}

.fitxa .tab,
.fitxa .ui-tabs .ui-tabs-panel,
.fitxa .ui-tabs .ui-widget-content,
.fitxa .ui-tabs .ui-corner-bottom,
.fitxa .ui-tabs .ui-tabs-hide {
	margin:0 !important;
	padding:0 !important 
}

#ocult {
    display: block !important;
}
#ocult td,#ocult tr,#ocult table {display:block;width:100%;background-color:white}

a#disable, a#enable {display:none !important}

/* pla d'estudis */

.plaestudis .S1 div, .plaestudis .S1 h3,
.plaestudis .S2 div, .plaestudis .S2 h3 {display:block;float:none;width:auto}
.plaestudis br+br {display:none}
.plaestudis div div.llarga, .plaestudis div div.curta {width:auto}
.plaestudis div div span .nom {height:auto}

#.plaestudis div div.llarga, .plaestudis div div.curta {width:auto}

/* menu desplegable */

a.oculta[href="#navegacio"] {position:absolute;display:block;width:45px;height:45px;color:white;z-index:4;background:url("../imatges/hamburger.png"); background-position: center center;text-indent:-20em;top:0;left:2px}

#jPanelMenu-menu {background-color:#333333}
#jPanelMenu-menu a {color:white}
#jPanelMenu-menu li {list-style:none;padding:0;padding-bottom:0.5em;padding-top:0.5em;border-bottom:1px solid gray}
#jPanelMenu-menu ul {padding:1em}
#jPanelMenu-menu {overflow:hidden}
#jPanelMenu-menu li ul {display:none}

/* submenu */

#index ul.level4 {display:none}

#submenu {display:block}

#submenu ul {
    list-style-image: none;
    list-style-type: none;
    margin: 0;
    padding: 0.3em 0 1em;
    margin-bottom:2em;
    background-image: url("../imatges/Cantonada_grisa.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
}

#submenu li {
    background-image: url("../imatges/Bola_grisa.gif");
    background-position: 0 6px;
    background-repeat: no-repeat;
    color: #303030;
}

#submenu li a {
    display: block;
    margin-left: 3px;
    padding-bottom: 4px;
    padding-left: 20px;
    padding-top: 4px;
    text-decoration: none;
}

/* calendaris */

.nomes_calendari {position:static !important;padding-top:1em;padding-bottom:1em}
.llegenda_calendari {margin-left:0 !important;padding-bottom:0 !important}

/* contacte */

.contacte .taula_blava_ac,
.contacte th, .contacte td {display:block;width:auto; margin:0}

.tramits .taula_blava_ac,
.tramits th, .tramits td {display:block;width:auto; margin:0}
.tramits thead {display:none}
.tramits th {margin-top:1em}

table.taula_blava_ac {width:100%}

/* raco */

#raco {display:block;background:none;position:static;width:auto;padding:0}
#raco input {display:none}
#raco .boto {display:block;position:absolute;top:45px;left:0;background:none;text-indent:0;color:white;width:10em;padding-left:1em;z-index:2;border:0;right:none;height:auto;line-height:2em;text-align:left;-webkit-box-sizing: initial}
#dreta {position:static}

html {
    -webkit-text-size-adjust:100%;
}