a {color:#000;}
a:hover {color:#666;}

.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}

.custom{color:#c0df16 !important;}
.bg-custom{background-color:#c0df16 !important;}
.link-custom {color:#c0df16 !important;}
.link-custom:hover {color:#444 !important;}

.taronja{color:#ffa824;}
.bg-taronja{background-color:#ffa824 !important;}
.link-taronja {color:#ffa824 !important;}
.link-taronja:hover {color:#fff !important;}

.verd{color:#28a745;}
.bg-verd{background-color:#28a745 !important;}
.link-verd {color:#28a745 !important;}
.link-verd:hover {color:#aaa !important;}

.red{color:#b00f4b !important;}
.bg-red{background-color:#b00f4b !importantª;}
.link-red {color:#b00f4b !important;}
.link-red:hover {color:#222 !important;}

.white {color:#fff!important;}
.bg-white {background-color:#fff!important;}
.link-white {color:#ccc!important;}
.link-white:hover {color:#fff!important;}

.black {color:#000!important;}
.bg-black {background-color:#000!important;}
.link-black {color:#666!important;}
.link-black:hover {color:#000!important;}

.xclar {color:#ddd!important;}
.bg-xclar {background-color:#ddd !important;}

.clar {color:#e5eaa5!important;}
.bg-clar {background-color:#e5eaa5 !important;}
.link-clar {color:#e5eaa5!important;}
.link-clar:hover {color:#fff!important;}

.gris {color:#aaa!important;}
.bg-gris {background-color:#aaa!important;}
.link-gris {color:#aaa!important;}
.link-gris:hover {color:#222!important;}

.fosc {color:#444!important;}
.bg-fosc {background-color:#444 !important;}

.titol {color:#000!important;}
.bg-titol {color:#fff!important;}

.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}
.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}
.degradat2{
	background:-webkit-linear-gradient(top,#fff,#EBDFCC) ;
	background:-moz-linear-gradient(top,#fff,#EBDFCC) ;
	background:-ms-linear-gradient(top,#fff,#EBDFCC) ;
	background:-o-linear-gradient(top,#fff,#EBDFCC) ;
	background:linear-gradient(top,#fff,#EBDFCC) ;
}

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
}
/*----------------/ estils d'impresió -------------------------*/

/*----------------------------------- FONTS -----------------------*/
.font-titol{font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.font-titol-bold{font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}
.font-body-light{font-family: 'Roboto', sans-serif; font-weight: 300;}
.font-body{font-family: 'Roboto', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Roboto', sans-serif; font-weight: 700;}

.fs05{font-size:0.5em !important;}
.fs06{font-size:0.6em !important;}
.fs07{font-size:0.7em !important;}
.fs075{font-size:0.75em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2em !important;}
.fs21{font-size:2.1em !important;}
.fs22{font-size:2.2em !important;}
.fs23{font-size:2.3em !important;}
.fs24{font-size:2.4em !important;}
.fs25{font-size:2.5em !important;}
.fs30{font-size:3em !important;}
.fs35{font-size:3.5em !important;}
.fs40{font-size:4em !important;}

.lh80{line-height:80% !important;}
.lh90{line-height:90% !important;}
.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
.lh150{line-height:150% !important;}

/* Imágenes responsive */
img.my-imagen-responsive {width:100%;height:auto;}
img.my-imagen-responsive-v {height:100% !important;width:auto;}
.img-back-centered{background-position:center;background-size:cover;}

/*----------------------------------- LOGO MENU -----------------------*/
#logoPedrollo{width:auto;}
/*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
#navbarTop{
	background-color: #fff;
    opacity:1;
	/*background-image: url(../IMAGES/BACK/back-rose-light.jpg); 
	background-repeat: no-repeat; 
	background-position: right;*/
}
.navbar-brand img{max-height:70px;margin:0 1em;}

/* items del menu */
#navbarTop .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    color: #444;
	font-weight: 400;
	font-size: 1.2em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}

/*#navbarTop .navbar-nav .nav-item {
	border-right:2px solid #F6B333;
}
#navbarTop .navbar-nav .nav-item:last-child {
	border-right:0px;
}*/
#navbarTop .navbar-nav .nav-link:hover {
    color: #28a745;
    text-decoration: underline;
}
#navbarTop .navbar-nav .nav-link.active {color: #28a745; font-weight:700}

.navbar-toggler{border:0 !important;}
#my-navbar-toggler{
    position:relative; top:0; left:0;
    height:100%;
    width:20%;
    border-right:1px dotted #aaa;
    text-align:center;
}

/* items submenu 
#sageta_submenu{position:absolute; z-index:105; top:-7px; left:50px}
.dropdown-menu{background-color:#ec3b25; min-width: 15em;}
#navbarTop .navbar-nav .dropdown-menu .nav-link {
    padding: 0 0;
    color: #eee;
	font-weight: bold;
	font-size: 0.9em;
	font-family: 'Merriweather Sans', sans-serif;
	text-transform: uppercase;
}
#navbarTop .navbar-nav .dropdown-menu .nav-item {
	margin: 0.2em 1em 0.2em 1em;
	border-bottom:0px solid #eee;
}
#navbarTop .navbar-nav .dropdown-menu .nav-item:last-child {
	border-bottom:0px;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link:hover {
    color: #fff;
	text-decoration: underline;
}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active {color:#b00f4b;text-decoration: none;font-weight:bold;}
#navbarTop .navbar-nav .dropdown-menu .nav-link.active:hover {text-decoration: underline;}*/

/*----------------------------------- CAROUSEL BOOTSTRAP -----------------------------------*/
.my-carousel-control span{position:absolute;top:50%;}
/*.my-carousel-indicators {position:relative;margin-top:-50px;}
.my-carousel-indicators li {border-color:#c0df16;background-color:transparent;}
.my-carousel-indicators li.active {background-color:#c0df16;}*/
.my-carousel-item {background:#000 no-repeat center center;background-size:cover;}
.my-carousel-caption{top:45%;font-size:3em;}
.my-carousel-caption h1{font-size:1.5em;line-height:1em; margin-bottom:0.5em;text-shadow: 2px 2px #fff;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #444;
    background-color: #c0df16;
    border-color: #999;
	font-weight: 400;
	font-size: 0.85em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}
.btn-custom:hover {
    color: #444;
    background-color: #ddd;
    border-color: #444;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #444;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}

.card-columns {column-count: 4;}
.card-columns-ferias {column-count: 6;}

/*----------------------------------- GLOBAL DIVS -----------------------**/
.divSpace{overflow:hidden; height:1em;}
.divSeparador{width:25%; height:3px; background-color:#222; margin:2em 0;}
#divMenuSpace{overflow:hidden; height:184px;}
#divDebug{background-color:#F5EF93;display:none;}

/*---------------- menu xarxes -------------------------*/
.ulXarxes{list-style:none; display:block; text-align:right; padding:0 0 0 0; background-color:transparent;}
	.ulXarxes li{display:inline-block; margin:0 0 0 0.3em;}
		.ulXarxesTop li a{color:#000;}
		.ulXarxesTop li a:hover{color:#666;}	
        .ulXarxesBottom{text-align:center;}
        .ulXarxesBottom li a{color:#000;}
        .ulXarxesBottom li a:hover{color:#666;}	
        .ulXarxesTop .youtube{color:#f00;}
		.ulXarxesTop .youtube:hover{color:#666;}
/*----------------/ menu xarxes -------------------------*/

/*---------------- menu idiomes -------------------------*/
.ulIdiomes{list-style:none; display:block; text-align:center; margin:0 0 0 0; background-color:transparent; 
            font-weight: 400;
            font-size: 0.9em;
            font-family: 'Roboto Condensed', sans-serif;
            text-transform: uppercase;}
	.ulIdiomes li{display:block; margin:0.25em 1em 0 -1em;}
		.ulIdiomes li a{color:#368c29;}
		.ulIdiomes li a:hover{color:#000;}	
		.ulIdiomes .active > a{color:#000; font-weight:700;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- buscador header -------------------------*/
/*------ en la navbar -----------------------------
.ulQ{list-style:none; margin:auto; display:block; text-align:center; margin:0 0 0 0; background-color:transparent; width:auto;}
    .ulQ li{display:block; margin:0;}
    #q{width:150px;}*/

/*------ en la ventana modal -----------------------------*/
.input-text-search{border:0; border-bottom:1px solid #aaa; font-size:2em; width:90%; font-weight: 300; opacity:0.8;}
.btn-search-header{margin-top:-1em;}
/*---------------/ buscador header -------------------------*/


/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-device-width:1650px),screen and (max-width:1650px){
    #logoPedrollo{width:150px;}
}

@media screen and (max-device-width:1600px),screen and (max-width:1600px){
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 1.1em;
    }
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
}

@media screen and (max-device-width:1520px),screen and (max-width:1520px){
     #logoPedrollo{width:140px;}
}

@media screen and (max-device-width:1480px),screen and (max-width:1480px){
     #logoPedrollo{width:130px;}
}

@media screen and (max-device-width:1450px),screen and (max-width:1450px){
    #logoPedrollo{width:120px;}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
        font-size: 0.9em;
    }
}

@media screen and (max-device-width:1400px),screen and (max-width:1400px){
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 0.9rem;
        padding-left: 0.9rem;
        font-size: 0.9em;
    }
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
    .card-columns {column-count: 3;}
}

@media screen and (max-device-width:1370px),screen and (max-width:1370px){
    #logoPedrollo{width:110px;}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 0.6rem;
        padding-left: 0.6rem;
        font-size: 0.9em;
    }
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
}

@media screen and (max-device-width:1200px),screen and (max-width:1200px){
    body {padding-top:6.5em;}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        padding-right: 0.7rem;
        padding-left: 0.7rem;
        font-size: 0.9em;
    }
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
}

/*----- ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
    body {padding-top:5.6em;}
    .card-columns {column-count: 2;}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    .navbar-brand img{max-height:80px;margin:0 0;}
    #navbarTop .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
        font-size: 1.1em;
    }
    /*#q{width:120px;}*/
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:768px),screen and (max-width:768px){
    body {padding-top:5.4em;}
    .my-carousel-item img{height:300px !important}
    .card-columns {column-count: 2;}
    /*----------------------------------- NAVBAR BOOTSTRAP -----------------------*/
    #navbarTop .navbar-nav .nav-link {
        font-size: 1.3em;
    }
    /* items submenu */
    #navbarTop .navbar-nav .dropdown-menu .nav-link {
        padding: 0.5em 0;
        font-size: 1em;
    }
    /*----------------------------------/ NAVBAR BOOTSTRAP -----------------------*/
    /*---------------- menu idiomes -------------------------*/
    .ulIdiomes{margin:0 2em 1em 0;}
        .ulIdiomes li{display:inline-block; margin:0 0.5em; font-size:1.3em}
    /*---------------/ menu idiomes -------------------------*/
    /*---------------- menu xarxes -------------------------*/
    .ulXarxesTop{margin-top:1em;display:block; font-size:1.5em;text-align:center;}
    /*----------------/ menu xarxes -------------------------*/
    /*---------------- buscador header -------------------------*/
    /*.ulQ li{margin:0 0 2em -1.75em;}*/
    .input-text-search{width:auto;font-size:1.5em;}
    /*---------------/ buscador header -------------------------*/
}

/*----- iphone6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
    .card-columns {column-count: 1;}
}

/*----- iphone6 horizontal ---------------------------*/
@media screen and (max-device-width:667px),screen and (max-width:667px){
    .navbar-brand img{max-height:60px;margin:0 0;}
    .ulXarxes{text-align:center;}
}

/*----- iphone6 i iphone6+ vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
    .my-carousel-item img{height:250px !important}
}


/*---------------- bootstrap z-indexs --------------------------
$zindex-dropdown:          1000 !default;
$zindex-sticky:            1020 !default;
$zindex-fixed:             1030 !default;
$zindex-modal-backdrop:    1040 !default;
$zindex-modal:             1050 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
---------------------------------------------------------------*/