/* Theme Name: Casa Fabbrini */
/* red: #CD4639; */

* {
    margin: 0;
    padding: 0;
}
img{
    border:0;
}
.language-menu{position:absolute;font-size:12px;top:15px;left:0px;background: rgba(0,0,0,0.6);padding:10px 10px 10px 30px;z-index:100;color:#FFFFFF;}
.language-menu a{font-size:18px;color:#FFFFFF;text-decoration: none;}
.language-menu a:hover{color:#FFFFFF;text-decoration: underline;}
.language-menu a.current{font-weight: bold;}
.language-menu a:hover.current{text-decoration: none;}

.language-menu2{position:relative;font-size:16px;padding-right:10px;z-index:100;color:#FFFFFF;display:none;text-align:right;}
.language-menu2 a{font-size:18px;color:#FFFFFF;text-decoration: none;}
.language-menu2 a:hover{color:#FFFFFF;text-decoration: underline;}
.language-menu2 a.current{font-weight: bold;}
.language-menu2 a:hover.current{text-decoration: none;}

html {
    background: #FFFFFF;
    font-family: 'century','Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-size: 14px;
    margin: 0;
    padding: 0;
    width:100%;
    height: 100%;

}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    width:100%;
    height: 100%;
    overflow:hidden;
    }
.edit{
    position:absolute;
    top:0;
    left:100px;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 10px 5px 0;
    text-transform: uppercase;
    z-index:1000;
}
.edit a{
    background:#FFF;
    text-decoration:none;
    color: #CD4639;
    display:block;
    padding:5px 10px;
}
.edit a:hover{
    background:#CD4639;
    text-decoration:none;
    color: #FFF;
    display:block;
    /*padding:15px 10px 5px;*/
}
#wrapper {
	width:100%;
    height: 100%;
    overflow: hidden;
	margin: 0 auto 0;
    text-align: left;
}
#wrapper img.bg-photo {
	width:100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;

}
#wrapper img.bg-photo.visible {
    display: block;
}
#wrapper img.bg-photo-new {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
}
.edit-background {
    position: absolute;
    top: 20px;
    left: 35px;
    font-size: 10px;
}
.edit-background a {
    color: #FFF;
    text-decoration: none;
}
.edit-background a:hover {
    color: #FFF;
    text-decoration: underline;
}
#safe-zone-pusher {
    height: 350px;
    clear: both;
}
#safe-zone {
    position: absolute;
/*width:300px;*/
    clear: both;
    text-align: left;
    left: 0;
    bottom: 0;
}
#menu-wrapper {
 /*questo elemento lascia visibile il logo se la finestra � piccola*/
    width: 100%;
    height: 35px;
}
#main-menu {
    width: 270px;
    height: 490px;
    font-size: 15px;
    line-height: 22px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    text-transform: uppercase;
}
#main-menu-bg {
    background: #413433;
    width: 270px;
    height: 490px;
    opacity: 0.75;
    position: absolute;
    left: 0px;
    z-index: 1000;
}
#menu-content {
    position: absolute;
    top: 130px;
    left: 16px;
}
#menu-content .social {margin-top:10px;text-align:center;}
#menu-content .social a{font-family:'aristocrat';font-size:13px;text-transform:none;}
#menu-content .social a:hover{text-decoration:underline;}
#main-menu ul {
    list-style-type: none;
    list-style-position: outside;
    z-index: 1100;
}
#main-menu ul li{
    transition: all 0.5s ease 0s;
    margin: 0;
    padding:0 0 10px 0;
    width:230px;
}
#main-menu ul li:nth-child(1){background:url('/images/1.png') no-repeat left top;background-size: 30px;}
#main-menu ul li:nth-child(2){background:url('/images/2.png') no-repeat left top;background-size: 30px;}
#main-menu ul li:nth-child(3){background:url('/images/3.png') no-repeat left top;background-size: 30px;}
#main-menu ul li:nth-child(4){background:url('/images/4.png') no-repeat left top;background-size: 30px;}
#main-menu ul li:nth-child(5){background:url('/images/5.png') no-repeat left top;background-size: 30px;}
#main-menu ul li:nth-child(6){background:url('/images/6.png') no-repeat left top;background-size: 30px;}

#main-menu ul li a:hover{margin-left:10px;transition: all 0.5s ease 0s;}
#main-menu ul li a.aktiv{color:#da4727;}
#main-menu ul li img{width:20px;display:inline;}

#main-menu a.cross-link {
    font-size: 12px;
    font-weight: bold !important;
    margin: 5px 0;
    font-weight: bold;
    text-transform: none;
}
#main-menu a.cross-link .crosslink-arrow {
    position: relative;
    top: 2px;
    left: 0;
}
#main-menu a {
    color: #FFF;
    text-decoration: none;
    outline: 0;
}
#main-menu a:hover {
    text-decoration: none;
}
#main-menu ul li.current_page_item a {
    color: #B0CEBC;
    margin-left: 10px;
    font-weight: bold;
}
#main-menu ul li a {
    font-family:'aristocrat';
    padding: 0 0 0 40px;
    margin: 0;
    color: #FFF;
    display: inline-block;
    text-decoration: none;
    outline: 0;
    font-weight:normal;
    font-size:16px;
}
#main-menu ul li a.menu1.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu2.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu3.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu4.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu5.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu6.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu7.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu8.selected {
    color: #cd4639;
    font-weight: bold;
}
#main-menu ul li a.menu9.selected {
    color: #cd4639;
    font-weight: bold;
}
#panel {
    position: absolute;
    top: 0;
    right: -563px;
    width: 600px;
    height: 100%;
    z-index: 1000;

}
.bg1{background: rgba(118,128,26, 0.7);}
.bg2{background: rgba(73,119,137, 0.7);}
.bg3{background: rgba(215,129,23, 0.7);}
.bg4{background: rgba(218,71,38, 0.7);}
.bg5{background: rgba(91,101,110, 0.7);}
#panel.fixed-opened{
    right:0;
}
.panel-bg {

    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    overflow:hidden;
}
#panel .panel-bg-left{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    z-index: 10 !important;
}
#panel .panel-bg-right{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    z-index: 10 !important;
}
#panel .panel-bg-bottom{
    position: absolute;
    bottom: 0;
    left: 50px;
    width: 500px;
    height: 40px;
    z-index: 10 !important;
}
#panel .panel-bg-content{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10 !important;   
}
#panel .panel-bg-top{
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 500px;
    height: 50000%;
    z-index: 10 !important;
}
#panel .graphic-title{
    display:block;
    opacity: 0.89;
}
#panel.with-graphic-title .panel-bg-bottom{
    background: #FFFFFF;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: 0;
    width: 500px;
    height: 200%;
    z-index: 10 !important;
}
/*PANEL MENU*/
.panel-menu {
    width: 500px;
    height: 30px;
    display:none;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    top: 30px;
    left: 50px;
    z-index:100 !important;
}
.panel-menu a {
    width:99px;
    height:30px;
    background:#CD4639;
    color: #FFFFFF;
    display:block;
    text-align: center;
    margin:0 8px 0 0;
    text-transform: uppercase;
    float:left;
    font-size:13px;
    line-height:31px;
    font-weight: normal;
    text-decoration: none;
}
.panel-menu a:hover, .panel-menu a.selected {
    text-decoration: none;
    background:#FFFFFF;
    color: #505050;
}
.panel-menu a.last {
    margin:0 !important;
}
.panel-menu ul {
    margin: 0;
    padding: 0;
}
.panel-menu ul li {
    height: 60px;
    display: block;
    text-align: center;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    float: left;
    text-transform: uppercase;
}
.panel-menu ul li a {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 18px;
    margin: 20px 0 0 0;
    text-decoration: none;
    color: #a38469;
    border-bottom: 2px solid #675435;
    outline: 0;
}
.panel-menu ul li.current-menu-item a {
    height: 32px;
    color: #675435;
    margin: 18px 0 0 0;
    border-top: 2px solid #675435;
    border-left: 2px solid #675435;
    border-right: 2px solid #675435;
    border-bottom: 0;
    outline: 0;
}
.panel-menu ul li a:hover {
    color: #675435;
    text-decoration: none;
    background: #D9C8A8;
}
/*PANEL MENU SOLO DELLA GALLERY*/
.panel-menu-gallery {
    height: 60px;
    font-weight: bold;
    font-size: 13px;
    position: absolute;
    top: 0;
    left: 30px;
/*opacity: 0;
filter: alpha(opacity = 90);
*/;
}
.panel-menu-gallery a {
    height: 45px;
    line-height: 30px;
    display: block;
    text-decoration: none;
    color: #675435;
}
.panel-menu-gallery a:hover {
    text-decoration: none;
    color: #443317;
}
.panel-menu-gallery ul {
    margin: 0;
    padding: 0;
}
.panel-menu-gallery ul li {
    height: 60px;
    display: block;
    text-align: center;
    overflow: hidden;
    list-style-type: none;
    list-style-position: inside;
    float: left;
    text-transform: uppercase;
/*opacity: 0.9;
filter: alpha(opacity = 90);*/;
}
.panel-menu-gallery ul li a {
    height: 30px;
    line-height: 30px;
    display: block;
    padding: 0 20px;
    margin: 20px 0 0 0;
    text-decoration: none;
    color: #675435;
}
.panel-menu-gallery ul li a:hover {
    text-decoration: none;
    background: #EBE9EC;
}
.footer-text{
    bottom: 10px;
    font-size: 12px;
    height: 30px;
    color:#4F4F4F;
    position: absolute;
    right: 60px;
}
.panel-linkto-gallery {
    bottom: 10px;
    font-size: 12px;
    height: 30px;
    position: absolute;
    text-transform: uppercase;
    right: 60px;
}
.panel-linkto-gallery a {
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0;
    text-decoration: underline;
    color: #CD4639;
}
.panel-linkto-gallery a:hover {
    color: #CD4639;
    text-decoration: none;
}
.panel-content {
    width: 510px;
    padding: 48px 40px 40px 0px;
    position: absolute;
    right: 0;
    outline: 0;
}
.scroller {
    height: 500px;
    display: block;
    position: relative;
}
.scroller-content {
    margin-right: 10px;
}
.panel-content .cim h1 {
    text-transform:uppercase;
    font-family:'aristocrat';
    color: #ffffff;
    font-size: 36px;
    font-weight: normal;
    padding: 40px 0;
}
.panel-content .content p,.panel-content .content span,.panel-content .content td{
    color: #ffffff;
    font-size: 18px;
    line-height: 24px;
    margin: 0 10px 0 0;
    padding-bottom:12px;
    text-align: left;
}
.panel-content .content a {
    color: #4F4F4F;
    text-decoration: none;
}
.panel-content a:hover {
    color: #CD4639;
    text-decoration: none;
}
.panel-command {
    background: url('/images/arrow.png') no-repeat center center;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    cursor: pointer;
    z-index: 1000;
    
}

/*GALLERY*/
.gallery {
    width: 530px;
}
#gallery-prev {
    background: url('/images/gallery-arrows.png') no-repeat 0 0;
    width: 21px;
    height: 33px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -50px;
    display: none;
    opacity: 0.8;
}
#gallery-prev:hover {
    opacity: 1;
}
#gallery-next {
    background: url('/images/gallery-arrows.png') no-repeat -21px 0;
    width: 21px;
    height: 33px;
    cursor: pointer;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 50px;
    margin: 0;
    display: none;
    opacity: 0.8;
}
#gallery-next:hover {
    opacity: 1;
}
.gallery-thumb:hover img {
    opacity: 0.6;
}
.gallery-thumb {
    width: 500px;
    height: 100px;
    display: block;
    position: relative;
    padding: 0 0 15px 0;
}
.gallery-thumb-content {
    width: 490px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery-thumb img {
    width: 500px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery-separator {
    height: 17px;
    display: block;
}
/*TESTI*/
b, strong {
    font-family: 'Raleway','Lucida Sans Unicode','Lucida Grande','sans-serif';
    font-weight: 600;
}
#promozioni-box {
    padding:0 0 20px 0;
}
a.all-promotions-link {
    height: 30px;
    line-height: 30px;
    display: block;
    margin: -22px 0 0 0;
    float:right;
    text-decoration: underline;
    color: #CD4639;
}
a:hover.all-promotions-link {
    color: #CD4639;
    text-decoration: none;
}
.promozione {
    background:url("/images/white50.png");
    width:500px;
    margin:0 0 20px 0;
}
.promozione.no_margin{
    margin:0;
}
.promozione .promozione-command {
    background: url('/images/arrow.png') no-repeat center center;
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    z-index: 1000;
    position: absolute;
    right: 10px;
    top: 5px;
}
.promozione.opened  .promozione-command{
    left: auto;
    position: absolute;
    right: 10px;
    top: 5px;
}
.promozione .promozione-title{
    background:#FFFFFF;
    padding:0 10px;
    height:30px;
    font-size:13px;
    line-height:30px;
    position:relative;
}
.promozione .promozione-title p{
    line-height:30px;
}
.promozione .right{
    position: absolute;
    top: 0;
    right: 10px;
    color: #CD4639;
    font-size:16px;
    line-height:30px;
    font-weight: normal;
}
.promozione h1 {
    color: #CD4639;
    font-size:13px;
    line-height:30px;
    font-weight: normal;
    margin:0;
}
.promozione h1 a {
    color: #CD4639;
    text-decoration: none;
}
.promozione p{
    padding:2px 10px 5px;
}
.promozione .promozione-content{
    overflow:hidden;
}
.promozione .promozione-thumb{
    margin:10px;
}
.promozione .read-more{
    color:#CD4639;
}

/*CONTATTI*/
form{
    position:relative;
    top:10px;
    left:0;
}
.wpcf7-response-output {
    background: none repeat scroll 0 0 #FFFFFF;
    right: 0;
    margin: 0 !important;
    padding: 5px 15px !important;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -27px;
    border:0;
    cursor:pointer;
}
div.wpcf7-validation-errors{
    background:#CD4639;
    color:#FFF;
    border:0 !important;
}
span.wpcf7-not-valid-tip {
    background: #FFFFFF !important;
    font-size: 10pt !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 !important;
    position: absolute !important;
    right: 10px !important;
    text-align: right !important;
    top: -8px !important;
    width: 50% !important;
    z-index: 100 !important;
    border:0 !important;
    left: auto !important;
}
div.wpcf7-mail-sent-ok{
    border:0 !important;
    color:#CD4639 !important;
}


/*SCROLLING BAR*/
.jspContainer {
    overflow: hidden;
    position: relative;
    outline: 0;
}
.jspPane {
    position: absolute;
    outline: 0;
    width:510px;
}
.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: transparent;
    /*-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;       */
    opacity: 0.9;
}
.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: #dad4cb;
    border-radius: 3px;
    display:none;
}
.jspVerticalBar *, .jspHorizontalBar * {
    margin: 0;
    padding: 0;
}
.jspCap {
    display: none;
}
.jspHorizontalBar .jspCap {
    float: left;
}
.jspTrack {
    background: transparent;
    position: relative;
/*-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow:0px 1px 2px #8b8b8b inset;
-webkit-box-shadow:0px 1px 2px #8b8b8b inset;
box-shadow:0px 1px 2px #8b8b8b inset;*/;
}
.jspDrag {
    background: #413433;
    opacity: 0.75;
    position: relative;
    top: 0;
    left: 0;
    cursor: default;
/*-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

-moz-box-shadow:0px 1px 2px #8b8b8b;
-webkit-box-shadow:0px 1px 2px #8b8b8b;
box-shadow:0px 1px 2px #8b8b8b;*/;
}
.jspHover, .jspActive {
    background: #CD4639;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}
.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}
.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}
.jspVerticalBar .jspArrow {
    height: 8px;
}
.jspHorizontalBar .jspArrow {
    width: 8px;
    float: left;
    height: 100%;
}
.jspVerticalBar .jspArrow:focus {
    outline: none;
}
.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug:( */
* html .jspCorner {
    margin: 0 -3px 0 0;
}
/*EXTRA*/
#fb-box{
    background:#cd4639;
    width:500px;
    height:66px;
    margin:0 auto;
    color:#FFF;
}
#fb-box #fb-button{
	background:#FFFFFF;
	width:200px;
	height:66px;
	float:left;
    margin:0 10px 0 0;
}
#fb-box .text{
    background:url("/images/cane.png") no-repeat scroll 98% 20px rgba(0, 0, 0, 0);
    padding: 14px 60px 0 0;
    font-size:13px;
    color:#FFF;
}
#fb-box .text p{
    color:#FFF;
}

#menu-del-giorno-box-header {
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
#menu-del-giorno-box-header h1 {
    color: #501E0B;
    font-size: 17px;
    line-height: 30px;
    margin: 0 10px;
    text-transform: uppercase;
}
#menu-del-giorno-box-content {
    margin: 12px 10px 20px;
}
.listino {
    margin: 10px 0;
    text-indent: 20px;
    font-size: 13px;
}
.listino .header {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    opacity: 0.9;
}
.listino .header-title {
    background: #D9B48D;
    width: 85%;
    height: 20px;
    font-size: 15px;
    text-indent: 10px;
    font-weight: bold;
    float: left;
    white-space: nowrap;
}
.listino .header-price {
    width: 14%;
    height: 20px;
    text-align: center;
    font-size: 15px;
    color: #FFF;
    background: #BD8A54;
    float: right;
    white-space: nowrap;
    text-indent: 0;
}
.listino .listino-content {
    text-indent: 0;
    margin: 0 10px;
}
p#leggi-tutto {
    width: 100%;
    text-align: right;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 20px;
}
p#leggi-tutto a {
    width: 537px;
    text-align: right;
    text-decoration: none;
}
p#leggi-tutto a:hover {
    width: 537px;
    text-align: right;
    text-decoration: underline;
}
.promo {
    width: 500px;
    float: right;
    position: relative;
}
.promo .arrow {
    background: url('/images/arrow-list-up.png') no-repeat center center;
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    left: -35px;
    top: 5px;
    cursor: pointer;
}
.promo .arrow.down {
    background: url('/images/arrow-list-down.png') no-repeat center center;
}
.promo h1 {
    color: #736a5a;
    padding: 6px 10px;
    font-weight: bold;
    border-bottom: 2px solid #736a5a;
    cursor: pointer;
}
.promo h1 a {
    color: #736a5a;
    outline: 0;
    text-decoration: none;
}
.promo.visible h1 {
    color: #260909;
    background: #D9B48D;
    border-bottom: 2px solid #675435;
}
.promo.visible h1 a {
    color: #260909;
    outline: 0;
    text-decoration: none;
}
.promo-content {
    overflow: hidden;
}
#map-frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#loading {
    background: #FFF url('/images/loader-white.gif') no-repeat center center;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    display: block;
    z-index: 100;
    opacity: 0.9;
    border-radius: 1px;
}

/*pulsante home*/
.pulsante_contattaci {
    margin-right: 0px;
    margin-top: 5px;
    text-align: center;
    line-height: 40px;
    float: right;
    width: 173px;
    height: 41px;
    background: #914526;
    border: solid 0px;
    border-radius: 20px;
}
.pulsante_contattaci a {
    width: 100%;
    height: 40px;
    color: white;
    text-decoration: none;
}

/* SIMPLE BOOKING */
#simple-booking {
    width:498px;
    height: 125px;
    margin: 0 0 50px 0;
    font-size: 12px;
    color: #CD4639;
    overflow: hidden;
    border:1px solid #CD4639;
}
#simple-booking.no_margin {
    margin:0 0 0 0;
}
a#label-modcancreservation{
    color:#CD4639 !important;
    text-decoration: none !important;
    float:right;
    position: absolute;
    right: 2px;
    top: 57px;
}
a:hover#label-modcancreservation{
    text-decoration: underline !important;
}

#navi{display:none;}


@font-face {
  font-family: 'century';
  src: url('/fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),  url('/fonts/CenturyGothic.woff') format('woff'), url('/fonts/CenturyGothic.ttf')  format('truetype'), url('/fonts/CenturyGothic.svg#CenturyGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'century';
  src: url('/fonts/CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),  url('/fonts/CenturyGothic-Bold.woff') format('woff'), url('/fonts/CenturyGothic-Bold.ttf')  format('truetype'), url('/fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
    font-family: 'aristocrat';
    src: url('/fonts/aristocrat-regular.eot');
    src: url('/fonts/aristocrat-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aristocrat-regular.woff2') format('woff2'),
         url('/fonts/aristocrat-regular.woff') format('woff'),
         url('/fonts/aristocrat-regular.ttf') format('truetype'),
         url('/fonts/aristocrat-regular.svg#aristocrat') format('svg');
    font-weight: normal;
    font-style: normal;
}


#intrologo{opacity:1;z-index:100!important;position:absolute;width:70%;right:20px;top:10%;text-align:center;color:#ffffff;font-size:36px;font-family:'aristocrat';}
#intrologo img{width:60%;min-width:260px;max-width:400px;margin-left:-3000px;}
#intrologo h1{color:#d7006d;font-size:48px;text-transform:uppercase;font-family:'aristocrat';margin-left:-3000px;}
#intrologo h2{color:#fbc836;font-size:48px;text-transform:uppercase;margin:0 0 10px 0;font-family:'aristocrat';margin-left:-3000px;}
#intrologo a{text-decoration:none;}
#intrologo a span{color:#ffffff;font-size:36px;font-family:'aristocrat';text-decoration:none;margin-left:-3000px;}
#intrologo a span:hover{text-decoration:underline;}
#logo {
    background:url('/images/logo2.png') no-repeat top left;
    background-size: 54px 70px;
    display: block;
    position: absolute;
    top: 20px;
    left: 10px;
    margin: 0;
    z-index: 1100;
    border-bottom:1px solid #ffffff;
    height:80px;
}
#logo a{display:block;max-width:200px;}
#logo h1 {color:#ffffff;font-family:'aristocrat';font-size:18px;text-transform:uppercase;margin:0 0 0 80px;font-weight:normal;}
#logo h2 {color:#fbc836;font-family:'aristocrat';font-size:18px;text-transform:uppercase;margin:5px 0 0 80px;font-weight:normal;}


@media all and (max-width: 400px) {
    #intrologo{opacity:1;z-index:100!important;position:absolute;right:auto;width:100%;top:10%;text-align:center;}
    #intrologo h1{color:#d94726;font-size:22px;text-transform:uppercase;}
    #intrologo h2{color:#fbc836;font-size:22px;text-transform:uppercase;margin:0 0 10px 0;}
}

@media all and (min-width:401px){
    #intrologo{opacity:1;z-index:100!important;position:absolute;right:20px;width:70%;top:10%;text-align:center;}
    #intrologo h1{font-size:22px;}
    #intrologo h2{font-size:22px;}
}

@media all and (min-width:768px){
    #intrologo h1{font-size:32px;}
    #intrologo h2{font-size:32px;}
}
/*MOBIL*/
@media only screen and (max-device-width: 800px){
    .jspContainer {overflow:visible;}
    .jspVerticalBar{display:none;}
    .language-menu2{display:block;}
}

@media all and (max-width: 768px) {
    body{position:fixed;}
    .panel-content .cim h1{font-size:24px;margin-bottom:10px;text-transform:uppercase;text-align:center;margin-top:100px;}
    .panel-content .content p, .panel-content .content span{font-size:18px;}
    #panel{width:100%;z-index:1!important;position:relative;}
    .panel-content {width:100%;padding: 0px;margin:0px;left:0;position:relative;height:100%;}
    .panel-command {display:none;}
    .scroller{height:100%!important;}
    .scroller-content{margin:0;}
    .jspContainer{overflow:auto;}
    .jspVerticalBar{display:none;}
    #logo{width:100%;top:5px;left:0px;right:0px;background-position:10px 5px;background-size:60px;}
    #logo h1{font-size:12px;margin-top:5px;}
    #logo h2{font-size:12px;line-height:16px;}
    #safe-zone{bottom:auto;top:0;width:100%;}
    #main-menu{top:0;height:85px;width:100%;left:0;}
    #main-menu-bg{opacity:1;height:100%;width:100%;}
    #main-menu ul li{padding:0;}
    #main-menu ul li a{font-size:12px;}
    #main-menu ul li{background-size:30px!important;}
    #navi{position:absolute;right:15px;top:20px;width:32px;height:32px;display:block;cursor:pointer;}
    #navi img{position:relative;}
    #wrapper img.bg-photo{position:absolute;}
    #menu-content{display:none;left:0;width:100%;top:86px;background:#413433 none repeat scroll 0 0;padding:10px 0;}
    #panel .panel-bg-content{width:95%;margin:auto;}
    #main-menu ul{margin-left:20px;}
}

@media all and (max-height: 400px) {
    .panel-content .cim h1{font-size:24px;margin-bottom:10px;text-transform:uppercase;}
    .panel-content .content p, .panel-content .content span{font-size:18px;}
    .language-menu{top:5px;}
	#intrologo{top:50px;}
    #intrologo h1{font-size:16px;line-height:16px;}
    #intrologo h2{font-size:16px;margin:0;}
    #intrologo img{width:45%;min-width:50px;}
}

@media all and (min-width:992px){
    #intrologo h1{font-size:38px;}
    #intrologo h2{font-size:38px;}
}

@media all and (min-width:1200px){
    #intrologo h1{font-size:42px;}
    #intrologo h2{font-size:42px;}
}