ul, ol {
    padding: 0;
}

li {
    list-style: outside none none;
}

/* Capçalera & Menú principal */

#cap {
    background-color: white;
}

#opcions-navbar,
.navbar-nav a,
.navbar-toggle.button-cercar {
    font-size: 18px;
    color: black;
}


/* navbar */

.nav > li {
    position: static;
}

.navbar {
    border: 0;
    background-color: white;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: inherit;
}

.navbar-inverse {
    background-color: #00a1dd;
    border-color: #C41D00;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}

.container > .navbar-collapse {
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;    
}

.form-control {
    box-shadow: none;
}

.navbar-form {
    margin: 0 -10px;
}

/* Opcions principals */

.navbar-header {
    float: none;
}

#menu-btn {
    padding-top: 7px;
}

#boto-usuari {
    margin-top: 8px;
    position: static;
}

#boto-usuari .avatar {
    width: 32px;
    height: 32px;
}

.navbar-inverse .navbar-brand {
    overflow: hidden;
    width: 39px;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form,
.navbar-inverse .navbar-cercar-collapse,
.navbar-inverse .navbar-login-collapse {
    border-top: 1px solid #101010;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background: none;
    color: #333;
}

.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: #333333;
}

.navbar-header button {
    border: none;
}

.button-cercar {
    padding-bottom: 0px;
    border: none;
    margin-right: -16px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    left: 0;
    right: auto;
    background-color: #FFFFFF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

#opcions-principals .dropdown-menu li {
    float: inherit;
}

#opcions-principals .dropdown-menu li:hover,
#opcions-principals .dropdown-menu li:focus {
    background-color: #eee;
}

.navbar-nav .open .dropdown-menu li > a {
    color: #333;
}

#opcions-principals #bustia-link {
    background-color: #00c2bb;
    padding: 10px 0 !important;
    color: #fff;
    text-transform: uppercase;
}

.correu-opcions ul li,
.avisos-opcions ul li {
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.avisos-opcions .dropdown-menu li .avis-nav,
.correu-opcions .dropdown-menu li a .assumpte {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
}

#capsalera {
    padding: 12px 0 20px;
    position: relative;
}

#capsalera time {
    color: white;
    float: right;
    position: absolute;
    right: 15px;
}

#capsalera .dia-numero {
    color: #fbdb00;
    display: block;
    float: right;
    font-size: 106px;
    margin-top: -38px;
    letter-spacing: -0.07em;
}

#capsalera .dia-text {
    display: block;
    float: left;
    font-size: 28px;
    margin-top: -7px;
}

.form-horizontal .control-label {
    text-align: left;
}

.link {
    font-size: 12px;
    float: right;
    font-weight: 900;
    text-transform: uppercase;
}

#navbar-container { 
    padding-bottom: 10px;
}

.navbar {
    margin-bottom: 3px;
    margin-top: 4px;
    min-height: inherit;
    position: relative;
}

.navbar-toggle {
    margin: 0;
    padding: 0;
}

.navbar-login-collapse {
    overflow: hidden;
}

#topbar-options {
    margin-top: 15px;
}

.grup-login {
    font-weight: bold;
    font-size: 16px;
}

#opcions-navbar {
    float: right;
}

.opcions-llengua a {
    color: black;
}

#opcions-navbar a:hover {
    color: gray;
}

#opcions-navbar > li {
    float: left;
    height: 30px;
    margin-right: 7px;
    padding-right: 7px;
}

.panell-navbar.affix {    
    border-bottom: 1px solid #e6e3e3;
    position: fixed;
    top: 0;
    z-index: 20;
}

.panell-navbar ul {
    position: relative;
    width: 100%;
}

.panell-navbar li:last-child {
    border-right: 0;
}

.panell-navbar li a {
    display: block;
    padding: 15px 20px;
}

.titol-megamenu {
    display: block;
    font-weight: bold;
    padding: 15px 20px;
}

/*.panell-navbar.affix .button-cercar { 
    display: none;
}
*/
.panell-navbar.affix .cercar-menu-flotant{
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
}

.panell-navbar.affix .cercar-menu-flotant:hover{
    color: rosybrown;
}

.panell-navbar.affix li a { 
    padding: 10px 20px;
    font-size: 16px;
    color: black;
}

.panell-navbar li a:hover {
    color: whitesmoke;   
}

.panell-navbar li:hover a {
    background-color: rosybrown; 
} 

/* Cercar & Llengua */

.navbar-toggle.button-cercar {
    display: block;
}

#opcions-navbar .opcions-llengua {
    margin-right: 0;
    padding-right: 0;
}

#modal-cercar {
    background-color: rgba(255, 255, 255, 0.9);
    padding-top: 5%;
}

#modal-cercar #searchsubmit {
    display: none;
}

.navbar-cercar-collapse input[type="search"] {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid black;
    color: black;
    font-size: 26px;
    padding: 15px 15px 15px 0;
    width: 100%;
}

/* Xarxes socials */

#xarxes-socials-navbar .list-inline > li {
    padding: 0;
}

#xarxes-socials-navbar span {
    margin: 0;
    padding: 0;
}

#xarxes-socials-navbar a {
    font-size: 20px;
}

.facebook a {
    color: #2c4db9;
}

.twitter a {
    color: #42b2f9;
}

/* Tipografia */

#lloc-subtitol {
   color: #574f4d;
    font-family: "GandhiSerif", serif;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 6px;
    margin-top: 13px;
}

    .modal .close {
		color: #000;
		float: right;
		font-size: 36px;
		font-weight: bold;
		line-height: 1.5em;
		opacity: 1;
		text-shadow: 0 1px 0 #fff;
	}


/* Megamenu */

.megamenu > li > ul {
    padding-bottom: 20px;
    padding-left: 20px;
    width: auto;
}

.megamenu li > ul li {
    display: table;
    float: none;
}

.megamenu > li {
    padding: 0;
}

.megamenu li li a {
    font-weight: normal;
    padding: 0;
}

/*  ====================
    MEDIA QUERIES
    ==================== */

/*Només mobil*/

@media (max-width: 768px) {

    /* Capçalera & Menu principal */

    #capsalera {
        position: absolute;
        top: 0;
    }

    .panell-navbar li a {
        border-bottom: 1px solid transparent;
    }

    .panell-navbar li a:hover {
        border-bottom: 1px solid;
        color: black;
    }

    .panell-navbar li:hover a {
        background-color: transparent;
    }

    #opcions-navbar, .navbar-nav a, .navbar-toggle.button-cercar {    
        font-size: 16px;
    }

    .nav.navbar-nav ul {
        padding-left: 2em;
    }

    .navbar-cercar-collapse input[type="search"] {
        font-size: 18px;
    }

    #lloc-subtitol {
        font-size: 14px;
    }

    #lloc-subtitol,
    #xarxes-socials-navbar {
        display: none;
    }

    #menu-btn {
        float: none;
        font-size: 24px;
        margin-left: 0;
        margin-top: -4px;
        padding-left: 0;
        padding-top: 0;
    }

    .navbar-header time {
        clear: both;
        color: gray;
        display: block;
        font-weight: normal;
        margin-bottom: 5px;
        width: 100%;
    }

    .panell-navbar.modal {
        background-color: rgba(255, 255, 255, 0.9);
    	clear: both;
    }    

	#logo-rc {
		display: none;
	}

	/* Menu & Submenu */

    .nav .inici {
        display: none;
    }

    .inici img {
        height: 24px;
    }

	.panell-navbar ul {
    	width: 95%;
	}


}

/* Exclos mobil */

@media (min-width: 768px) {

    #logo-rc {
        position: absolute;
        right: 17px;
        bottom: 11px;
    }

    .affix #logo-rc {    	
        display: none;
	}

    .panell-navbar li.inici {
        display: none;
    }

    .panell-navbar li.inici img {
        height: 17px;
    }

    .panell-navbar.affix li.inici {
        display: inline-block;
    }

    .panell-navbar.affix .inici > a {
        padding-top: 8px;
    }

    .panell-navbar .close {
    	display: none;
    }

    #logo {
        clear: both;
        padding-top: 5px;
    }

    .panell-navbar.modal {
        display: inherit;
        opacity: inherit;
        overflow: visible;
        position: inherit;
    }

    .panell-navbar li {    
        float: left;
    }

    #titol-menu {
        display: none;
    }

    /* submenu */

    .navbar-nav > li > ul {
        display: none;
        position: absolute;
        left:0;
        right: 0;
        background-color: rosybrown;
        padding:0;
        z-index: 2;        
    }

    .panell-navbar ul li:hover > ul {
        display:block;
    }

    .panell-navbar ul li a > ul:hover {
    }

    .panell-navbar.affix {
    	background-color: white;
		border-bottom: 1px solid #e6e3e3;
		bottom: inherit;
		position: fixed !important;
		top: 0;
		z-index: 20;
		width: 100%;
    }

    .panell-navbar.affix ul ul {
        margin: 0;
    }

    .affix .navbar-nav li li {
        padding: 0;
    }

    /*grup-login*/

    .grup-login li {
        float: left;
        padding-left: 5px; 
    }

    .grup-login li:not(:first-child):before { 
        content: "|";
        margin-right: 5px;  
    }

    .grup-login > a {
        display: inline-block;
        padding-top: 5px;
    }

    .navbar-nav {    
        border-top: 1px solid #574f4d;
        margin: 0 -20px;
    }

    #cap .affix .container {    
        padding: 0;
    }

    .affix .navbar-nav {    
        border-top: 0;
        margin: 0;
        padding-top: 0;
    }

    #cap .container {
        padding-left: 20px;
        padding-right: 20px;
        position: relative;
    }

}

/* mobil + tablet */

@media (max-width: 992px) {

    .navbar-toggle {
        margin-left: 20px;
        margin-top: -1px;
        padding: 0;
    }

}

/* Només tablet */

@media (min-width: 768px) and (max-width: 992px) {

    .panell-navbar.affix {
        font-size: 13px;        
    }

    .panell-navbar ul {
        width: 751px;
    }

    #logo-rc {
    	display: none;
    }

}

/* Entre md i lg */

@media (min-width: 992px) and (max-width: 1200px) {

    #menu-llengua {    
        margin-left: 100px;
    }

}

/* Des de md */

@media (min-width: 992px) {
	.panell-navbar ul {
        width: 970px;
    }

}

/* lg */
@media (min-width: 1200px) {
    
    .panell-navbar ul {
        width: 1170px;
    }
}

/* hacks */

.navbar-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}