/* background body je v general-body-bg.css kvůli fck editoru */

@font-face {
  font-family: Corinthia-Bold;
  src: url("../fonts/Corinthia-Bold.ttf");
}

@font-face {
  font-family: Lora;
  src: url("../fonts/Lora-VariableFont_wght.ttf");
}

@font-face {
  font-family: Lora-Italic;
  src: url("../fonts/Lora-Italic-VariableFont_wght.ttf");
}

@font-face {
  font-family: Oxygen-Bold;
  src: url("../fonts/Oxygen-Bold.ttf");
}

body {font-family: 'Lora', serif; color:#3A352E; font-size: 19px; -webkit-font-smoothing: antialiased; margin: 0px;}

#wrapper {width: 100%; text-align: center;}

#logo-top {height: 230px; width: 100%;}
#logo-top img {border: none; padding-top: 30px;}

.column-main {width: 960px;}

#main {background-color: rgba(255, 255, 255, 1); text-align:center; width: 1100px; margin: auto;
	-webkit-box-shadow: 0px -10px 20px rgba(0, 0, 0, .15); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px -10px 20px rgba(0, 0, 0, .15); /* FF3.5 - 3.6 */
  box-shadow: 0px -10px 20px rgba(0, 0, 0, .15); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
  

}

#header { text-align: center; vertical-align: middle;  background-repeat: no-repeat; background-position: center center;}
.header-image {width: 1100px; height: 450px; background-size: cover; margin: auto;}
.header-logo {height: 175px; background-size: contain; background-color: #56493C;
  width: calc(100vw - 18px);
  margin-left: calc(-50vw + 50% + 9px);
}

.column-menu { display: none; width: 250px; float:left; text-align: center; background-color: #f2f2f2; margin-top: 30px;}
#bg-text {width: 1020px; padding: 40px; text-align: center; line-height: 150%; min-height: 300px; margin: auto; background-color: #f1e5c3;}
#bg-text img {max-width: 100%; height: auto;}
#bottom {width: 1100px; text-align: right; vertical-align: top; clear: both;  margin: auto;}
#menu-bottom {width: 1100px; position:relative; padding-top: 5px; clear: both;}

#kontakt {float: left; width: 40%; padding-right: 20px; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#vlozena-mapa {float: right; width: 60%; margin-top: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.text-pul-strany {float: left;  width: 50%;}

.clear {clear: both;}
.click {cursor: pointer;}

#mapa-right {width: 350px; height: 350px; float: right; margin-top: 20px;}
#map_canvas {width: 350px; height: 350px; border: 1px solid #ccc; margin-bottom: 15px;}

.vlajky {background-image:url(../images/menu_top.png); background-position: top; background-repeat: no-repeat; text-align:center;}
.vlajky {padding-top: 20px;}
.vlajky img { border-color: #CCC;}

.form-star {color:#C00;}
.odeslat {margin-top: 15px; padding: 5px; font-size: 110%;}

/*tripadvisor*/
.TA_cdsratingsonlynarrow {float: right; margin: -50px 0px 10px 10px;}
.fb-like  {float: right;}

.pod-menu {margin: 10px; margin-top: 30px; margin-left: 10px;}
.toplist {border: 0;}

h1 {font-size: 55px; line-height: 130%; color: #811212; font-weight: 400; font-family: Corinthia-Bold;} /*#486D23*/
h2 {font-size: 150%; line-height: 130%; color: #811212; font-weight: 400;} /*#704F43*/
h3 {font-size: 120%; line-height: 130%; color: #811212; font-weight: 400;}

p {line-height: 150%;}

hr {
 border: 0;
 color: #b19d7a;
 background-color: #b19d7a;
 height: 1px;
 width: 100%;
 text-align: left;
 margin-top: 40px;
 margin-bottom: 40px;
 }


a {color: #811212; text-decoration: none;}
a:hover {color: #811212;}


.box-cena {background-color: #d5ec9c; color: #555; width: 430px; padding: 10px; margin-left: 500px;}
.cena {margin-bottom: 3px; margin-top: -5px; color: #495436; font-weight: bold;}

/*li {list-style-image: url('../img/li.gif');}*/

img {border-color: #AAAAAA;}

.id1 {width: 650px; vertical-align: top; background-color: #fff; float: left;}
.id1_vypis {font-size: 100%;}

.id1_form {font-size: 100%;}


/*formulár*/

.rezervace {float: left; width: 50%;}
.rezervace-info {float: right; width: 50%; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.rezervace .form-text {float: left; width: 200px; margin-bottom: 5px;}
.rezervace .form-field {float: left; margin-bottom: 5px;}
.rezervace .form-button {float: left; margin-bottom: 5px;}

.rezervace .form-field input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #333;
  font-size: 15px;
  padding: 5px 10px 5px 10px;
  border: solid #999 1px;
  text-decoration: none;
}

.rezervace input[type="checkbox"] {
    display:inline-block;
    width:17px;
    height:17px;
}

.rezervace input[type="radio"] {
    display:inline-block;
    width:17px;
    height:17px;
}

.rezervace .button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  color: #486D23;
  font-size: 15px;
  background-color: #fff; 
  padding: 5px 10px 5px 10px;
  border: solid #486D23 1px;
  text-decoration: none;
}

.rezervace .button:hover {
  background: #2a2019;
  text-decoration: none;
  color: #fff;
}

.rezervace .povinne-pole {color: #f37021;}




















/* použito v editoru */
.table-in-fckeditor {font-size: 100%; width: 650px;}

.tabulka-akce { font-size: 14px; border: 0; padding: 0;}


.photos div, .photos photo-and-text {
	display:inline-block;
	margin: auto;    
 }
.photos {
    text-align:center;
    margin: 0 -15px 0 -15px;
    position:relative;
}

.photo-and-text {font-size: 90%;}
.photo-and-text div {margin: 20px 10px 0 10px;
border: 1px solid #fff;
}

.photo a { color:#333; font-size: 100%;}
.photo a:hover { color: #f00; text-decoration: none;}

.photo { 
border: none;
height: 240px;
width: 240px;
background-size: cover;
background-position: center;
}

.pod-foto {font-weight: bold; text-decoration: none; margin-top: 10px;}



div.reference {
  float: left;
  width: 200px;
  height: 200px;
  margin: 5px;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8em;
  font-weight: bold;
} 

.akce-bottom {margin: 15px 0;}
.akce-nadpis {margin: 0px;}



/*SVATEBNÍ TERMÍNY*/
.vyber-datum {text-align:center;}
.vyber-datum-over {text-align:center; cursor: pointer; background-color:#d0caa4;}

.volny { padding: 10px;}
.obsazeny { background-color: #d54d27; color: #FFF; padding: 10px;}

/* zarovnání termínu svateb a casu */

.datawraper {width: 100%;}
.data div, .data datum {
    display:inline-block;
    margin:auto;
    font-size:100%;
    line-height:100%;
    text-decoration:none;
   	}
.data {
    text-align:center;
    margin: 0 auto;
    position:relative;
}


.casywraper {width: 100%;}
.casy div, .casy cas {
    display:inline-block;
    margin:auto;
    font-size:100%;
    line-height:150%;
    text-decoration:none;
   }
.casy {
    text-align:center;
    margin: 0 auto;
    position:relative;
}




.obsazene-terminy {float:left; min-width: 160px;}
.obsazene-terminy-clear {clear: both; height: 15px;}

.margin-left-30 {margin-left: 30px;}

.photo-right td {width:180px; height:180px; text-align: center; vertical-align:middle;}
.photo-right img {border-color:#FFF;}

.nd {display: none;}
.skryvany {display: none;}

/*použito v textu*/
.width400left {width: 500px; float: left; margin-top: 20px;}
.width400left li {list-style: none; line-height: 200%; font-size: 20px; cursor: context-menu;}
/*.width400left li::before, .width400left li::after {content: ' \2726   '; color: #811212; transition: 0.3s;}
.width400left li:hover::before, .width400left li:hover::after {color: #8c7b64;}*/
.width400left li:hover {color: #811212;}
.width400left ul { margin: 0; padding: 0;}
.width400left strong {display: block; color: #811212; font-family: Corinthia-Bold; font-size: 50px; margin-bottom: 20px;}

.booking {width: 300px; height: 75px; margin: auto; background-image: url('../images/booking.png'); background-repeat: no-repeat; text-align: right;}
.booking-rating {width: 75px; text-align: center; float: right; padding-top: 20px; font-family: Oxygen-Bold, "sans-serif"; font-size: 40px; color: #fff;}

.clanek {padding-bottom: 30px;}
.nadpis-clanku {height: 40px; padding: 1px 30px 10px 30px; margin: 0 -30px 30px -30px; clear: both;}
.nadpis-clanku h2 {}
.datum-clanku {float: right; font-size: 100%; color:#999; padding: 17px 10px 0 0;}
.text-clanku { padding: 10px 10px 10px 20px;}

.file-download { float: left; margin: 3px 0 3px 0; background-image:url(../images/ico01_green.png); background-repeat: no-repeat; background-position-y: 3px; margin-left: 0px; padding-left: 15px; padding-bottom: 5px; width: 320px; }


.sponzori-top {width: 960px; text-align: center; height: 100px;}
.partneri-bottom {width: 960px; text-align: center;}


.menuicoholder {
			display: none;
			}

.menu-bg {
	  width: calc(100vw - 18px);
  margin-left: calc(-50vw + 50% + 9px);
	background-color: #f1ecde;
	/*background-color: #544837;*/
	height: 70px;
	margin-bottom: -70px;
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 1;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

#obal-nav {
			width: 100%;
			font-family: Corinthia-Bold;
			font-size: 30px;
			height: 35px;
			position: -webkit-sticky;
			position: sticky;
			top: 0px;
			z-index: 2;
}
	
		#nav
		{
			width: 100%;
			position: relative;
			left:0;
			z-index: 2;
			background-color: #f1ecde;
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #544837;
					display: block;
					text-decoration: none;
			
				}
				#nav li a:active
				{
					background-color: #fff !important;
				}
				
				#nav li a:hover
				{
					color: #811212;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #ccc;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 100%;
				padding-left: 0px;
				margin: 0;
			}
			
				#nav > ul > li
				{
					width: 16.666%;
					height: 100%;
					float: left;
					
				}
					#nav > ul > li > a
					{
						height: 100%;
						font-size: 130%;
						line-height: 70px;
						text-align: center;
						transition: .5s;

					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #e0d0bf;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #fff;
						}
				.menu-color-active a {color: #811212 !important;}

				/* second level */

				#nav li ul
				{
					background-color: #fff;
					display: none;
					position: absolute;
					top: 100%;
					padding-left: 0px;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 130%; /* 20 */
							border-top: 1px solid #ccc;
							margin: 0px 15px 0 15px;
							padding: 15px 0px 15px 0px;
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #fff;
							}

.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: ' '; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
.cleaner 						{ height: 0; line-height: 0; clear: both; }






/*Horizontální MENU*/
.h-menu {height: 60px; width: 960px; font-size: 18px; text-align: center; background-color:#fff;}
.h-menu div {height: 35px; text-align: center; vertical-align: middle; padding: 10px 30px 0 30px; background-image:url(../images/h-menu-border.png); background-position: left;  background-repeat: no-repeat;}
.h-menu-item-holder {margin: 0px; padding: 0px; background: none !important;}
.h-menu a {text-decoration: none; color: #555; text-transform: uppercase;}
.h-menu a:hover {text-decoration: none; color: #aaa;}
.h-menu-link {margin: 10px 0 0 0;} 
/*mouse out*/
.h-color-out {float: left;}
/*mouse over*/
.h-color-over {cursor: pointer; float: left;}
.h-color-over a {color: #999;}
/*aktuálně zobrazená stránka*/
.h-color-active {cursor: pointer; float: left; margin-right: -1px;}
.h-color-active a {color: #2568ac;}
.h-color-active a:hover {color: #2568ac;}

.submenu-holder { text-align: center; width: 100%;  background-color: #DDEDF7; margin: -20px 0px 0 0px; padding-top: 15px;}

.submenu div, .submenu polozka-submenu {
    display:inline-block;
    margin:auto;
	 }
.submenu {
    text-align:center;
    margin: 0 auto;
    position:relative;
}

.submenu a {color: #555; text-decoration: none;}
.submenu a:hover {color: #999; text-decoration: none;}


/*Vertikální MENU*/
.v-menu {width: 250px; font-size: 16px;}
.v-menu a {text-decoration: none; color: #614b34; font-weight: normal;}
.v-menu li {text-align: left; padding: 13px 0 10px 10px; list-style: url(../images/v-menu-arrow.png) inside; border-bottom: 1px solid #DDD;}
.v-menu ul {margin: 0px; padding: 0px;}


.color-out  {background-image:url(../images/menu-li-bg.png); background-position: top left; background-repeat: no-repeat;}
.color-over {cursor: pointer; background-color: #ddd;}
.color-active {cursor: pointer; background-color: #999;}
.color-active a {color:#FFF;}

.color-out-level2 {}
.color-over-level2 {cursor: pointer; background-color: #f6f3ec;}
.color-active-level2 {cursor: pointer; background-color:#d2c8b5;}


.move-top {display: none; margin-top: -1px;}



/*volné termíny - rezervace */
.online-booking {
width: 300px; height: 150px; float: right; text-align: right;
font-size: 200%; line-height: 130%; color: #FFF; padding: 12px; margin: 10px 0 20px 20px; cursor: pointer;
background-color: #2a2019; background-image: url(../images/online-booking.jpg); background-position: top; background-repeat: no-repeat;
 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
 }

.vyber-data {background-color: #fff; width: 260px; height: 50px; }
.vyber-data select {font-size: 110%;}
.pokoj {float: none; width: 100%; min-height: 150px; text-align: left; vertical-align: top; border-bottom: solid 1px #ccc; padding: 10px 0;}
.pokoj-terminy {border: thin 1px #333; border-collapse: collapse; text-align: center; float: left; margin-right: 20px;}
.pokoj-terminy td {width: 35px; height: 35px; color: #333; font-size: 16px; text-align: center; vertical-align: middle; border: solid 1px #333; border-collapse: collapse;}
.mesice {font-size: 12px;}
.jeden_mesic {font-size: 12px; text-align: center; border: #666 solid 1px; border-collapse: collapse;}

.pokoj-data {float: left; width: 70%; }
.pokoj-nazev {color: #811212; font-size: 150%; margin: 15px;}
.pokoj-text {float: left;}

.dny_datum {font-size: 16px;}
.vsedni-den { background-color:#eee;}
.vikend {background-color: #ccc;}


.pokoj-photowraper {float:right; width: auto;}

.pokoj-photos div {
	display:inline-block;
	margin: 0 0 0 5px;
   
 }
.pokoj-photos {
    text-align:right;
    margin: 0;
}



.pokoj-photo { 
border: none;
height: 100px;
width: 100px;
background-size: cover;
background-position: center;

}


.border-bottom {border-bottom: solid 1px #ccc; margin: 10px 0;}
.nadpis-objednavka {float: left; border-bottom: solid 1px #ccc; margin-bottom: 10px;}
.formular-mesice { float: left;}
.pokoje-vysvetlivky { float: left; margin: 15px 0 0 15px;}
.pokoj-formular {}
.pokoj-objednavam {margin: 10px 0;}
.formular-nadpis { text-align:center; vertical-align: middle; font-size: 15px; font-weight: bold; text-transform: uppercase; color: #961013; margin-top: 15px;}
.datumy {color: #000; font-size: 14px; text-align: center; margin-bottom: 10px; line-height: 20px; width: 100%; height: auto;}
.datumy div {color: #000; font-size: 14px; text-align: center; padding: 3px; margin: 2px; background-color: #ffcc00; width: 100px; float: left;}
.radek-formulare {margin: 10px 0; float: left;}
.margin-left-30 { margin-left: 30px;}

.free {background-color: #00cc00;}
.all {background-color: #cc0000;}
.am {background-image: url(../images/am.gif); background-position: center; background-repeat: no-repeat;}
.pm {background-image: url(../images/pm.gif); background-position: center; background-repeat: no-repeat;}
.reservation {background-color: #ffaa00;}
.old {background-color: #eee; color: #bbb !important; font-weight: normal !important;}
.select {background-image: url(../images/select.gif); background-position: center; background-repeat: no-repeat;}
.select_am {background-image: url(../images/select_am.gif); background-position: center; background-repeat: no-repeat;}
.select_pm {background-image: url(../images/select_pm.gif); background-position: center; background-repeat: no-repeat;}










.akce_nadpis {color: #990000;}

.bg-line {background-image: url(../images/bg-line.png); background-position: top; background-repeat: repeat-x;}



.nazev-galerie {margin-top: 5px; width: 200px; text-align: center;}

.box-red {width: 250px; height:45px; background-image: url(../images/bottom-menu-bg-red.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}
.box-gray {width: 250px; height:45px; background-image: url(../images/bottom-menu-bg-gray.png); background-repeat: no-repeat; color:#FFF; float:left; text-align:center; padding-top: 20px;}

.link-bottom {padding-top: 10px; padding-right: 15px; height: 60px; width: 1070px; margin: auto;}

.link-bottom a {
	font-size: 80%;
    color:#cfc7c0;
    text-decoration: none;
    margin-right: 10px; margin-left: 10px;
}

.link-bottom a:hover {
    color: #ECE5DF;
    text-decoration: underline;
}

.copyright-bottom {float: left; padding: 3px 0 0 20px; color: #cfc7c0; font-size: 80%;}

.nahoru a {text-decoration: none; font-size: 11px;}
.nahoru {font-size: 100%; margin-bottom: 10px; text-align: right; margin-right: 0px;}






@media (max-width: 1150px) {
	
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}	
	
	#wrapper {
		width: auto;
		margin: 0;
	}
	
.menuicoholder {	
	display: block;
	position: fixed;
	z-index: 1;
	float: right;
    left: 90%;
    top: 5%;
	   -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, .15); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, .15); /* FF3.5 - 3.6 */
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .15); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */

	}	
	
.menuico {  display: none;
			width: 50px;
			height: 50px;
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 

		}


#main {
	width: 100%;
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none; 
}


	.column-menu {
	-webkit-box-shadow: 0px 0px 0px 1px #fff inset; 
	-moz-box-shadow: 0px 0px 0px 1px #fff inset; 
    box-shadow: 0px 0px 0px 1px #fff inset;
    box-sizing: border-box;
		width: auto;
		float: none;
		margin: 0;
	}
	
.logo {float: none; width: 100%; text-align: center;}


	.column-main {
		width: auto;
		float: none;
		margin: 0;	

	}
	
	#header img {width: 50%;}
	.header-image {
		width: auto;
		height: 400px;
		margin: 0;
		background-position: center;
		background-size: cover;
		}
	
	#bottom {
		 display: none;
	 }
	 

	 
	 #bg-text {
		 width: 100%; 
		 padding: 25px;
		 font-size: 100%;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }
		 
	.menu-bg {position: relative;}
	 
#obal-nav {
		width: 100%;
		float: none;
		margin-top: 0px;
height: auto;
	position: relative;
}

		 #nav {
		 width: auto;
		 margin: 0;
		 }
			 
			 
	 .clear-response {clear: both;}

.move-top {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	display: block; height: 80px; width: 100%; background: #2a2019; padding-top: 20px; text-align: center;}

.nahoru { display: none;}

}

@media (max-width: 1000px) {
		
		 #nav > ul > li {
		 width: 33.333%;
		 margin: 0px;
		}

	#nav > ul > li > a {border-right: 1px solid #ccc;}
	#nav > ul > li:nth-child(3n) > a {border-right: none;}
	
	
	
	 #bg-text {
		 width: 100%; 
		 padding: 10px 10px 10px 10px;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }		
		 
#kontakt {width: 100%; float: none; text-align: center;}
#vlozena-mapa {width: 100%; float: none; text-align: center; margin-top: 20px;}

		 /*použito v textu*/
		 .width400left {width: 100%; float: left; margin-right: 0px;}
		 
		 .photos {
			 margin: 0;
		}
		
		.pokoj-data {width: 65%;}
		
}


@media (max-width: 800px) {
	
.header-image {height: 300px;}
	
.online-booking {float: none;}
.TA_cdsratingsonlynarrow {float: none; margin: 10px 0;}
.fb-share-button  {float: none; margin: 5px 0;}
.text-pul-strany {float: none;  width: 100%;}

		.pokoj-data {width: 50%;}

}

@media (max-width: 600px) {
	
.menuicoholder {	
    left: 85%;
    top: 5%;
	}

    .photo {
		height: 200px;
		width: 200px; 
		}
	
.v-menu li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 height: 40px;
		 list-style: none;
		 float: left;
		 width: 50%;
		 margin: 0px;
		 }
		 
		 #nav > ul > li {
		 width: 50%;
		 margin: 0px;

		 }
	
	#nav > ul > li:nth-child(3n) > a {border-right: 1px solid #ccc;}
	#nav > ul > li:nth-child(2n) > a {border-right: none;}	
		 
.pokoj-data {width: 100%;}		
.pokoj-text {float: none;}
.pokoj-photowraper {float:none;}
.pokoj-photos {text-align: left;}

}



@media (max-width: 400px) {
	

	.header-image { height: 250px;}
	
	#wrapper {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	.menuicoholder {	
    left: 80%;
    top: 5%;
	}	

	.column-menu {
		width: auto;
		float: none;
		margin: 0;
		text-align:center;
	}
	

	.column-main {
		width: auto;
		float: none;
		margin: 0;	

	}
	
	

	
	#bottom {
		 width: auto; 
		 text-align: center;
		 margin: 0;
	 }
	 
	 #menu-bottom {
		 width: auto;

	 }
	 
	 #bg-text {
		 width: 100%; 
		 padding: 10px 10px 10px 10px;
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 }
		 
	.link-bottom {
		padding-right: 0;
		}
	 
		 
	 .v-menu li {
		 box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
		 text-align: center;
		 list-style: none;
		 float: left;
		 width: 100%;
		 }

	 #nav > ul > li {
		 width: 100%;
 		 margin: 0px;

		 }
		
	#nav > ul > li:nth-child(1n) > a {border-right: none;}
	#nav > ul > li:not(:first-child)  > a {border-top: 1px solid #ccc;}
	
		 .clear-response {clear: both;}
		 .email, .administrace {display: none;}
		 
		 .file_download {width: 100%; margin-left: 5px; margin-right: 5px; float: none;}
	 
}


@media (max-width: 300px) {
.menuicoholder {	
    left: 65%;
    top: 5%;
	}
}