/*--------------------------------------------------------------------------------------------
0. DEFAULT
--------------------------------------------------------------------------------------------*/
@font-face {
    font-family: AgoraSans;
    src: url('../fonts/PF_Agora_Sans_Pro_Regular.ttf');
}

html, body, div, span, form, textarea, input, img, label, blockquote, table, tr, td, p, hr, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd{ 
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
body{
	font-size: 10px; line-height: 1.6em;
	color: #fff;
	font-family: AgoraSans;
	background-color: #183b52; /* background: #fff url('../images/background-image.jpg') left -200px no-repeat fixed*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: AgoraSans;
	letter-spacing: 0px;
}

h1, h2, h3, h4, h5 { padding-bottom: 15px; line-height: 1.1em; font-weight: bold; }

h1 { font-size: 3.6em; letter-spacing: -2px;}
h2 { font-size: 3.0em; }
h3 { font-size: 2.6em; }
h4 { font-size: 2.0em; }
h5 { font-size: 1.6em; }

a { color: #03B1CA; text-decoration: none; }
a.active { color: #3D5869;} 
a.active:hover { color: #fff;}
a:hover, a:focus { color: #fff; text-decoration: underline; }

img.block { display: block; }

big { font-size: 1.2em; }
big.h4 { font-family: 'Roboto Slab', serif; font-size: 1.6em; }
big.bigger { font-size: 1.4em; }
small { font-size: 0.9em; }
p { font-size: 1.4em; padding-bottom: 1.4em; line-height: 1.7em; }
p.gallery { line-height: 3.0em; letter-spacing: -0.3em; }

.align-left{text-align:left}
.align-right{text-align:right}
.align-center{text-align:center}
.align-justify{text-align:justify}
.float-left{float:left}
.float-left-50{float:left;width:48%;padding-right:2%}
.float-right{float:right}

.padding-none{padding:0}
.padding-small{padding-bottom:6px}
.padding-normal{padding-bottom:15px}
.padding-smaller{padding-bottom:3px}
.padding-medium { padding-bottom: 1.2em;}
.padding-big{padding-bottom:2.5em}
.padding-left-small{padding-left:1.5em}
.padding-left-medium{padding-left: 15px;}
.padding-left{padding-left:3.0em}
.padding-left-big{padding-left:4.4em}
.padding-right{padding-right:2.0em}
.padding-top{padding-top:30px;}
.padding-top-big{padding-top:80px;}
.padding-top-small{padding-top:0.2em}

.inline{display:inline;}

.color-red{color:#ff0000}
.color-green{color:#43A756}
.color-white{color:#fff}
.color-black{color:#000}
.color-gray{color:#999}

.line-small{line-height:1.5em}

.hr { border-bottom: 1px solid #ccc; display: block; padding-top: 30px;}
.hr-article { border-bottom: 1px solid #ccc; display: block; margin: 30px 0;}

ul, .box ul.none { list-style-image: none; list-style: none; }
.box ul { font-size: 1.2em; list-style-type: circle; padding: 0 0 1.4em 4.0em; }
.box ul.none { font-size: 1.2em; padding-left: 2em; }
.box ul li { padding: 0.1em 0; line-height: 1.6em; }
.box ul.none li { padding: 0.2em 0; line-height: 1.5em; }

ol, .box ol.none { list-style-image: none; list-style: none; }
.box ol { font-size: 1.2em; list-style-type: decimal; padding: 0 0 1.4em 4.0em; }
.box ol.none { font-size: 1.2em; padding-left: 2em; }
.box ol li { padding: 0.1em 0; line-height: 1.6em; }
.box ol.none li { padding: 0.2em 0; line-height: 1.5em; }

blockquote {
	background-color: #ddd; padding: 15px 20px 0px; margin-bottom: 15px; font-style: italic; font-size: 0.8em;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;
}

.box-gray { background-color: #ddd; }
.box-green { color: #fff; background-color: #43A756; }
.box-green a { color: #fff; }
.box-black { color: #fff; background-color: #000; }
.box-transparent { color: #fff; }

.box-rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

table{
	width: 100% !important;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	font-size: 1.4em;
	margin-bottom: 1.5em;
}
table th, table td{
	border-bottom: 1px solid #324852;
	padding: 0.8em 0.8em;
}
table th { border-bottom: 4px solid #324852; border-right: 0; border-left: 0;}
table thead { font-weight: bold; padding: 1.4em 0.8em; background-color: #D9D8D8; }
table thead td { border-right: 1px solid #324852; color: #183B52;}
table tr.dark { background-color: #F4F5F7; }

table a { font-size: 1.1em; }

img.image, img.image-left, img.image.right { margin-right: 15px; margin-bottom: 12px; border: 3px solid #ccc; width: 40%; height: auto !important;}
img.image-left { float: left; }
img.image-right { float: right; margin: 0 0 0 15px; }
a img.image:hover, a img.image:focus { border-color: #43A756; }

.clear { width: 100%; height: 0; clear: both; }

.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }

::selection { color: #fff; background-color: #03B1CA; }
::-moz-selection { color: #fff; background-color: #03B1CA; }


.border-radius { border-radius: 15px; }

.desktop-none { display: none; }
.display-none { display: none; }

/*-------------------------------------------------------------------------------------------
1. STRUCTURE - wrappers, containers  
-------------------------------------------------------------------------------------------*/
.wrapper { width: 100%; min-width: 240px;}
#wrapper-categ { width: 100%; min-width: 240px; min-height: 350px; z-index: -99999; position: relative; overflow: hidden; 
	-webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important;} 
.container { max-width: 900px; min-width: 240px; margin: 0 auto; padding: 0; position: relative; }
.container90 { max-width: 90%; min-width: 240px; margin: 0 auto; padding: 0; position: relative; }
.container60 { max-width: 60%; padding-left: 5%; min-width: 240px; margin: 0 auto; position: relative; }

.box12-n, .box13-n, .box23-n, .box34-n, .box14-n { float: left; border-right: 1px solid #fff;}
.box12-n { width: calc(50% - 1px);}
.box13-n { width: calc(33.33% - 1px);}
.box23-n { width: calc(66.66% - 1px);}

.box-group:last-child { border-right: 0; margin-left: -15px;}

.box12, .box13, .box23, .box34, .box14 { float: left; padding-right: 0.92765957%;}

.box12 { width: 49.25%; padding-right: 1.5%;}

.box13 { width: 32.71489362%; }
.box23 { width: 66.35744681%; }

.box14 { width: 24.30425532%; }
.box34 { width: 74.694255%; }

.box-last { padding-right: 0; border-right: 0;}

.box { padding-bottom: 10px; }
.box-padding { padding: 20px 20px 5px; }
.box13 .box-padding, .box-padding-small { padding: 15px 15px 0; }

.box-white { background-color: #fff; }
.box-gray { background-color: #ddd; }
.box-green { color: #fff; background-color: #43A756; }
.box-green a { color: #fff; }
.box-black { color: #fff; background-color: #000; }
.box-transparent { color: #fff; }

.box-rounded { border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }

.box-rounded-top { 
	border-top-right-radius: 8px; border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px; -moz-border-radius-topleft: 8px;
	-webkit-border-top-right-radius: 8px; -webkit-border-top-left-radius: 8px;
	-khtml-border-top-right-radius: 8px; -khtml-border-top-left-radius: 8px;
}
.box-rounded-left { 
	border-top-left-radius: 32px; border-bottom-left-radius: 32px;
	-moz-border-radius-topleft: 32px; -moz-border-radius-bottomleft: 32px;
	-webkit-border-top-left-radius: 32px; -webkit-border-bottom-left-radius: 32px;
	-khtml-border-top-left-radius: 32px; -khtml-border-bottom-left-radius: 32px;
}



ul.link-list { font-size: 1.4em; list-style-image: none; list-style: none; padding: 0 0 3px 0; }
ul.link-list li { padding: 10px 0; border-top: 1px solid #fff; }
ul.link-list li:first-child { border-top: 0; }




/*-------------------------------------------------------------------------------------------
2. HEADER
-------------------------------------------------------------------------------------------*/
#header { padding: 20px 0 0 0; }

#logo { float: left; text-transform: uppercase; padding-left: 10px;}
#logo h1 { font-size: 2em; letter-spacing: 0px;}
#logo a:hover { text-decoration: none;}

#menu-icon {display: hidden; width: 40px; height: 40px; background: url(../images/icons/menu-icon.png) center; background-size: 40px 40px; }

nav { float: left; padding-top: 5px; padding-left: 10px;}
nav ul { text-align: center; padding-bottom: 18px;} 
nav ul li { display: inline-block; font-size: 1.4em; font-weight: bold; padding-left: 20px; text-transform: uppercase; position: relative;}
nav ul li a { border-bottom: 5px solid transparent; padding-bottom: 15px; text-decoration: none !important;}
nav ul li:hover > a { border-color: #fff }

nav ul li .navr2 { display: none; }
nav ul li:hover .navr2 { display: block; text-align: left; position: absolute; background-color: #183B52; z-index: 99999; min-width: 300px; width: auto; top: 35px; padding: 20px;}
.navr2 li { display: block; font-size: 1em; padding-left: 0; padding: 10px 0; border-bottom: 1px solid #3D5869; text-transform: none;}
.navr2 li:first-child { padding-top: 0;}
.navr2 li:last-child { border-bottom: 0;}
.navr2 li a { border-bottom: 0; line-height: 1.3em; padding-bottom: 0;}

.navr3 { display: none; }
.navr2 li:hover .navr3 { display: block; text-align: left; position: absolute; background-color: #183B52; z-index: 9999999; width: auto; min-width: 300px; top: -10px; left: 100%; padding: 20px 20px 20px 30px;}
.navr3 li { display: block; font-size: 1em; padding-left: 0; padding: 10px 0; border-bottom: 1px solid #ccc; text-transform: none;}
.navr3 li:last-child { border-bottom: 0;}
.navr3 li a { border-bottom: 0; line-height: 1.3em; padding-bottom: 0;}

.nav-arrow { position: absolute; right: 20px; top: 2px;}
.nav-down-arrow { padding-left: 10px; font-size: 0.7em;}
nav ul li:hover .nav-down-arrow { color: #3D5869;}
.navr2 li:hover .nav-arrow { color: #3D5869;}

#langs { float: right; padding-top: 5px;}
#langs a { font-weight: bold; font-size: 1.5em;}
#langs a.active { color: #3D5869;}



/*-------------------------------------------------------------------------------------------
3. MAIN
-------------------------------------------------------------------------------------------*/
#wrapper-location { background-color: #ddd; padding: 7px 0; }
#wrapper-location p { padding-left: 20px; }
#wrapper-main { background: url('../images/bg-pattern.png') #183b52; background-position: bottom right; background-repeat: no-repeat; }

.item-image { float: left; width: 60%; padding-right: 2%; }
.item-image img.image { width: 94% !important; height: auto !important; }
.item-image img.image-small { width: 29% !important; height: auto !important; margin-right: 2%; }
.item-text { float: left; width: 38%; }

.item-image-small { width: 30%; }
.item-text-big { width: 68%; }

a.box-link-item { display: block; background-color: #fff; }
a.box-link-item:hover, a.box-link-item:focus { color: #fff; background-color: #43A756; text-decoration: none; }
a.box-link-item:hover .color-gray, a.box-link-item:focus .color-gray { color: #fff; }

.box-image { float: left; width: 25%; padding: 0 1% 14px 0; }
.box-image img.image { width: 94% !important; height: auto !important; }
.box-image img.image-small { width: 29% !important; height: auto !important; margin-right: 2%; }
.box-text { float: left; width: 74%; }

.box-doc { padding-bottom: 10px;}
.box-doc img { padding-right: 10px; }

.box-route-day { background-image: url('../images/arrow-route-day-down.png'); background-position: right bottom; background-repeat: no-repeat; }
.box-route-day-active { background-image: none; }
.box-route-day-active img { vertical-align: middle; }
.box-route-day a.click-day-more h4 { padding-bottom: 6px; }
.box-route-day a.click-day-more p { padding: 0 80px 8px 0; font-weight: normal; }
.box-route-day a.click-day-more:hover, .box-route-day a.click-day-more:focus { text-decoration: none; }

.content-wrapper { width: calc(100% - 50px); padding: 0 25px;}
/*article img { width: 100% !important; height: auto !important;}*/
.width100 { width: 100% !important; height: auto !important;}
.article-short img { width: 100%; padding-bottom: 10px;}
.article-short a { float: right;}
.article-short h3 { font-size: 1.7em; text-transform: uppercase;}
article h1,h2,h3,h4 { text-align: left;}
article iframe { min-height: 500px; }



p.paginator a{
	color: #fff; background-color: #ccc; padding: 5px 8px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
p.paginator a.active { background-color: #43A756; text-decoration: none; }
p.paginator a:hover, p.paginator a:focus { background-color: #43A756; text-decoration: none; }

.text-main p, .text-main ul, .text-main ol { font-size: 1.7em; line-height: 1.5em; letter-spacing: -0.5px; }
.text-main a { font-weight: bold; }
.text-main img { width: 100%; height: auto; }

#navig li{ display: inline-block;}
#navig li a { font-size: 1.5em;}

.categ-navig li { font-size: 1.4em; padding-bottom: 10px;}

.bxslider li { visibility: hidden; }
.bxslider li a { display: block; padding: 10px 0 10px 0; background-color: #43A756; text-decoration: none; }
.bxslider li a span { color: #fff; font-size: 0.6em; font-weight: normal; font-family: Verdana; letter-spacing: -1px; }
.bxslider li a img { width: 100%; height: auto; display: block; }
.bxslider li a h4 { float: left; color: #fff; padding: 0 15px 10px; font-size: 2.0em; height: 42px; overflow: hidden; }
.bxslider li a h3 {  color: #000; padding: 10px 0 0 15px; }
.bxslider li a p { color: #fff !important; font-size: 1.2em; letter-spacing: 0; padding: 5px 15px 5px; }
.bxslider li a p.slider-days { padding-top: 16px; }

.bxslider li a:hover, .bxslider li a:focus { background-color: #fff; }
.bxslider li a:hover p, .bxslider li a:focus p, .bxslider li a:hover h4, .bxslider li a:focus h4, .bxslider li a:hover span, .bxslider li a:focus span { color: #43A756 !important; }


.bxsliderbig { overflow: hidden; position: relative; max-height: 650px;}
.bxsliderbig li { visibility: hidden; display: block; text-decoration: none; max-height: 650px; overflow: hidden; }
.bxsliderbig li img { width: 100%; height: 100%;  position: relative; display: block; }
.bxsliderbig li .slider-caption { position: absolute; bottom: 60px; margin: 0 auto; left: calc(5% - 10px); width: auto; right: 0; color: #fff;}
.bxsliderbig li .slider-caption h1 { font-size: 12em; background-color: rgba(24,59,82,0.5); display: inline-block;  font-weight: bold; line-height: 1.0em; padding: 2px 13px 0 13px; text-transform: uppercase;}
.bxsliderbig li .slider-caption p { padding: 0 15px 0 19px; font-size: 3em; text-transform: uppercase; background-color: rgba(24,59,82,0.5); display: inline-block;}

.slider-home-wrapper { position: relative; overflow: hidden;  max-height: 650px;}
.slider-home-wrapper #slider-prev-arrow { position: absolute !important; left: 0; top: 0; width: 60px; height: 100%; z-index: 99999; text-align: center;}
.slider-home-wrapper #slider-next-arrow { position: absolute !important; right: 0; top: 0; width: 60px; height: 100%; z-index: 99999; text-align: center;}
.slider-home-wrapper .controls-bg { background-color: rgba(255,255,255,0.5); vertical-align: middle; display: inline-block;}
.slider-home-wrapper .controls-bg img { position: absolute; top: 0; bottom: 0; margin: auto;}

#key-benefits h1 { font-size: 2.2em; letter-spacing: 1px; text-transform: uppercase; padding-top: 20px;}
#key-benefits .key-benefits-list { font-size: 1.4em; padding-top: 20px;}
#key-benefits .key-benefits-list li { padding-bottom: 15px;}

#benefits { padding-bottom: 70px;}
.benefits-list li { display: inline-block; padding-right: 80px;}
.benefits-list h2 { font-size: 1.7em; text-transform: uppercase; padding-top: 10px;} 
.benefits-list li:last-child { padding-right: 0;}


/*-------------------------------------------------------------------------------------------
4. FOOTER 
-------------------------------------------------------------------------------------------*/
#wrapper-footer { padding-top: 50px; background-color: #e0e0e0; color: #183b52; }
#wrapper-footer-bottom { padding-top: 30px; background-color: #fff;}
#wrapper-footer h2 { text-transform: uppercase; font-size: 2.2em;}
#wrapper-footer h2 span { font-size: 1.2em;}
#wrapper-footer .box ul.none { padding-left: 0; }

.banners { letter-spacing: 7.3em; line-height: 4.0em; }

.activity-navig li { display: inline-block; padding-right: 5%; padding-bottom: 15px; }
.activity-navig li:last-child { padding-right: 0;}

.search-detail-navig { float: left; padding-left: 30px; padding-top: 40px;}
.search-detail-navig li { display: inline-block; }
.search-detail-navig li a { display: block; padding: 10px 10px; font-size: 1.3em; color: #fff; background-color: #43a756; }
.search-detail-navig li a:hover, .search-detail-navig li a:focus, .search-detail-navig li a.active { background-color: #999; text-decoration: none; }

.search-detail { width: 575px; margin: 0 auto; }
.search-detail form { padding: 10px; background-color: #999; }
.location-icon { background: url('../images/icons/search-location.png') no-repeat 5px 5px #fff; height: 20px; width: 170px; text-indent: 20px; }
.calendar-icon { background: url('../images/icons/search-date.png') no-repeat 5px 5px #fff; height: 20px; width: 90px; text-indent: 25px; }

.activity-footer, .search-footer { padding: 100px 0; }
.location-footer-small, .activity-footer-small, .search-footer-small { padding: 40px 0; cursor: pointer;}
.location-footer-small h3, .activity-footer-small h3, .search-footer-small h3 { display: block; float: left; width: 340px; padding-top: 15px; text-align: right; }
.location-footer-small img, .activity-footer-small img, .search-footer-small img { float: left; vertical-align: middle; padding: 0 20px;}
.location-footer-small p, .activity-footer-small p, .search-footer-small p { display: block; float: left; font-size: 1.5em; padding-top: 18px; }

/*.google-map { background-color: #eee; background: transparent; position: relative; width: auto; height: 480px; top: 480px; margin-top: -480px; } */
.google-map iframe { pointer-events: none; }

.location_show_hide { display: block; margin: 0 auto; cursor: pointer; }
.activity_show_hide { position: absolute; top: -32px; left: 0; right: 0; margin: 0 auto; cursor: pointer; }
.search_show_hide { position: absolute; top: -32px; left: 0; right: 0; margin: 0 auto; cursor: pointer; }

/*-------------------------------------------------------------------------------------------
5.1. OTHER - input, select, button
-------------------------------------------------------------------------------------------*/
label { font-size: 0.9em; font-family: AgoraSans;}
label.float { float: left; display: block; width: 135px; text-align: right; padding: 6px 5px 0 0;  }
p.button-align { padding-left: 140px; }

.text, .text-select, .text-disabled {
	color: #333; border: 1px solid #183B52;
	font-family: AgoraSans; font-size: 1.2em; padding: 7px 10px;
}
.text-select { padding: 6px 6px 5px;}
.text-disabled { color: #ccc; border-color: #43A756; }
.text-small { font-size: 1.0em; padding: 3px 4px; }
.text:focus, .text-select:focus, .text-disabled:focus { border-color: #43A756; background-color: #eee;}
.button{
	padding: 8px 18px; font-family: AgoraSans; font-size: 1.2em; font-weight: bold; text-align: center; text-transform: uppercase; cursor: pointer;
	color: #fff; background-color: #183B52;
	-webkit-appearance: none; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
}
.button:hover, .button:focus { background-color: #072E4F; border-color: #333; color: #fff;}
a.button{display:block; padding: 11px 18px 10px; }
a.button:hover, a.button:focus { text-decoration: none; }

.checkbox{margin-top:10px}



/*-------------------------------------------------------------------------------------------
5.2. OTHER - messages
-------------------------------------------------------------------------------------------*/
p.ok, p.error, p.help{
	color: #000; font-size: 1.2em; background-position: 15px center; background-repeat: no-repeat; border-width: 1px; border-style: solid; padding: 15px 15px 15px 55px; margin-bottom: 15px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
p.ok{
	background-color: #e5fcd9;
	background-image: url('../images/icons/message-ok.png');
	border-color: #67C058;
}
p.error{
	background-color: #fceae3;
	background-image: url('../images/icons/message-error.png');
	border-color: #E3775B;
}
p.help{
	background-color: #e8f1fc;
	background-image: url('../images/icons/message-help.png');
	border-color: #73A9E3;
}



/*-------------------------------------------------------------------------------------------
5.3. OTHER - icons
-------------------------------------------------------------------------------------------*/
.icons, .icons-small { line-height: 1.9em; }
.icons-small a{
	background-repeat: no-repeat;
	background-position: 2px top;
	padding: 1px 3px 2px 23px;
}

.icons a{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: left top;
}
.icons a:hover, .icons a:focus { background-position: left -24px; }
.icons-box a { width: auto; height: 24px; padding-left: 32px; }

a.facebook-small { background-image: url('../images/icons/social-facebook-small.png'); }
a.twitter-small { background-image: url('../images/icons/social-twitter-small.png'); }
a.print-small { background-image: url('../images/icons/print-small.png'); }
a.rss-small { background-image: url('../images/icons/social-rss-small.png'); }
.icons-login a {
	font-size: 0.9em;
	display: block;
	padding: 10px 10px 10px 38px;
	border: 1px solid #ccc;
	background-color: #dedede;
	background-repeat: no-repeat;
	background-position: 13px center;
	margin-bottom: 5px;
}
.icons-login a:focus, .icons-login a:hover {
	color: #fff; background-color: #43A756; border-color: #43A756; text-decoration: none;
}
.icons-login a.facebook-login { background-image: url('../images/icons/social-facebook-small.png'); }
.icons-login a.google-login { background-image: url('../images/icons/social-google-small.png'); }


/*-------------------------------------------------------------------------------------------
5.5. OTHER - social
-------------------------------------------------------------------------------------------*/
#fb-root { display: none; }
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style], .g-page { width: 100% !important; }

iframe { width: 100% !important; }

.social { float: right; overflow: hidden; padding-top: 15px;}
.social a { float: left; width: 53px; height: 43px; margin: 10px 0 -10px 5px; }
.social a:focus, .social a:hover {  margin-top: 0; transition: 0.5s; }
.twitter:hover { background-image: url('http://www.delecto.hr/novi/images/icons/social-twitter.png'); }
.twitter { background-image: url('http://www.delecto.hr/novi/images/icons/social-twitter_hover.png'); }
.facebook:hover { background-image: url('http://www.delecto.hr/novi/images/icons/social-facebook.png'); }
.facebook { background-image: url('http://www.delecto.hr/novi/images/icons/social-facebook_hover.png'); }



/*-------------------------------------------------------------------------------------------
5.6. OTHER - cookie
-------------------------------------------------------------------------------------------*/
.cookie_text { float: left; width: 75%; padding: 10px 1% 10px 2%; }
.cookie_button { float: right; padding: 10px 1%; }
.cookie_button .button { padding:5px 11px; height: auto; background-image:none; width: auto; }
#cookie_law{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	bottom: 0;
	box-shadow: 0 0 3px #333333;
	color: #FFFFFF;
	font-size: 12px;
	left: 0;
	line-height: 1.4;
	padding: 12px 1%;
	position: fixed;
	right: 0;
	z-index: 999999999;
}
.modalDialog{
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
    display:none;
}
.modalDialog:target { opacity:1; display:block;	}
.modalDialog > div{
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 15px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	color: #000;
}
.text_law { height: 300px; overflow: auto; overflow-x: hidden; }
.close{
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #000; text-decoration: none; }

.floatbox_help {
	position: fixed;
	z-index: 999;
	left: 20px;
	bottom: 20px;
	width: 305px;
	padding: 15px;
	background-color: #E0E0E0;
	color: #183B52;
	font-size: 0.8em;
}
.floatbox_help_right {
	left: auto;
	right: 20px;
}


.floatbox_help a#close-banner { position: absolute; right: -10px; top: -10px; color: #fff; display: block; text-align: center; font-size: 3em; background-color: #02B4C8; padding: 5px 10px 10px 10px; }
.floatbox_help_right a#close-banner { right: auto; left: -23px; top: -23px; }
.floatbox_help a#close-banner:hover, .floatbox_help a#close:focus { text-decoration: none; color: #003B12;}

/*-------------------------------------------------------------------------------------------
5.7. OTHER - mobile apps
-------------------------------------------------------------------------------------------*/
#box-mobile{
	position: fixed;
	bottom: 0;
	z-index: 999;
	margin: 0 auto;
	max-width: 900px;
	min-width: 240px;
	width: 100%;
	padding-top: 20px;
	font-size: 1.2em;
}
#box-mobile-back { padding: 16px 20px 6px 120px; }

#box-mobile-image { position: absolute; bottom: -5px; left: 20px; z-index: 9999;}