/*!
 * jquery-drawer v3.2.1
 * Flexible drawer menu using jQuery, iScroll and CSS.
 * http://git.blivesta.com/drawer
 * License : MIT
 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
 */

.drawer-nav { position:fixed; z-index:110; top:0; overflow:hidden; width:100%; height:100vh; color:#222; background-color:rgba(0,0,0,0.7); display:none;}
.drawer-brand { font-size:1.5rem; font-weight:700; line-height:3.75rem; display:block; padding-right:0.75rem; padding-left:0.75rem; text-decoration:none; color:#222;}

/* drawer-menu */
.drawer-menu {margin: 0; padding: 0; list-style: none;}
.drawer-menu li {padding:0px; border-bottom:1px #ddd solid;}
.drawer-menu li a { padding:15px 20px;}
.drawer-menu li.t_margin {margin-top:30px;}
.drawer-menu li.title {padding:0px; height:50px; background:#fafafa; border-bottom:1px solid #ccc;}
.drawer-menu li.title img.icon {width:35px; margin:7px 8px 0 20px;}
.drawer-menu li.title img.icon2 {width:35px; margin:7px 0 0 3px;}
.drawer-menu li.title span {float:right; margin-right:20px;}
.drawer-menu li.title span:last-child {margin-right:10px;}
.drawer-menu li.mobile_nave {padding:20px 0 0 0;}
.drawer-menu li.mobile_nave img {width:100%;}
.drawer-menu li.quick {float:left; width:50%; font-size:0.8em; text-align:center; border-right:1px solid #eee;}
.drawer-menu li.no_line {margin-left:-1px; border-right:0px; background:none;}
.drawer-menu li.title span.side_menu_title {float:left;}
.drawer-menu li.title span.side_menu_title span.name { line-height:50px;}


/* drawer-menu-item */
.drawer-menu-item { font-size:1.2em; display:block; padding:12px 0px; text-decoration:none; color:#333 !important;}
.drawer-menu-item:hover { text-decoration:none; color:#4b4a74 !important; background-color:#f7f7f7;}
.drawer-overlay { position:fixed; z-index:5; top:0; left:0; display:none; width:100%; /* bg¿µ¿ª */height:100%; background-color:rgba(0,0,0,.6);}
.drawer-open .drawer-overlay { display:block;}

.drawer--top .drawer-nav { top:-100%; left:0; width:100%; height:auto; max-height:100%; -webkit-transition: top 0.6s cubic-bezier(.19,1,.22,1); transition:top 0.6s cubic-bezier(.19,1,.22,1);}
.drawer--top.drawer-open .drawer-nav { top:0;}
.drawer--top .drawer-hamburger, .drawer--top.drawer-open .drawer-hamburger { right:0;}

.drawer--left .drawer-nav { left: -50rem; -webkit-transition: left 0.6s cubic-bezier(.19,1,.22,1); transition: left 0.6s cubic-bezier(.19,1,.22,1);}
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-nav,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0rem;}
.drawer--left.drawer-open .drawer-hamburger {left:70%;/*background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.pbhapvy.puhatohx.xe%2Spff%2S..%2Svzt%2Surnqre%2Szo_ot_pybfr.cat") no-repeat 9px 22px;*/}

.drawer--right .drawer-nav { right:-30rem; -webkit-transition: right 0.6s cubic-bezier(.19,1,.22,1); transition: right 0.6s cubic-bezier(.19,1,.22,1);}
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-nav,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right:0;}
.drawer--right.drawer-open .drawer-hamburger { right:17rem;}

.drawer-hamburger { position:fixed; z-index:1100; top:0; display:block; box-sizing:content-box; width:2rem; padding:0px;
	 -webkit-transition: all 0.6s cubic-bezier(.19,1,.22,1);
    transition: all 0.6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border:0; outline:0; background-color:transparent; outline:none; display:none;}
.drawer-hamburger:hover { cursor:pointer; background-color:transparent;}
.drawer-hamburger-icon { position:relative; display:block; margin-top:10px;}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { width:80%; height:1px; -webkit-transition: all 0.6s cubic-bezier(.19,1,.22,1); transition: all 0.6s cubic-bezier(.19,1,.22,1); background-color:#2f2282;}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { position:absolute; top:-7px; left:0; content: ' ';}
.drawer-hamburger-icon:after { top:7px;}

.drawer-open .drawer-hamburger-icon { background-color:transparent;}
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before { top:0;}
.drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background:#fff;}
.drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background:#fff;}

.sr-only { position:absolute; overflow:hidden; clip:rect(0,0,0,0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.sr-only-focusable:active,
.sr-only-focusable:focus { position:static; overflow:visible; clip:auto; width:auto; height:auto; margin: 0;}
.drawer--sidebar,
.drawer--sidebar .drawer-contents { background-color: #fff;}





@media (min-width:64em) {

.drawer--sidebar .drawer-hamburger { display:none; visibility:hidden;}
.drawer--sidebar .drawer-nav { display:block; -webkit-transform: none; -ms-transform: none; transform: none; position: fixed; width: 12.5rem; height: 100%;}

.drawer--sidebar.drawer--left .drawer-nav { left: 0; border-right: 1px solid #ddd;}
.drawer--sidebar.drawer--left .drawer-contents { margin-left: 12.5rem;}

.drawer--sidebar.drawer--right .drawer-nav { right: 0; border-left: 1px solid #ddd;}
.drawer--sidebar.drawer--right .drawer-contents { margin-right: 12.5rem;}
.drawer--sidebar .drawer-container { max-width: 48rem;}

}





@media (min-width:75em) {

.drawer--sidebar .drawer-nav { width: 17rem;}
.drawer--sidebar.drawer--left .drawer-contents { margin-left: 17rem;}
.drawer--sidebar.drawer--right .drawer-contents { margin-right: 17rem;}
.drawer--sidebar .drawer-container { max-width: 60rem;}

}





.drawer--navbarTopGutter { padding-top: 3.75rem;}
.drawer-navbar .drawer-navbar-header { border-bottom: 1px solid #ddd; background-color: #fff;}
.drawer-navbar { z-index: 3; top: 0; width: 100%;}
.drawer-navbar--fixed { position: fixed;}
.drawer-navbar-header { position: relative; z-index: 3; box-sizing: border-box; width: 100%; height: 3.75rem; padding: 0 0.75rem; text-align: center;}
.drawer-navbar .drawer-brand { line-height: 3.75rem; display: inline-block; padding-top: 0; padding-bottom: 0; text-decoration: none;}
.drawer-navbar .drawer-brand:hover { background-color: transparent;}
.drawer-navbar .drawer-nav { padding-top: 3.75rem;}
.drawer-navbar .drawer-menu { padding-bottom: 7.5rem;}





@media (min-width:64em) {
.drawer-navbar { height: 3.75rem; border-bottom: 1px solid #ddd; background-color: #fff;}
.drawer-navbar .drawer-navbar-header { position: relative; display: block; float: left; width: auto; padding: 0; border: 0;}
.drawer-navbar .drawer-menu--right { float: right;}
.drawer-navbar .drawer-menu li { float: left;}
.drawer-navbar .drawer-menu-item { line-height: 3.75rem; padding-top: 0; padding-bottom: 0;}
.drawer-navbar .drawer-hamburger { display: none;}
.drawer-navbar .drawer-nav { position: relative; left: 0; overflow: visible; width: auto; height: 3.75rem; padding-top: 0; -webkit-transform: translateZ(0); transform: translateZ(0);}
.drawer-navbar .drawer-menu { padding: 0;}
.drawer-navbar .drawer-dropdown-menu { position: absolute; width: 17rem; border: 1px solid #ddd;}
.drawer-navbar .drawer-dropdown-menu-item {	padding-left: 0.75rem;}
}





.drawer-dropdown-menu { display: none; box-sizing: border-box; width: 100%; margin: 0; padding: 0;}
.drawer-dropdown-menu span {margin-right:7px;}
.drawer-dropdown-menu > li { border-bottom:0px; width: 100%; list-style: none; padding:0px;}
.drawer-dropdown-menu > li a { padding:5px 20px; font-size:14px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sgi.pbhapvy.puhatohx.xe%2Spff%2S..%2Svzt%2Surnqre%2Svpba_zrah.cat") no-repeat 20px 12px; padding-left:30px; line-height:normal;}
.drawer-dropdown-menu-item { line-height: 160%; display: block; padding:0px; text-decoration: none; color: #666 !important; font-size:1.1em;	margin-top:-1px;}
.drawer-dropdown-menu-item:hover { text-decoration: none; color: #ffffff !important; background-color:#454545;}
.drawer-dropdown.open > .drawer-dropdown-menu { display: block; padding:5px 0 10px; background-color:#f7f7f7;}
.drawer-dropdown .drawer-caret { display: inline-block; width: 0; height: 0; margin-top:8px; color:#4b4a74;
    -webkit-transition: opacity 0.2s ease,-webkit-transform 0.2s ease;
    transition: opacity 0.2s ease,-webkit-transform 0.2s ease;
    transition: transform 0.2s ease,opacity 0.2s ease;
    transition: transform 0.2s ease,opacity 0.2s ease,-webkit-transform 0.2s ease;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    vertical-align: middle;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
	float:right;
}
.drawer-dropdown.open .drawer-caret {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
	color:#4b4a74;
}
.drawer-container { margin-right: auto; margin-left: auto;}





@media (min-width:64em) {
.drawer-container {	max-width: 60rem;}
}





@media (min-width:75em) {
.drawer-container { max-width: 70rem;}
}




@media only screen and (max-width: 767px) {
.drawer-nav { position: fixed; z-index: 110; top: 0;  overflow: hidden; width: 70%; height:100vh; color:#666; background-color:#fff; display:inherit;}
.drawer-hamburger { position:absolute; z-index: 1100; top:0px; display: block; box-sizing: content-box; width: 2rem; height:75px; padding:0px 20px;
    -webkit-transition: all 0.6s cubic-bezier(.19,1,.22,1);
    transition: all 0.6s cubic-bezier(.19,1,.22,1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border: 0;
    outline: 0;
    background-color: transparent;
	outline:none;
}

}