@charset "UTF-8";

body {
	color:#2d2d2d;
	font-family: 'Cambay', sans-serif;
}
a {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}
a:hover {
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}
h1 {
	color:black;
	font-size:200%;
	font-weight:normal;	
	margin-bottom:3%;
}
h2 {
	font-size:180%;
	font-weight:normal;
	margin-bottom:5%;
}
h3 {
	font-size:170%;
	font-weight:normal;
	margin-top:5%;
	margin-bottom:3%;
}
h4 {
	font-size:190%;
	font-weight:normal;
	margin-bottom:3%;
}
h5 {
	line-height:130%;
	font-size:160%;
	font-weight:normal;
	margin-bottom:4%;
}
h6 {
  line-height: 120%;
	font-size:140%;
	font-weight:normal;
	margin-bottom:2%;	
}
img {
	max-width:100%;
	border:none;
}
hr {
	background-color:#DBDBDB;
	width:96%;  
	height:1px;
	margin:6% auto 8%;
}
.bgwhite {
	background-color:white;
  clear: both;
  width: 100%;
}
.small {
	margin:4% auto 5%;
}

.clearfix {
	display:block;
	clear:both;
}
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear: both;
}
.clearfix{
	zoom:1;/* For IE 6/7 (trigger hasLayout) */
}

#headerbg {
	width:100%;
	background: url(../images/headerbg.jpg) repeat-x;
	background-position: 50% 0%;
}
.wrapper {
	display:block;
	width:80%;
	height:auto;
	margin:auto;
	overflow:hidden;
}

#header {
	display:block;
	width:100%;
	padding-bottom:15px;
	margin-top:2%;
}
#logo {
	float:left;
}

/* menu */

nav {
	float:right;
	display:block;
	height:40px;
	padding-top:12px;
	padding-bottom:30px;
}
nav ul li {
	display:inline-block;
	position:relative;
	margin-right:15px;
	padding-bottom:50px;
}
nav ul li:last-child {
	margin-right:0;
}
nav a {
	font-family: 'Open Sans Condensed', sans-serif;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	text-shadow:0 0 6px #000;
	font-weight:bold;
	line-height:76px;
	cursor:pointer;
}
nav a img {
	position:absolute;
	top: 40%;
	right: 37%;
}
nav li ul {
    background-image:url('../images/arrow-up.png'); 
    background-position:85% 0;
    background-repeat:no-repeat;
	text-shadow:none;
    position:absolute;
	z-index: 999;
    right:0;
	top: 100px;
    width:230px;
	padding-top:20px;
}
nav li li {
    background-color:#222222;
	text-align:right;
    position:relative;
    margin:0;
    display:block;
	padding-bottom:0;
    border-bottom:solid 2px #fff;
}
nav li li:last-child {
    border-bottom:none;
}
nav li li:hover {
    background-color:#4C4C4C;
}
nav li li ul {
	display:block;
    position:absolute;
    top:0;
	right: 10px;
    right:230px;
    margin:0;
	padding-top:0;
	background-image:none;
	z-index: 1;
}
nav li li a {
    margin:0 10px;
    padding-left:15px;
	line-height:40px;
	text-transform:none;
	text-shadow:none;
}
nav li li.dropdown > a {
    background-image:url('../images/arrow-right.png');
    background-position:left 7px;
    background-repeat:no-repeat;
}
nav select {
	display: none;
	padding:5px;
	border-radius:5px;
	background:#F0F0F0;
}
nav select:focus, nav select.focused {
	background:white;
}
ul.sub-menu {
    display:none;
}
.button{
	display:block;
	width:76px;
	height:76px;
	border-radius:50px;
	border:4px solid #fff;
	-webkit-box-shadow : #000 0 0 15px;
	-moz-box-shadow : #000 0 0 15px;
	box-shadow : #000 0 0 15px;
}
.button:hover, .current{
	background: rgba(250, 250, 250, .3);
	border-radius:0;
}
.current:hover{
	background: rgba(250, 250, 250, .5);
}

#slideshow {
	display:block;
	width:100%;
	margin-top:70px;
}
#slideshow img {
	width:auto;
	height:auto;
	line-height:normal;
	vertical-align:middle;
	position: relative;
	border-radius:15px;
}
.caroufredsel_wrapper {
  left: 10% !important;
}

/* content */

.full {
	margin-top:3%;
	width:100%;
	float:left;
	margin-bottom:2%;
}
.titleonly {
	margin-top:3%;
	width:100%;
	float:left;
}
.full p {
	font-size:110%;
	line-height:140%;
	margin-bottom:2%;
	text-align:justify;
}
.full p b {
  font-weight: bold;
}
.full p a, .left p a, .right p a {
	color:#B3B3B3;
	text-decoration:none;
}
.full p a:hover, .left p a:hover, .right p a:hover {
	color:#2d2d2d;
}
.left, .right {
	margin-top:3%;
	width:48%;
	margin-bottom:2%;
}
.left {
	float:left;
}
.right {
	float:right;
}
.left p, .right p {
	font-size:110%;
	line-height:140%;
	margin-top:2%;
}
.left h5, .right h5, .left h6, .right h6 {
	text-align:center;
	margin-bottom:3%;
  line-height: 120%;
}
.full ul, .full ol {
	position:relative;
	font-size:110%;
	line-height:140%;
	margin-left:5%;
	margin-bottom:2%;
}
.full ol {
  counter-reset: item;
}
.full ul li {
	list-style: none outside none; 
	display: list-item;
	margin-left: 1em;
	margin-bottom:1%;
}
.full ol li {
	list-style: decimal;  
	display: block;
	margin-left: 1em;
	margin-bottom:1%;
}
.full ul li:last-child, .full ol li:last-child {
	margin-bottom:0;
}
.full ul li:before {
  position: absolute;
  content: "•";
  left: 0;
	color: #BBBBBB;
}
.full ol li:before {
  content: counter(item) ". \00a0";
  counter-increment: item;
  color: #BBBBBB;
  margin-left: -22px;
}
.full li ul {
	font-size:100%;
	margin-bottom:0;
}
.figure_right_align {
	position:relative;
	float:right;
	margin:0 0 1% 2%;	
}
.figure_left_align {
	position:relative;
	float:left;
	margin:0 2% 1% 0;	
}
.figure {
	margin:0 auto 4%;	
}
.figure caption, .figure_right_align caption, .figure_left_align caption {
	text-align:left;
	font-style:italic;
	font-size:13px;
	color:#8F8F8F;
	padding-top:1%;
}
.clenove a {
	color:#2d2d2d;
	text-decoration:none;
}
.clenove a:hover {
	color:#B3B3B3;
}
.clenove h6 {
   margin-bottom: 5px;
}
.od_roku {       
  color: #888;  
  font-size: 75%;
}
.kniha_vyprodana {       
  color: red;  
  font-size: 75%;
}
.stav { 
  font-size: 100% !important;  
  color: #888;
}
ul.oceneni {
  margin-left: 50px;
  margin-top: 10px;
}                  
ul.oceneni li {
  padding: 5px 0; 
	list-style: none outside none; 
}
ul.oceneni li:before {
    position: relative;
    content: "•";
    left: -10px;
	  color: #BBBBBB;
}
.contacts img {
	padding: 0 10px;
	vertical-align:bottom;
}
#message {
	margin-top:7%;
	float:left;
	width:100%;
	margin-bottom:1%;
}
#message img{
	float:left;
	margin-right:3%;
  margin-bottom: 100px;
  margin-top: 30px;
}
#message p {
	margin-top:3%;
	font-size:160%;
	line-height:140%;
}
.podnadpis {
  font-size: 75%;
}
.podpis {
  font-style: italic;
  text-align: right !important;
}
#noscriptmsg {
  background:rgba(255, 255, 255, 0.7);
	position:fixed;
	width:100%;
	top:10%;
	padding:15% 0;
	text-align:center;
	font-family: 'Cambay', sans-serif;
	font-size:140%;
	z-index:200;
	-webkit-box-shadow : #7E7E7E 0 0 35px;
	-moz-box-shadow : #7E7E7E 0 0 35px;
	box-shadow : #7E7E7E 0 0 35px;
}
#noscriptmsg a {
	text-decoration:none;
	color:#7D7D7D;
}
#noscriptmsg a:hover {
	color:black;
}

/* footer */

footer {
	color:white;
	width:100%;
	margin-top:3%;
	padding:10px 0 0;
	background-color:#222222;
}
footer .left, footer .right {
	margin-bottom:50px;
}
footer table{
	display:block; 
	width:100%; 
	margin-left:3%;
	font-size:110%;
	line-height:180%;
}
footer table tr:first-child {
	font-weight:bold;
}
footer table tr td:first-child {
	color:#B2B2B2;
	text-align:right;
	vertical-align:top;
	padding-right:20px
}
footer table a {
	color:#B2B2B2;
	text-decoration:none;
}
footer table a:hover {
	color:white;
}
.formstyle {
	border: 1px solid #ccc;
	font-family: 'Cambay', sans-serif;
	font-size:16px;
	width: 95%;
	margin-bottom:10px;
	opacity:0.9;
	padding:5px;
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
	border-radius:2px;
}
.formstyletwo {
	color: #B2B2B2;
	font-family: 'Cambay', sans-serif;
	font-size:17px;
	text-align:left;
	background-color:#222222;
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}
.formstyletwo:hover {
	color:white;
	cursor:pointer;
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}
.subject {
	display: none;
}
textarea {
	border: 1px solid #ccc;
	color: #000;
	font-family: 'Cambay', sans-serif;
	font-size:16px;
	width:95%;
	height:80px;
	margin-bottom:10px;
	border-radius:2px;
	padding:10px 5px 5px 5px;
	opacity:0.9;
	-webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -ms-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;
}
#copyright{
	position:absolute;
	right:11%;
	margin-top:3%; 
	font-size:12px;
	z-index:100; 
}
#copyright, #copyright a {
	color:#6B6B6B;
	text-decoration:none;
}
#copyright a:hover {
	color:#BDBDBD;
}
#tothetop {
	background:url('../images/arrow-up-white.png') no-repeat;
    background-position:55% 7px;
	position:relative;
	font-size:125%; 
	text-align:center;
	margin-top:3%;
	padding:15px 70px 15px 0;
}
#tothetop a {
	cursor:pointer;
	color:#B2B2B2;
	padding:30px 60px;
}
#tothetop a:hover {
	color:white;
}
#footer-fb-like { 
	position:absolute;
	left:11%;
	margin-top:3%; 
	font-size:12px;
	z-index:100;  
}


input:focus, input.focused, textarea:focus, textarea.focused {
	color: #3e3e3e;
	opacity:1;
}
	
::selection {background:#A6A6A6; color:#FFF;}
::-moz-selection {background:#A6A6A6; color:#FFF;}

::-webkit-input-placeholder {color:#959595; padding-top:7px;}
::-moz-input-placeholder {color:#959595; padding-top:7px;}
:-ms-input-placeholder {color:#959595; padding-top:7px;}
input:-moz-placeholder {color:#959595; padding-top:7px;}

textarea::-webkit-input-placeholder {padding-top:2px;}
textarea::-moz-input-placeholder {padding-top:2px;}

/* responsive */

@media screen and (max-width: 1860px) {
  .caroufredsel_wrapper {
     left: 8% !important;
  }
}
@media screen and (max-width: 1760px) {
  .caroufredsel_wrapper {
     left: 6% !important;
  }
}
@media screen and (min-width: 1750px) {
  .full {
    margin-top: -2%;
  }
}
@media screen and (max-width: 1660px) {
  .caroufredsel_wrapper {
     left: 4% !important;
  }
}
@media screen and (min-width: 1650px) {
  .full {
    margin-top: -1%;
  }
}
@media screen and (max-width: 1560px) {
  .caroufredsel_wrapper {
     left: 2% !important;
  }
}
@media screen and (max-width: 1546px) {
  .caroufredsel_wrapper {
     left: auto !important;
  }
}
@media only screen and (max-width: 1279px) {
	.wrapper{
		max-width:960px;
	}
}

@media only screen and (max-width: 1200px) {
	#headerbg {
		background-position: 50% -1%;
	}
}

@media only screen and (max-width: 1100px) {
	#tothetop {
    	background-position:56% 7px;
	}
}

@media only screen and (max-width: 910px) {
	.button{
		width:auto;
		height:auto;
		border-radius:0;
		margin-top: 25px;
		line-height:normal;
	}
	nav li ul {
    	background-position:85% 0;
		top: 70px;
	}
	nav a img {
		position:relative;
		top:auto;
		right:auto;	
	}
	#message {
		margin-top:10%;
	}
}

@media only screen and (max-width: 800px) {
	.full p, .left p, .right p {
		text-align:left;
	}
	#tothetop {
    	background-position:57% 7px;
	}
	#message {
		margin-top:11%;
	}
}

@media only screen and (max-width: 770px) {
	#logo {
		display:block;
		float:none;
		margin: 0px auto;
		position: relative;
	}
	nav {
		display:block;
		width:100%;
		float:none;
		clear:both;
	}
	nav ul {
		margin: 0px auto;
		position: relative;
	}
  #slideshow {
		margin-top:0;
	}
	#headerbg {
		background-position: 50% 0%;
	}
	.button{
		margin-top: 0;
	}
}

@media only screen and (max-width: 740px) {

	.left, .right, #copyright {
		display:block;
		width:100%;
		float:none;
		clear:both;
	}
	.figure_left_align, .figure_right_align {
		display:block;
		width:100%;
		float:none;
		clear:both;
		margin:0 auto 2%;
	}
	#message {
		margin-top:3%;
	}
	#copyright {
		display:none;
	}
	#tothetop {
		background:none;
		padding:15px 0;
	}
}

@media (max-width: 530px) {
	nav ul {
		display: none;
	}
	nav select {
		display: inline-block;
		position: relative;
		width:100%
	}
	.contacts img {
		display:none;
	}
}

@media (max-width: 470px) {
	#slideshow {
		display:none;
	}
}