body {
	background-color: #fef3f7;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height:125%;
	color:#666;
}
hr{border-top:1px dotted #aaa !important;}

.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}
.corporative,.rosa{color:#e83e8c;}
.b-corporative,.b-rosa{color:#e83e8c;}
.titol{color:#666; margin:1em 0; font-weight:700;}
.left {overflow:hidden; float:left;}
.right {overflow:hidden; float:right;}
.white {color:#fff;}
.b-white {background-color:#fff;}
.black {color:#000;}
.b-black {background-color:#000;}
.gris {color:#aaa;}
.b-gris {background-color:#aaa;}
.red{color:#c00;}
.justificat {text-align:justify;}
.center {text-align:center;}
.cela{display:table-cell; padding:0 0.5em;}
.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}

/*----------------- icon loading animated -------------------------*/
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/*----------------/ icon loading animated -------------------------*/

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

/*----------------------------------- NAVBAR BOOTSTRAP -----------------------**/
.font-titol{font-family: 'Lato', sans-serif; font-weight: 400;}
.font-titol-bold{font-family: 'Lato', sans-serif; font-weight: 900;}
.font-body-light{font-family: 'Oswald', sans-serif; font-weight: 300;}
.font-body{font-family: 'Oswald', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Oswald', sans-serif; font-weight: 700;}

/*----------------------------------- NAVBAR BOOTSTRAP -----------------------**/
#navbarTop{
	background-color: #fff; 
	background-image: url(../IMAGES/BACK/back-rose-light.jpg); 
	background-repeat: no-repeat; 
	background-position: top right;
	background-size:cover;
}
.navbar-brand img{max-height:70px;}
#navbarTop .navbar-nav .nav-link {
    padding-right: 1.1rem;
    padding-left: 1.2rem;
    color: #fe2572;
	font-weight: 400;
	font-size: 1.2em;
}
#navbarTop .navbar-nav .nav-link:hover {
    color: #cc0000;
}
#navbarTop .navbar-nav .nav-link.active {color: #222;}

#navbarTop .navbar-toggler{border-color: #c00;}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.with-errors{color:#c00;}

.btn:hover{cursor:pointer;}
.btn-custom {
    color: #fff;
    background-color: #e83e8c;
    border-color: #e83e8c;
}
.btn-custom:hover {
    color: #fff;
    background-color: #cc0000;
    border-color: #e83e8c;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #fff;
    background-color: #cc0000;
    border-color: #e83e8c;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.5);
}
.panel-breadcrumb a{color:#ccc;}
.panel-breadcrumb a:hover{color:#fff;}

/*----------------------------------- GLOBAL DIVS -----------------------**/
.divSpace{overflow:hidden; height:1em;}
#divMenuSpace{overflow:hidden; height:204px;}
#divBottom{background-color:#eee; padding:2em 2em 10em 2em;}
#divMenuShop{margin:1em 0 1em 0;}
#divDebug{display:none;}

/*---------------- menu idiomes -------------------------*/
.ulIdiomes{list-style:none; margin:auto; display:block; text-align:center; padding:1em 1em 0 0; background-color:transparent; width:auto; float:right;}
	.ulIdiomes li{display:inline-block; margin:0 0.5em;}
		.ulIdiomes li a{color:#aaa;}
		.ulIdiomes li a:hover{color:#00a2d1;}	
		.ulIdiomes .active > a{color:#00a2d1;}
/*----------------/ menu idiomes -------------------------*/

/*---------------- menu xarxes -------------------------*/
.ulXarxes{list-style:none; margin:auto; display:block; text-align:center; padding:1em 0 0 0; background-color:transparent; width:auto; float:left;}
	.ulXarxes li{display:inline-block; margin:0 0.5em;}
		.ulXarxes li a{color:#aaa;}
		.ulXarxes li a:hover{color:#fff;}	
/*----------------/ menu xarxes -------------------------*/
/*---------------- menu legal -------------------------*/	
#divMenuLegal{width:100%; text-align:center; margin:0 0 1em 0;}	
	#divMenuLegal ul{list-style:none; padding:0;}
		#divMenuLegal ul li{display:inline-block; cursor:pointer; font-size:0.8em; margin:0 0.2em; color:#444;}
			#divMenuLegal a{color:#666;}
			#divMenuLegal a:hover{color:#000;}
/*----------------/ menu legal -------------------------*/


/*----------------------------------- FORM SMALL TO LARGER --------------------*/
/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */ 

/* Small devices (landscape phones, 576px and up) sm */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) { }

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) xl */
@media (min-width: 1200px) { }

/*----------------------------------- FROM LARGER TO SMALL --------------------*/
.hidden-xs{display:block;}
.visible-xs{display:none;}

/* Extra small devices (portrait phones, less than 576px) xs */
@media (max-width: 575px){
	.hidden-xs{display:none;}
	.visible-xs{display:block;}
}

/* Small devices (landscape phones, less than 768px) sm */
@media (max-width: 767px){
}

/* Medium devices (tablets, less than 992px) md */
@media (max-width: 991px) { ... }

/* Large devices (desktops, less than 1200px) lg */
@media (max-width: 1199px) { ... }

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */

/*----------------------------------- MIXED --------------------*/
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) { ... }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) { ... }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) { ... }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) { ... }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }

/*---------------- 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;
---------------------------------------------------------------*/

/*-------------------- particularitats albara compra ---------------------*/
@media print {
	#divAlbaraDatosCliente { width:48%; float:left; }
    #divAlbaraDatosEnvio { width:48%; float:right; }
}