/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    width: 100%;
    height: 100%;
}

html {
		padding:0 25px 0 25px;
	background-color:#FFE6AE;}

body {
	font-family: 'Conv_Shentox',Arial;
	letter-spacing: 1px;
	color:#FFE6AE;
}

#obal {
	background-color:#231F20;
	background-image: url(../img/bg.png);
	-webkit-background-size: contain;
    -moz-background-size: contain;
    background-size:contain;
    -o-background-size: contain;
	background-position:center top;
	background-repeat:repeat-y
	}
	
#obalpage {
	background-color:#231F20;
	background-image: url(../img/bg.png);
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size:cover;
    -o-background-size: cover;
	background-position:center top;
	background-repeat:repeat-y
	}
	
a {
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color:#FFE6AE
	}
	
.color-blue a:hover {
	color:#01EABB}

.bg-primary p a {
	border-bottom: 1px white dashed;}

.bg-primary p a:hover {
	border-bottom: 1px #AD5D1D dashed;
	color:#AD5D1D}
	
.nopadding {
	padding:0 !important}
	
a:hover, a:active, a:focus {
	text-decoration:none;
	color:inherit}
	
.color-blue a:hover, .color-blue h3 {
	color:#01EABB
	}
	
.color-orange a:hover, .color-orange h3 {
	color:#EC7404
	}
	
.color-lightblue a:hover, .color-lightblue h3 {
	color:#2AC4B8
	}
	
.color-red a:hover, .color-red h3 {
	color:#EC2E2E
	}
	
.color-green a:hover, .color-green h3 {
	color:#B2C25F
	}

p {
	text-align:justify;
	font-family:'Conv_Shentox', Arial;
	letter-spacing: 1px;
}

p:last-child {
	margin-bottom:0;
}

.embed-responsive + p {
	margin-top:60px}

.large {
	font-size:150%}
	
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Conv_BebasNeue',Arial;
	color:#FFE6AE;
	max-width:75vw;
}

h1 {
	padding: 15px 35px 15px 65px;
    font-size: 50px;
    letter-spacing: 30px;
	display:inline-block;
	border:10px solid #ffe5ad;
	font-weight:bold
	}
	
.row > h1 {
	margin-top:130px;
	margin-bottom:130px}
	
h1.vertical {
	position:relative;
	top:50%;
	margin-top:-105px}

h2 {
	padding:30px 55px 23px 85px;
	font-size: 30px;
	font-weight:bold;
    letter-spacing: 20px;
	display: inline-block;
	background-repeat:no-repeat, repeat-x;
	background-position:top center, bottom center;
	background-size: auto auto, auto 2px;
	min-width:600px;
	margin-top:74px;
	margin-bottom:60px
	}

h1 + .clear + h2 {
	margin-top:0;
}

p + h2 {
	margin-top:64px;
}
	
h2 img {
		position:relative;
		left:-15px}

.color-blue h2 {
	background-image: url(../img/h2-bg-blue.png), url(../img/h2-bg-bottom-blue.png);
	}
	
.color-orange h2 {
	background-image: url(../img/h2-bg-orange.png), url(../img/h2-bg-bottom-orange.png);
	}
	
.color-lightblue h2 {
	background-image: url(../img/h2-bg-lightblue.png), url(../img/h2-bg-bottom-lightblue.png);
	}
	
.color-red h2 {
	background-image: url(../img/h2-bg-red.png), url(../img/h2-bg-bottom-red.png);
	}
	
.color-green h2 {
	background-image: url(../img/h2-bg-green.png), url(../img/h2-bg-bottom-green.png);
	}
	
h3 {
	font-size:18px}
	
h4 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold}

.color-orange p strong {
	color:#EC7404}

hr {
	margin:0 auto;
	margin-top:80px;
	padding:0;
	height:20px;
	width:66vw;
	text-align:center;
	border:none;}
	
.head + hr, header + div.bg-primary hr {
	margin-top:0px}
	
.btn + hr {
	margin-top:72px;
	}
	
.clear {
	clear:both}

.text-faded {
    color: rgba(255,255,255,.7);
}

section {
    padding: 0;
}

aside {
    padding: 0;
}	

.end {
	background-position:center;
	background-repeat:no-repeat;
	padding-top:80px;
	padding-bottom:80px
	}
	
.btn + .end{
	padding-top:72px;
	}
	
.color-blue .end{
	background-image:url(../img/end-bg-blue.png)}
	
.color-orange .end{
	background-image:url(../img/end-bg-orange.png)}	
	
.color-lightblue .end{
	background-image:url(../img/end-bg-lightblue.png)}
	
.color-red .end{
	background-image:url(../img/end-bg-red.png)}	

.color-green .end{
	background-image:url(../img/end-bg-green.png)}

.no-padding {
    padding: 0;
}

header {
	height:48vw;
	background-image: url(../img/title_home_logo.jpg);
    background-position: center 30px;
	background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size:cover;
    -o-background-size: cover;
	background-color:#231F20
}

.bg-primary {
	background-color:#231F20}

.bg-blue {
	background-color:#01EABB}
	
.bg-orange {
	background-color:#EC7404}
	
.bg-lightblue {
	background-color:#2AC4B8}
	
.bg-red {
	background-color:#EC2E2E}
	
.bg-green {
	background-color:#B2C25F}
	
.head {
	height:38vw;
    background-position: center bottom;
	background-repeat:no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size:cover;
    -o-background-size: cover;
	}
	
#o-nas .head {
	background-image: url(../img/title_onas.jpg);
	}
	
#media .head {
	background-image: url(../img/title_media.jpg);
	}
	
#projekty .head {
	background-image: url(../img/title_projekty.jpg);
	}
	
#kontakt .head {
	background-image: url(../img/title_kontakty.jpg);
	}

#o-nas li{
	padding:5px}
	
#o-nas ul {
    margin-bottom: 0;
}	
	
li:last-child {
	padding-bottom:0 !important}

.clen {
	margin-bottom:20px}	
.clen:last-child {
	margin-bottom:0
}

/*Button*/

.btn {
	max-width:75vw;
	min-width:280px;
	height:auto;
	font-family: 'Conv_BebasNeue',Arial,sans-serif;
	white-space:normal;
	padding: 5px 15px 4px 22px;
	margin:8px;
    font-size: 19px;
    text-transform: uppercase;
	border: 4px solid #ffe5ad;
    letter-spacing: 7px;
	border-radius:0px;
	background-color:transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	}
	
.btn:first-of-type {
	margin-top:60px;
}

#page .btn:first-of-type {
	margin-top:0px;
}

.pod_embed > .btn:first-of-type {
	margin-top:40px}

h2 + div > .btn:first-of-type {
	margin-top:0px;
}
	
.btn:last-child {
	margin-bottom:0;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
	color:#FFE6AE;
	outline: none;
 }

.block {
	display:block;
	margin:0 auto;
	margin-bottom:16px}


.color-blue .btn:hover {
	background-color:inherit;
	border-color:#01EABB}

.color-lightblue .btn:hover {
	background-color:inherit;
	color:#2AC4B8;
	border-color:#2AC4B8}
	
.color-red .btn:hover {
	background-color:inherit;
	color:#EC2E2E;
	border-color:#EC2E2E}
	
.color-green .btn:hover {
	background-color:inherit;
	color:#B2C25F;
	border-color:#B2C25F}

/*navbar*/
.navbar {
	background-color:#FFE6AE;
    font-family: 'Conv_BebasNeue',Arial,sans-serif;
	font-weight:bold;
	letter-spacing:0px;
	padding-left:75px;
	font-size:20px}

.navbar-default .navbar-nav > li > a {
    color: #231F20;
	position:relative;
	border-top:2px #FFE6AE solid;
	border-bottom:2px #FFE6AE solid;
	top:2px;;
	margin-top:4px
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a {
	border-top:2px #231F20 solid;
	border-bottom:2px #231F20 solid
}

.navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus {
    background-color: transparent;
	color:#231F20;
}

.navbar-default .nav > li.active>a:hover {
	background-color: transparent}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: #231F20;
}

.navbar-brand {
	background-image: url(../img/logo-small.png);
	padding-left:90px;
	letter-spacing: 5px;
	color:#231F20 !important;
	background-position:left center;
	font-family: 'Conv_BebasNeue',Arial;
	
	background-repeat:no-repeat;
	margin-left:10px;
	background-size:auto 35px}

.navbar-default .navbar-toggle {
    border-color: #888;
}

.navbar-default {
	border:none}

.navbar-collapse {
  text-align:center;
}
.navbar-nav {
    display:inline-block;
    float:none;
}

.hidden {
	display:none !important}
	
.hiddenrow {
	display:none}
	
.jcarousel-control-prev {
    left: 60px;
}

.jcarousel-control-next {
    left: 100%;
	margin-left:-85px
}

.jcarousel-control-prev, .jcarousel-control-next{
    position: absolute;
    top: 50%;
	margin-top:-25px;
    width: 50px;
    height: 50px;
    background-image: url(../img/left.png);
    background-position: center;
	background-repeat:no-repeat;
	background-size:50px auto;
}

.jcarousel-control-next{
    background-image: url(../img/right.png);
}

.carousel img {
	height:400px}



.modal-title {
	color:#231F20}
	
.jmeno {
	border-bottom:dashed 1px #FFE6AE;
	margin:0 15px}
	
footer {
	color:#231F20 !important;
	background:#FFE6AE;
	padding:10px}
	
footer a {
	color:#231F20}
	
/*kalendar*/
.mytable {
	width:100%;
	border-collapse: separate;
   border-spacing: 16px 0;
    }
	
.mytable thead {
	font-family: 'Conv_BebasNeue',Arial;
	letter-spacing: 13px;
	font-size:20px
	}

.mytable tbody tr{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;}

.mytable tbody tr:hover{
	background-color:#333333}

	
tbody td{
	border-top:1px solid #01EABB;
	padding:8px 0
}


.modal-body, .modal-footer, .modal-footer a {
	color:#231F20}
	
.modal-footer {
    border-top: 1px solid #231F20;
}

.modal-header {
    border-bottom: 1px solid #231F20;
}

div.modal-header, div.modal-body , div.modal-footer {
    background-color: #FFE6AE;
}

.partneri img {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
	max-height:45px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	display: block;
    margin: 0 auto;
}

.partneri img:hover {
    -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}

iframe.iframe_cal {
	width:100%;
	min-height:350px;
	}
	
.indicator	{
	display:none !important}

 #page .btn-primary {
	 color:#FFE6AE}

 .btn-primary:active, .btn-primary:focus, .btn-primary:visited {
 	background-color: transparent;
    border-color: #FFE6AE !important;}

 #page .btn-primary:hover {
	 color:#01EABB;
	 border-color: #01EABB;}
	 
 .form-control:focus {
	     border-color: #01EABB;}
		 
.wpcf7-validation-errors {
	background-color:#FFE6AE;
	border-color:#FFE6AE;
	color:#231F20}
	
@media (max-width: 1200px) {
html {
	padding:0;}
	
hr {
	width:75vw;}
	
.carousel img{
	height:300px}
}
	
@media (max-width: 992px) {
	
hr {
	width:80vw;
	height:15px;}
	
.navbar {
	letter-spacing:0px;
	padding-left:40px;
	font-size:14px
}

.carousel img{
	height:200px}	
}

@media (max-width: 767px) {
h1 {
	padding: 20px 5px 15px 20px;
    font-size: 35px;
    letter-spacing: 12px;
	display:inline-block;
	border:10px solid #ffe5ad;
	font-weight:bold;
	min-width:250px;
	}

h2 {
	padding:32px 0px 25px 10px;
	font-size:26px;
    letter-spacing: 10px;
	min-width:300px;
	margin-top:74px;
	margin-bottom:60px
	}	
	
h2 img {
		left:-6px}

.navbar {
	font-size:20px
}

.navbar-default .navbar-nav > li > a {
	border:none;
	margin-top:0px
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li.active > a {
	border:none
}

.carousel img{
	height:150px}
	
}

.mt-xs {
	margin-top:10px}

.mt-sm {
	margin-top:20px;}
	
.mt-md {
	margin-top:30px}
	
.mt-lg {
	margin-top:50px}
	
.mt-xlg {
	margin-top:70px}
	
.mt-xxlg {
	margin-top:90px}
	
.mt-xxxlg {
	margin-top:130px}
	
.mb-xs {
	margin-bottom:10px}

.mb-sm {
	margin-bottom:20px;}
	
.mb-md {
	margin-bottom:30px}
	
.mb-lg {
	margin-bottom:50px}
	
.mb-xlg {
	margin-bottom:70px}
	
.mb-xxlg {
	margin-bottom:90px}
	
.mb-xxxlg {
	margin-bottom:130px}