@import url("./main.css");
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300&subset=latin,latin-ext);*/

html { background: #fff; }
body {
	margin: 0; padding: 0; background: #f4edea url('./images/bg_content.gif') 0 0 repeat; color: #9c7a6c;
	/*font-family: Verdana, "Geneva CE", lucida, sans-serif; */
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px; line-height: 1.7em;
	/*font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400;*/
}
body#id-home { color: #c8af98; }

input, textarea, select, option { font-family: 'Arial', 'Helvetica', sans-serif; font-size: 12px; }


/* BASIC CLASSES */
.brown { color: #9c7a6c; }
.blue { color: #6ea3a2; }
.lightblue { color: #99cccc; }

.shadow 	{ color: #5E6C73; }
.shadowD 	{ color: #96A6AD; }
.bgblue 	{ background: #00AFDB!important; }
.green 		{ color: #6ea3a2!important; }
.bgreen 	{ background: #6ea3a2!important; }

.highligh { background: #FFFF66; /*color: #000; font-weight: bold;*/ text-transform: uppercase; }
.more { display: block; text-align: right; margin:0; padding:0; font-size: 12px; line-height: 14px; }


#root { background: transparent url('./images/bg_body.gif') 0 0 repeat-x; }
#id-home #root { background-repeat: repeat; }

#main { width: 906px; background: url('./images/bg_main.png') 0 5px no-repeat; }

#header { height: 151px; position: relative; }

#header #menu_link { display: none; }
#header #menu_link span { background: rgb(153, 204, 204) url('./images/menu_link.png') 50% 50% no-repeat; background-size: 50% 50%; text-indent: -999px; }

#logo { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
#logo strong { font-size: 16px; }
#logo strong a { height: 100%; display: block; }
#logo strong a img { display: none; }

#header #siteSearch { width: 160px; position: absolute; top: 16px; right: 20px; text-align: right; }
#header #siteSearch fieldset { margin: 0; padding: 0; }
#header #siteSearch input { width: 154px; margin: 0; padding: 1px 2px; }
#header #siteSearch .button { cursor: pointer; width: auto; background: #FFF; color: #00AAE5; font-weight: bold; padding: 5px 0; float: right; border: 0; text-decoration: underline; }

#flags { position: absolute; top: 50px; right: 25px; margin: 0; padding: 0; text-align: right; color: #c8af98; font-style: italic; font-size: 13px; font-weight: normal; }
#flags a { color: #c8af98; text-decoration: none; }

#content {
	width: 674px; float: left; 
}
#content .inside { padding: 0; min-height: 100%; }
#content .inside .text {
	width: 674px;
	/*min-height: 300px;*/
	padding: 30px 0 100px 0;
	float: left;
	font-size: 14px;
}
#content .inside .text img {
	max-width: 674px; height: auto;
}
#content .inside .text ul.info {
	margin-top: 20px;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	color: #88D0F0;
}

#content .inside .text.withGallery { width: 469px; }
#content .inside .text.withGallery img { max-width: 469px; height: auto; }

#content .inside .text ul { margin-left: 20px; }

#content .inside .text .perex { color: #9c7a6c; font-size: 14px; font-weight: bold; }

#content #rightMenu {
	width: 205px; overflow: hidden;
	float: right; padding-top: 68px;
}

#content #rightMenu .banner img { border: 0; }

#content #rightMenu #bublina { width: 210px; height: 194px; height: 74px; margin-bottom: 20px; padding: 20px 0 100px 0; background:  url('./images/bublina.png') 0 0 no-repeat; }
#content #rightMenu #bublina .inside { height: 90px; overflow: hidden; margin: 0 60px 0 35px; padding: 0; font-weight: bold; color: #9c7a6c; color: #503b37; font-size: 13px; line-height: 18px; }
#content #rightMenu #bublina p { margin: 0; padding: 0; }
#content #rightMenu #bublina a { text-decoration: none; color: #663333;  }

#sidebar {
	width: 232px;
	padding-top: 30px; float: left; 
	background: #f4edea url('./images/bg_content.gif') 0 0 fixed repeat;
}

#footer { padding-top: 0; /*background: transparent url('./images/bg_body.gif') 0 0 repeat-x;*/ }
#footer .inside { padding: 0; font-size: 12px; background: #fff; color: #c8af98; }
#footer .inside a { color: #99cccc; }
#footer .inside .copyright,
#footer .inside .contact { width: 674px; margin: 0 0 0 232px; padding: 0; }
#footer .inside .contact h3 { margin: 0; padding: 25px 0 0 0; text-transform: uppercase; line-height: 32px; letter-spacing: 1px; font-weight: bold; font-size: 13px; }
#footer .inside .contact div { line-height: 60px; font-size: 13px; border: dotted #A0A0A0; border-width: 1px 0; }
#footer .inside .copyright { line-height: 60px; }

#footer .inside #newsletter_form { border-top: none; font-size: 16px;  }
#footer .inside #newsletter_form fieldset { padding: 0; }
#footer .inside #newsletter_form label { width: auto; text-align: left; float: none; }
#footer .inside #newsletter_form label.error { width: 1em; margin: 0; text-align: center; color: #FF0000; display: inline-block; font-weight: bold; }
#footer .inside #newsletter_form input { padding: 3px 5px; }
#footer .inside #newsletter_form input.button { padding: 3px 15px; }
#footer .inside #newsletter_form input[type="text"] { margin-left: 20px; border: 1px solid #c8af98; color: #663333; }


a { color: #00AFDB; color: #9acdcd; color: #71a3a2; }
a:hover { color: #000; }

img.fs_icon { vertical-align: -15%; margin-right: 3px; }

h1, h2, h3, h4, .title { 
	margin: 1em 0 10px 0; padding: 0;
	/*font-family: Arial, Verdana, sans-serif;*/ font-size: 18px; font-weight: bold;
}
h1, h1 a, .title { margin: 0 0 20px 0; color: #9c7a6c; text-align: left; }
h2 { font-size: 16px; color: #5a4c49; }
h3 { font-size: 15px; font-weight: normal; }
h4 { font-size: 14px; font-weight: normal; }

p { margin-top: 0; margin-bottom: .5em; padding: 0; }
ul { margin-top: 0; padding-top: .5em; }
ul li { margin: 0 0 1em; padding: 0; }

div.divider {
	width: 95%;
	height: 20px;
	margin: 1em 0 0 0;
	padding: .2em 0;
	display: block;
}
div.menu div.divider {
	width: 165px;
	margin: 10px 0 10px 0;
}
fieldset {
	border: 0;
	padding: 1em;
}
legend {
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
	background: #025774;
	color: #FFF;
	border: solid 1px #999;
	padding: 0 .4em 0 .4em;
}
label { 
	float: left;
	width: 30%;
	text-align: right;
	margin: 4px 1em 0 0;
}
fieldset#submit {
	margin-top: 1em;
	padding: .5em;
	text-align: center;
}
fieldset#submit input {
	margin-top: .5em;
	padding: .2em .4em;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
}
input, select { margin-bottom: .5em; padding: .1em; }
input.checkbox { width: 1em; margin-bottom: 0; padding: 0; border: none; }

.button { 
	border: 0; text-decoration: none; padding: 10px 20px;
	background: #99cccc; color: #663333; font-size: 14px; font-weight: 400; cursor: pointer; 
}
.button:hover { background: #663333; color: #99cccc; color: #fff; }

.raquo { padding: 0 2px; color: #888; font-size: 14px;  }

/* TOP MENU */
#header .menu { height: 51px; position: absolute; bottom: 0; left: 220px; }
#header .menu ul { margin: 0; padding: 0; }
#header .menu li { margin: 0; padding: 0; list-style-type: none; font-size: 15px; float: left; }
#header .menu li a,
#header .menu li strong { margin: 0; padding: 0 11px; line-height: 51px; display: block; color: #FFF; font-weight: 600; cursor: pointer; }
#header .menu li a { text-decoration: none; }
#header .menu li strong { color: #99CCCC; cursor: pointer; }
#header .menu li a:hover, #header .menu li a.selected { color: #99CCCC; }
#header .menu li.haveSubPages a:hover,
#header .menu li.haveSubPages a.selected { 
	/*background: url('./images/bg_topMenu_li_hover.png') 3px 100% no-repeat; */
 }

#header .menu li ul { display: none; }
#header .menu li:hover ul { display: block; }

#header .menu ul li ul {
	position: absolute; margin-top: -6px; padding-top: 6px; background: url('./images/bg_topMenu_li_hover.png') 5px 0 no-repeat; z-index:999999;
	=margin-top: 28px; =position:relative
}
#header .menu li ul li { font-size: 12px; float: none; }
#header .menu li ul li a,
#header .menu li ul li strong { margin: 0; padding: 0 15px; line-height: 30px; }
#header .menu li ul li a { color: #663333; font-weight: normal; background: #99CCCC; }
#header .menu li ul li strong,
#header .menu li ul li a:hover, #header .menu li ul li a.selected { color: #fff; background: #503B37; }

/* MAIN MENU */
#sidebar .menu { margin: 0 30px 0 30px; }
#sidebar .menu ul { margin: 0; padding: 0; }
#sidebar .menu li { margin: 0; padding: 0; list-style-type: none; font-size: 15px; }
/*#sidebar .menu li { list-style-image: url('./images/bg_menu_li.png'); }
#sidebar .menu li.selected { list-style-image: url('./images/bg_menu_li_selected.png'); }*/

#sidebar .menu li a,
#sidebar .menu li strong { margin: 0 0 15px 0; padding: 0; line-height: 20px; display: block; font-size: 15px; font-weight: normal; }
#sidebar .menu li a { color: #9c7a6c; text-decoration: none; }
#sidebar .menu li strong { color: #6ea3a2; /*text-decoration: underline;*/font-weight: 400; }
#sidebar .menu li a:hover, #sidebar .menu li a.selected { color: #6ea3a2; }

#sidebar .menu li ul { margin: 0; padding: 0 0 10px 0; }
#sidebar .menu li ul li { margin: 0 0 0 10px; padding: 0; list-style-image: none; }
#sidebar .menu li ul li.first { border-top: dotted 1px #A0A0A0; }
#sidebar .menu li ul li a, 
#sidebar .menu li ul li strong { margin: 0 0 10px 0; display: block; text-align: left; line-height: 16px; font-size: 12px; font-weight: normal; }

div.pages { margin: 0 .5em 0 0; padding: 0; color: #001333; font-style: italic; }
div.pictureMenu { font-size: 95%; text-align: right; float: right; }

div.pictures { margin-top: 0; float: right; width: 220px; padding: 0; }
div.pictures div.picture { margin: 12px 0; padding: 0; float: left; }
div.pictures div.picture.pixtext { padding-bottom: 6px; }
div.pictures ul { margin: 0 2em; }
div.pictures div.picture { margin: 0 0 12px 0; }
div.pictures div.picture.last { margin: 0 0 12px 0; }
div.pictures div.picture a { text-decoration: none; color: #888!important; }
div.pictures div.picture a:hover { color: #000; }
div.pictures div.picture .pixtext {
	display: block; height: 37px; margin: 0; padding: 0 6px;
	overflow: hidden;
	text-align: center;
	color: #000;
	font-weight: normal;	
	font-style: italic;	
}
div.pictures div.picture .image, div.pictures div.picture .image img { margin: 0; padding: 0; }

#thumb { margin: .5em 0 1em 0; padding: 0; text-align: center; border: solid 1px #000; }
#thumb img { margin: 0; padding: 0; border: 0; }
em.annotation { display: block; margin-bottom: 1em; }

#content .inside .text .list { margin: 1em 0; padding: 0;  }
#content .inside .text .list ul { margin: 0; padding: 0; background: #EFEFEF; list-style-type: none; float: left; }
#content .inside .text .list ul li { margin: 0; padding: 0; color: #CFCFCF; float: left; }
#content .inside .text .list ul li a { float: left; margin: 0; padding: 6px 12px; }
#content .inside .text .list ul li a:hover { background: #FFF; }

/* BREADCRUMB NAVIGATION */
#breadcrumbNav { line-height: 20px; margin-left: -.25em; margin-top: 10px; margin-bottom: 15px; font-size: 11px; display: none; }
#breadcrumbNav a, #breadcrumbNav strong { padding: 0 .25em; }

/* RESULT MSG */
#result { width: 30em; margin: 0 auto 1em auto; padding: .3em 1em .3em .3em; background-color: #FFF; font-size: 110%; font-weight: bold; }
#result.success { border: solid 2px #54BA01; color: #54BA01; }
#result.fail { border: solid 2px #CF4141; color: #CF4141; }
#result img { float: left; margin: 0 1em 0 0; }
#result p { margin: .3em 0; padding: 0; }

/* PORADNA */
#questions { clear: both; padding-top: 1em; }
#questions form, #questions fieldset { border: 0; padding: 0; margin: 0; }
#questions form { margin-bottom: 2em; }
#questions fieldset label { font-weight: bold; margin: 0 0 .5em 0; float:none; text-align: left; }
#questions fieldset p { margin: 1em 0; }
#questions fieldset small { }

#questions .pickList { margin: 1em 0; line-height: 1.6em; background: #888; color: #FFF; text-align:center; }
#questions .pickList a, #questions .pickList span { color: #FFF; padding: 0 2px; }
#questions .pickList a:hover { background: #000!important; }
#questions .pickList .butt { font-size: 130%; }
#questions .pickList span.current { font-size: 1em; background: #EFEFEF; color: #000;}
#questions .pickList span.date { display: block;}

#questions dt { font-weight: bold; }
#questions dt span { display: block; }
#questions dd { margin-top: 1em;  margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #BFBFBF; }
#questions dt br { clear: both; }

#questions a.button { color: #595A5E; text-decoration: none; font-size: 10px; font-weight: bold; float: right; }
#questions a.button:hover { text-decoration: underline; }

ul.bloglist { margin: 0!important; padding: 0!important; list-style-type: none; }
ul.bloglist li { margin: 0!important; padding: 0 0 1em 0!important; }
ul.bloglist li h3  {  }

/* CAPTCHA */
.recaptchatable .recaptcha_image_cell, #recaptcha_table { background-color:#FFF !important; }
#recaptcha_table { border-color: #FFF !important; }
#recaptcha_response_field { border-color: #888 !important; }

sup { font-size: 11px; }

/* POPUP */
.popup_root { width: 100%; height: 100%; background: url('./images/alpha.png') 0 0 repeat; position: absolute; top: 0; left: 0; z-index: 999; }
.popup_root .popup { cursor: auto; position: absolute; top: 180px; left: 240px; text-align: center; }
.popup_root .popup h2 { padding: 3px 0; margin: 0; font-size: 16px; border-bottom: 5px solid #333; }
.popup_root .popup a.topright { width: 90px; height: 22px; position: absolute; text-indent: -9999px;  top: 19px; right: 16px; }
.popup_root .popup a.pdflink { width: 90px; height: 90px; position: absolute; top: 180px; right: 20px; }
.popup_root .popup .inside { padding: 1em 25px 0 25px; overflow-y: auto; }
.popup_root .popup .inside .title { font-size: 26px; line-height: 30px; color: #A2BE2B; }
.popup_root .popup .inside p { line-height: normal; }
.popup_root .popup .inside .title p { margin: 0; padding: 0; }

/* CUSTOM TABLE */
table.myTable { width: 100%; background: #FFF; color: #333; font-size: 12px; font-family: 'Arial', 'Helvetica', sans-serif!important; }
table.myTable table th, table.myTable table td { padding: 2px 4px; }
table.myTable th { background: #DCE5FF; }
table.myTable td { background: #EFEFEF; }
table.myTable td.divider{ font-weight: bold; }

/* HOMEPAGE */
#id-home #sidebar, #id-home #content { background: transparent; }

#id-home #sidebar .menu a { color: #c8af98; }
#id-home #sidebar .menu li strong { color: #9acdcd; }
#id-home #sidebar .menu li a:hover, 
#id-home #sidebar .menu li a.selected { color: #9acdcd; }

#id-home .hpInfo {}
#id-home .hpInfo #card,
#id-home .hpInfo div.hi,
#id-home .hpInfo div.hi .rotate { width: 185px; height: 225px; }
#id-home .hpInfo #card,
#id-home .hpInfo div.hi .rotate { overflow: hidden }
#id-home .hpInfo #card,
#id-home .hpInfo div.hi { margin: 0 20px 15px 0; float: left; position: relative; }
#id-home .hpInfo div.hi .rotate {  background: #fff; position: relative; border: 1px solid #876F6C; }
#id-home .hpInfo div.hi .rotate .img,
#id-home .hpInfo div.hi .rotate img { width: 165px; height: 165px; }
#id-home .hpInfo div.hi .rotate a,
#id-home .hpInfo div.hi .rotate a img { display: block; }
#id-home .hpInfo div.hi .rotate .img { padding: 10px; overflow: hidden; }
#id-home .hpInfo div.hi h2 { margin: 5px 10px 0 10px; padding: 0; position: absolute; top: 180px; height: 35px; overflow: hidden; }
#id-home .hpInfo div.hi h2 a { text-decoration: none; font-size: 13px; font-weight: 600; line-height: 1.25em; color: #52B1DD; display: block; }
#id-home .hpInfo #card p { margin: 0; padding: 0; text-align: center; font-size: 12px; line-height: 1.33em; color: #fff; }
#id-home .hpInfo #card p img { margin: 0 0 10px 0; }
#id-home .hpInfo #card p a.img { background: url('./images/card_hover.png') 0 0 no-repeat; display: block }
#id-home .hpInfo #card p a.img:hover img { visibility: hidden; }
#id-home .hpInfo #card a { color: #3bb6e4; text-decoration: none; font-weight: bold; }

@keyframes rotate2 {
	33% { -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 
	66% { -ms-transform: rotate(-.5deg); -webkit-transform: rotate(-.5deg); -o-transform: rotate(-.5deg); transform: rotate(-.5deg); } 
	100% { -ms-transform: rotate(1.5deg); -webkit-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); transform: rotate(1.5deg); } 
}
@-webkit-keyframes rotate2 {
	33% { -ms-transform: rotate(1deg); -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); transform: rotate(1deg); } 
	66% { -ms-transform: rotate(-.5deg); -webkit-transform: rotate(-.5deg); -o-transform: rotate(-.5deg); transform: rotate(-.5deg); } 
	100% { -ms-transform: rotate(1.5deg); -webkit-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); transform: rotate(1.5deg); }
}
@keyframes rotate34 {
	33% { -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(1deg); transform: rotate(-1deg); } 
	66% { -ms-transform: rotate(.5deg); -webkit-transform: rotate(.5deg); -o-transform: rotate(.5deg); transform: rotate(.5deg); } 
	100% { -ms-transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); transform: rotate(-1.5deg); }
}
@-webkit-keyframes rotate34 {
	33% { -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(1deg); transform: rotate(-1deg); } 
	66% { -ms-transform: rotate(.5deg); -webkit-transform: rotate(.5deg); -o-transform: rotate(.5deg); transform: rotate(.5deg); } 
	100% { -ms-transform: rotate(-1.5deg); -webkit-transform: rotate(-1.5deg); -o-transform: rotate(-1.5deg); transform: rotate(-1.5deg); }
}

#id-home .hpInfo div#hi1 .rotate,
#id-home .hpInfo div#hi3 .rotate,
#id-home .hpInfo div#hi5 .rotate { 
	-webkit-animation: rotate2 2s 1 ease;
	-ms-animation: rotate2 2s 1 ease;
	-o-animation: rotate2 2s 1 ease;
	animation: rotate2 2s 1 ease;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#id-home .hpInfo div#hi2 .rotate,
#id-home .hpInfo div#hi4 .rotate,
#id-home .hpInfo div#hi6 .rotate { 
	-webkit-animation: rotate34 2s 1 ease;
	-ms-animation: rotate34 2s 1 ease;
	-o-animation: rotate34 2s 1 ease;
	animation: rotate34 2s 1 ease;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
#id-home .hpInfo div#hi1 h2 a { color: #eeb65a; }
#id-home .hpInfo div#hi2 h2 a { color: #9bcccb; }
#id-home .hpInfo div#hi3 h2 a { color: #8a8d6f; }
#id-home .hpInfo div#hi4 h2 a { color: #9d7eb0; }
#id-home .hpInfo div#hi5 h2 a { color: #ed9d69; }
#id-home .hpInfo div#hi6 h2 a { color: #A3438D; }
#id-home .hpInfo div.hi h2 a:hover { color: #663333!important; }

#id-home .hpText { margin: 20px 0 0; color: #9acdcd; }

#id-home .articles { margin: 40px 0 0; }
#id-home .articles .title { border-bottom: 1px dotted #fff; line-height: 30px; font-size: 14px; font-weight: bold; margin-bottom: 0; }
#id-home .articles .title a { color: #fff; text-decoration: none; }
#id-home .articles ul { margin: 0!important; padding: 0; list-style-type: none; }
#id-home .articles ul li { margin: 15px 0 0; padding: 10px 0 0; border-top: 1px dotted #c8af98; }
#id-home .articles ul li.first { border: none;  }
#id-home .articles ul li .name a { color: #71A3A2; text-decoration: none; font-size: 15px; font-weight: 600; line-height: 2em; }


#hellobar { margin: 0; height: 30px; margin-top: -30px; background: #99cccc; position: relative; text-align: center; overflow: hidden; }
	#hellobar .inside {
		margin: 0 35px; padding: 0; line-height: 30px;
		color: #663333; font-size: 13px;
		text-align: left; 
	}
		#hellobar .inside p {
			margin: 0 55px 0 0; padding: 0; line-height: 30px; 
		}
		#hellobar .inside a { color: #663333; }
		#hellobar .inside .button { vertical-align: 2px!important; }
		#hellobar #close_hellobar {
			margin-top: 30px; display: none;
			position: absolute; top: 5px; right: 5px; left: auto; z-index: 9999;
			width: 20px; height: 20px; line-height: 20px; overflow: hidden;
			text-align: center; font-size: 16px; font-weight: bold; text-decoration: none;
			background: #99cccc; color: #846E6C;
			-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; 
		}
	#hellobar.open #close_hellobar { 
		margin-top: 0; 
		font-family: Arial, Verdana, sans-serif; font-size: 23px; font-weight: normal; 
		background: #846E6C url('./images/bg_body.gif') 0 0 repeat-x; color: #fff;
	}
	#hellobar #close_hellobar span { vertical-align: middle; }
	
@media screen and (max-width: 910px) {
	@keyframes marquee {
		0%   { text-indent: 0 }
		100% { text-indent: -100% }
	}
	#hellobar .inside { margin: 0 0; }
	#hellobar .inside p {
		width: 1056px; overflow: hidden; padding: 0 55px 0 20px;
		white-space: nowrap;
		box-sizing: border-box;
		animation: marquee 25s linear infinite;
		animation-delay: 5s;
	}
	#hellobar .inside p:hover { animation-play-state: paused; }

	
	html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
	#main,
	#footer .inside .copyright,
	#footer .inside .contact,
	#sidebar,
	#content,
	#content .inside .text,
	#content #rightMenu { width: auto; float: none; }
	
	#main,
	#footer .inside .copyright,
	#footer .inside .contact { padding: 0 25px; }

	#content { margin-left: -25px; margin-right: -25px; padding-left: 25px; padding-left: 25px; }

	#footer .inside .copyright,
	#footer .inside .contact { margin-left: 0; }
	
	#flags { top: 15px; right: 0; }
	
	#header #menu_link { display: inline-block; position: absolute; left: auto; right: -10px; top: 40px; padding: 10px; overflow: hidden; text-decoration: none; }
	#header #menu_link span { 
		width: 40px; height: 40px; line-height: 26px; font-size: 45px; font-weight: 600; display: block; text-align: center; color: #fff; 
	}
	#sidebar { display: none; margin: 0 -25px; padding: 20px 25px 10px; background: #fff!important; }
	#sidebar .menu { margin: 0; }
	#sidebar .menu li a { color: #663333; }
	#content { background: #f4edea url('./images/bg_content.gif') 0 0 repeat; }
	#content #rightMenu { margin-top: 25px; padding-top: 25px; border-top: dotted 1px #A0A0A0; }
}
@media screen and (max-width: 766px) {
	
	body:not(#id-home) #content .text p img { width: 100%!important; height: auto; float: none!important; margin: 10px 0 20px!important; display: block; }
		
	#header { min-height: 202px; height: auto; }
	#header #menu_link { top: 90px; }
	#header .menu { margin: 0 -25px; left: 0; right: 0; background: rgba(80, 59, 55, .75); }
	#header .menu ul { margin: 0 25px;  }
}
@media screen and (max-width: 640px) {
	#main { background-position: -75px 5px; }
	#content { clear: both; }
	#main,
	#footer .inside .copyright,
	#footer .inside .contact { padding: 0 15px; }

	#content { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-left: 15px; }

	#header .menu { margin: 0 -15px; height: auto; min-height: 51px; margin-top: 0;  }
	#header #logo { height: 151px; }	
	#header #logo,	
	#header .menu { position: static; }
	#header .menu ul { margin: 0 5px; }
	#header .menu ul li { float: none; }
	
	#id-home .hpInfo #card { height: auto }
	
}
@media screen and (max-width: 560px) {
	#main { background-position: -211px 5px; }
}
@media screen and (max-width: 480px) {
	#id-home .hpInfo { text-align: center; }
	#id-home .hpInfo #card,
	#id-home .hpInfo div.hi { margin: 0 auto 25px auto; float: none; text-align: center; }
}