/* (c)ss 2013 Coding by PIXEYE - marcin at pixeye dot pl */

* { margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; font: 14px 'century gothic', sans-serif; background: url(../images/slide_05.jpg) top center fixed no-repeat; /*background-size: cover;*/ }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tmb img { border: 10px solid #fff; box-shadow: 5px 5px 0 0 rgba(0,0,0,.25); }
a.tmb img { opacity: .75; }
a.tmb:hover img { opacity: 1; }
.tol { float: left; margin: 0 20px 15px 0; }
.tor { float: right; margin: 0 0 15px 20px; }
a.elink, a.ilink { text-decoration: none; border-bottom: 1px dotted #666; color: #a67c52; }
a.elink:hover, a.ilink:hover { border-bottom-style: solid; color: #754c24; }
a.email { text-decoration: none; color: #fff; border-bottom: 1px dotted #16a0ff; }
a.email:hover { border-bottom-style: solid; }

#container { width: 1200px; height: 100%; margin: auto; }
#side-left { position: fixed; float: left; width: 318px; height: 100%; }
	#side-left .header h1 { padding: 50px 0; }
	#side-left .header h1 a { display: block; width: 282px; height: 68px; text-indent: -9999px; text-decoration: none; overflow: hidden; background: url(../images/logo_hydro-hurt.png) no-repeat; }
	#side-left .header ul.menu { margin-right: 25px; text-align: right; list-style: none; }
	#side-left .header ul.menu li { position: relative; width: 275px; margin-bottom: 7px; padding-right: 15px; line-height: 1.3em; }
	#side-left .header ul.menu li a { font-size: 18px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,.75); color: #fff; }
	#side-left .header ul.menu li a:hover,
	#side-left .header ul.menu li.current a { color: #16a0ff; }
	#side-left .header ul.menu li:hover div { display: block; }
	#side-left .header ul.menu li.current div { position: static; display: block; padding: 0; background: none; }
	#side-left .header ul.menu li.current div ul { padding: 0; text-align: right; background: none; box-shadow: none; }
	#side-left .header ul.menu li.current div ul li { padding-right: 0; }
	#side-left .header ul.menu li.current div ul li a { color: #999; }
	#side-left .header ul.menu li div { position: absolute; display: none; top: -10px; left: 285px; padding-left: 7px; background: url(../images/menu_pointer.png) 0 16px no-repeat;  z-index: 9; }
	#side-left .header ul.menu li div ul { padding: 15px; list-style: none; text-align: left; background: #4d5355; box-shadow: 1px 1px 0 0 rgba(0,0,0,.35); }
	#side-left .header ul.menu li div ul li { width: auto; }
	#side-left .header ul.menu li div ul li a { font-size: 14px; text-shadow: none; color: #999; }
	#side-left .header ul.menu li div ul li a:hover,
	#side-left .header ul.menu li.current div ul li.current a { color: #fff; }
	#side-left .header ul.menu .subcat { margin-top: 5px; border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25); }
	#side-left .header ul.menu .subcat li { margin: 7px 0; line-height: 1em; }

	#side-left .footer { position: absolute; width: 100%; bottom: 30px; }
	#side-left .footer .content { font-size: 11px; text-align: right; margin-right: 30px; }
	#side-left .footer p.menu { padding-bottom: 5px; background: url(../images/whitegradient.png) right bottom no-repeat; }
	#side-left .footer p.menu a { font-size: 12px; }
	#side-left .footer p.menu a:hover { text-decoration: none; color: #fff; }
	#side-left .footer p { margin-bottom: 5px; padding-right: 10px; color: #333; }
	#side-left .footer p a { text-decoration: none; color: #999; }
	#side-left .footer p a:hover { text-decoration: underline; }

#side-right-header { float: right; width: 882px; }
#side-right { position: relative; float: right; width: 882px; min-height: 100%; background-color: rgba(77,83,85,.5); }
	#side-right .header { padding-top: 30px; text-align: right; }
	#side-right .header h1 { display: inline-block; padding-left: 10px; font-size: 30px; font-weight: normal; color: #fff; background: url(../images/page_title_bg.png) left no-repeat; }
	#side-right .header h1 span { display: block; padding: 5px 30px; background-color: #000; }
	#side-right .content { margin: 10px 20px; padding: 20px; }
	#side-right .content .header { margin-bottom: 10px; padding-top: 0; padding-bottom: 5px; text-align: left; border-bottom: 1px solid #666; color: #ccc; }
	#side-right .content .header h2 { font-weight: normal; font-size: 24px; text-shadow: 1px 1px 0 rgba(0,0,0,.5); }
	#side-right .content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#side-right .content .body h2,
	#side-right .content .body h3,
	#side-right .content .body h4 { margin-bottom: 5px; color: #000; text-shadow: 1px 1px 0 rgba(255,255,255,.25); }
	#side-right .content .body h2 { font-size: 24px; }
	#side-right .content .body h3 { font-size: 18px; }
	#side-right .content .body h4 { font-size: 14px; }
	#side-right .content .body a.int { text-decoration: none; color: #fff; border-bottom: 1px dotted #16a0ff; }
	#side-right .content .body a.int:hover { border-bottom-style: solid; }
	#side-right .content .body p, #side-right .content ul { margin-bottom: 7px; line-height: 1.3em; color: rgba(255,255,255,1); }
	#side-right .content .body p.gallery a { display: inline-block; }
	#side-right .content .body p.gallery a:hover { background: rgba(255,255,255,.1); }
	#side-right .content .body p.gallery img { margin: 19px; }
	#side-right .content .body p img { border: 7px solid #fff; box-shadow: 4px 4px 0 0 rgba(0,0,0,.5); }
	#side-right .content .body p#offer a { opacity: .5; }
	#side-right .content .body p#offer a:hover { opacity: 1; }
	#side-right .content .body p#offer img { margin: 8px; border: none; box-shadow: none; }
	#side-right .content .body ul { margin-left: 15px; list-style-image: url(../images/bullet.gif); }
	#side-right .content .body .offer-category { display: flex; margin: 0; padding: 0; list-style: none; flex-flow: row wrap; justify-content: space-around; }
	#side-right .content .body .offer-category * { box-sizing: border-box; }
	#side-right .content .body .offer-category li { width: 25%; padding: 10px; }
	#side-right .content .body .offer-category li a { display: flex; align-items: center; justify-content: center; height: 120px; padding: 10px; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; text-decoration: none; border: 1px solid rgba(255,255,255,.25); color: #000; background-color: rgba(255,255,255,.5); transition: all .3s; }
	#side-right .content .body .offer-category li a:hover { background-color: rgba(255,255,255,1); }
	#side-right .content .body .gmap { border:7px solid #858e8f; box-shadow: 0 0 5px 0 rgba(0,0,0,.5); }
	#side-right .footer ul { float: right; padding: 5px 0; background-color: rgba(255,255,255,.5); }
	#side-right .footer li { display: inline; margin-left: 5px; padding-left: 10px; font-size: 13px; border-left: 1px solid #666; }
	#side-right .footer li:first-child { border-left: none; }
	#side-right .footer li a { text-decoration: none; color: #fff; }
	#side-right .footer li a:hover { color: #000; }
	#side-right .content ul.gallery { margin: 0; list-style: none; }
	#side-right .content ul.gallery li { display: inline-block; margin-bottom: 15px; }
	#side-right .content ul.gallery img { border: none; box-shadow: 2px 2px 0 0 rgba(0,0,0,.5); }