@import url("https://fonts.googleapis.com/css?family=Ubuntu:400,700&subset=latin,latin-ext");

/*
540C	#00325b
542C	#639ec8
544C	#b7d1e3
545C	#c4d8e5
svetlejsi	d2e6f4
svetlejsi	e0f0fb

seda  #ebedee
footer	#424242
*/






.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.cf:after {
  clear: both;
}
* {
  font-family: 'Ubuntu', sans-serif;
  font-size:100%;
}
body {
  background: #ebedee;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bolder;
  margin: 0;
  padding: 1em 0;
  text-transform: uppercase;
}
h2 {
  font-size: 2.3em;
}
h2 span:before {
  content:'»';
}
h2.final_info {
	display:none;
}
h4 a {
	color:inherit;
}
button {
  background: #e51d25;
  color: #ffffff;
  font-weight: bolder;
  text-transform: uppercase;
  border: 0;
  font-size: 2em;
  padding: 7px 30px;
  width: 100%;
}
strong {
  font:inherit;
  font-weight:bold;
}
td {
  padding:0.3em;
  border:1px solid #d2e6f4;
}
th {
  padding:0.3em;
  font-weight:bold;
}


  
 /* 
  
table.download td {
  padding:0.3em;
  border:none;
}
table.download tr {
  border-top:1px solid #d2e6f4;
}

*/



.print, .print_main_page {
display:none;
}

.invisible {
  display:none;
}
.form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: gray;
}
.c-brand-primary {
  color: #e51d25 !important;
}
.obsah ol li, .obsah ul li {
  margin-bottom: 1em;
  margin-right: 1em;
}

img.grayscale, .wrap-co_delame {

  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(0.8);

  /* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

  /* for IE6+ */
  filter: gray;
  
  /* for direct supported browsers */
  -moz-filter: grayscale(0.8);
  -ms-filter: grayscale(0.8);
  -o-filter: grayscale(0.8);
  filter: grayscale(0.8) ;
}
/* Disable grayscale on hover */
img.grayscale:hover, .wrap-co_delame:hover {
  filter: none;
  -webkit-filter: grayscale(0.6);
}
.vypis img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}
img.left {
  float:left;
  margin-right:1em;
}
img.right {
  float:right;
  margin-left:1em;
}
img.ikona_pdf_gray {
  float:left;
  margin-right:1em;
  width:100px;
  height:100px;
}
img.ikona_foto {
  float:left;
  margin:0.5em 1em 30px 0;
  width:100px;
  height:auto;
}
header {
  background: #424242 url('../images/bg-header.jpg') no-repeat center top;
  background-size:cover;
  height: 600px;
}
header.sub_page {
  background: #ebedee url('../images/bg-header.jpg') no-repeat center -300px;
  height: 300px;
}
header.sub_page nav {
  background: transparent url('../images/bg-nav.png') repeat;
}
header.sub_page nav a, header.sub_page nav a:hover {
  text-decoration:none;
}
header.sub_page nav h2 {
	background: transparent;
}
header .navbar-default {
  border-color: transparent;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: -100px;
}
header .navbar-default .navbar-nav > li > a {
  text-align: center;
  color: #ffffff;
}
header .navbar-default .navbar-nav > li > a {
  color: #b7d1e3;
  border-bottom: 3px solid transparent;
}
header .nav > li > a:hover,
header .nav > li > a:focus {
  background-color: transparent;
}
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
header .navbar-nav.ikony {
  display: none;
}
header .navbar {
  background: transparent;
}
header .navbar-collapse.collapse,
header .navbar-collapse.collapsing {
  background-color: rgba(0, 50, 91, 0.4);
  border: 0;
  border-radius: 4px;
}
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus {
  border:1px solid transparent;
  background: transparent;
}
header .navbar-header {
  padding-right: 0px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
header .navbar-header .navbar-toggle {
  border-color: transparent;
}
header .navbar-header .navbar-toggle .icon-bar {
  background: white;
  float: right;
  clear: both;
}
header .navbar-toggle {
  color: white;
}
header .container {
  padding: 0;
  margin: 0 auto;
}
header .logo {
  margin-left: 0em;
  position: absolute;
  top: 0;
  z-index: 1000;
}
header .logo a {
  display: block;
}
header .logo img {
  width: 60%;
  box-shadow: 6px 4px 4px rgba(99, 158, 200, 0.3);
}
header .texty {
  position: relative;
  text-shadow: 4px 4px 0px #00325b;
  color:#ffffff;
  text-align:right;
  margin-right:1em;
}
header h2 {
  margin-top: 150px;
/*  padding-left:40px;*/
  text-transform: none;
  padding-bottom: 10px;
  color:#ebedee;
  font-family:'Times', 'Times New Roman', Times, serif;
  font-style:italic;
  margin-right:0;
  padding-right:0.5em;
}
header h2.page-nav {
  text-transform: uppercase;
  color:#ebedee;
  font-family:inherit;
  font-size: 1.5em;
  text-align: left;
/*  max-width: 1280px;*/
  margin: 0;
  padding:1em 0 0.3em 130px;
  background: #639ec8;
}
header h2.page-nav:hover {
	color:#ffffff;
	text-decoration:none;
}
header div.page-nav a, header a div.page-nav {
  padding: 0 0 0.5em 130px;
  color:#b7d1e3;
  display:block;
}
header div.page-nav a:hover, header a div.page-nav:hover {
  color:#ffffff;
}
header h3 {
  text-transform: none;
  text-align:right;
}
header a.motto {
  margin: 1em 0em;
  padding: 0;
  color: black;
  color:#ffffff;
  font-weight: bold;
  font-size: 70%;
  opacity:1;
 /*  background: #00325b;
 background:#b7d1e3;*/
  display: block;
  text-transform: uppercase;
  text-shadow: 3px 3px 0px #00325b;
}
header a.motto i {
  margin-left: 10px;
}
header a.motto:hover {
  color:#b7d1e3;
  text-decoration:none;
}
.obsah {
  color:#555;
}
#co_delame img {
  margin: 0 auto;
}
#formular {
  background: url('../images/bg-formular.jpg') no-repeat top center;
  min-height: 600px;
}
#formular h2 {
  color: #ffffff;
  font-size: 1.2em;
  padding-left: 0;
  padding-right: 0;
}
#formular .cbx-label {
  font-size: 0.8em;
  max-width: 80%;
  margin-left: 1em;
}
#formular button {
  font-size: 1.2em;
  margin-bottom: 1em;
}
#formular .field-soutezform-souhlas1 .help-block,
#formular .field-soutezform-souhlas2 .help-block {
  display: none;
}
#formular .form-control {
  height: auto;
}

#perex {
  background-color:#ebedee;
  text-align:center;
}
#perex h2, #perex h2.sub_page {  
  max-width:1200px;
  margin:0 auto 0.7em auto;
  padding:0em 2em;
  color:#639ec8;
  color:#00325b;
  font-size: 1.5em;
  font-style:italic;
  font-family: 'Times', 'Times New Roman', Times, serif;
  font-weight:200;
  line-height:1.8em;
  text-align: center;
  text-transform:none;
}
#perex h2.sub_page {
  margin:0 auto 0 auto;
  font-size:2em;
  line-height:1em;
  max-width:none;
}
#perex h2 a {
font-size:0.9em;
}

#management, #weddings, #records, #internet, #company, .detail_page_info {
  background: #ebedee;
  margin-top:0.5em;
  margin-bottom:1em;
}

#management .container, #weddings .container, #records .container, #internet .container, #company .container, .detail_page_info .container {
  display: none;
  width:auto;
  padding: 1em 2em 0 2em;
  margin: 0 0px 2em 0;
/*  margin: 0 auto 2em auto;
  max-width: 1280px;*/
  border:5px solid #639ec8;
  background: #d2e6f4;  
  background:#e0f0fb;
}


@media only screen and (max-width: 490px) {
	  #management .container, #weddings .container, #records .container, #internet .container, #company .container, .detail_page_info .container {
	  padding: 0.5em 0.5em 0 0.5em;
	}
}



#management h2, #weddings h2, #records h2, #internet h2, #company h2, .detail_page_info h2 {
  color:#00325b;
  font-size: 1.3em;
  text-align: center;
/*  max-width: 1280px;*/
  margin: 0 auto 0 auto;
  cursor: pointer;
  background: #639ec8;
}
#management h2:hover, #weddings h2:hover, #records h2:hover, #internet h2:hover, #company h2:hover, .detail_page_info h2:hover {
  color:#b7d1e3;
  text-decoration:none;
}
#management h2 span, #weddings h2 span,#records h2 span, #internet h2 span, #company h2 span, .detail_page_info h2 span  {
  font-size:1.1em;
  color: #b7d1e3;
  content:' &#187; ';
  margin: 0 0.3em;
}
#management h2:after, #weddings h2:after, #records h2:after, #internet h2:after, #company h2:after, .detail_page_info h2:after {
  font-size:1em;
  color: #b7d1e3;
  font-family:FontAwesome;
  content:"\f0da";
  content:"\f0a9";
  margin: 0 0.5em;
  transition: all .5s ease-in-out; 
}
body.otevreno-management #management h2:after, body.otevreno-weddings #weddings h2:after, body.otevreno-records #records h2:after, body.otevreno-internet #internet h2:after, body.otevreno-company #company h2:after, body.detail-uvod-otevreno #detail-uvod h2:after, body.detail-zivotopis-otevreno #detail-zivotopis h2:after, body.detail-repertoar-otevreno #detail-repertoar h2:after, body.detail-recenze-otevreno #detail-recenze h2:after, body.detail-nahravky-otevreno #detail-nahravky h2:after, body.detail-download-otevreno #detail-download h2:after, body.detail-proporadatele-otevreno #detail-proporadatele h2:after   {
  font-size:1em;
  color: #b7d1e3;
  color:#00325b;
  font-family:FontAwesome;
  content:"\f0d7";
  content:"\f0ab";
  margin: 0 0.5em;
  transition: all .5s ease-in-out; 
}
#management h2.end, #weddings h2.end, #records h2.end, #internet h2.end, #company h2.end, .detail_page_info h2.end {
  background: transparent;  
  background-position: center bottom;
  background-repeat: no-repeat;
  max-width: 1280px;
  margin: 0 auto 0 auto;
  cursor: pointer;
	padding:0;
	height:2.2em;
}
#management h2.end:before, #weddings h2.end:before, #records h2.end:before, #internet h2.end:before, #company h2.end:before, .detail_page_info h2.end:before {
	color:#e51d25;
	color:#639ec8;
	font-family:FontAwesome;
	font-size:3em;
	content:"\f0d8";
}
h2.end:after {
	display:none;
}
#management .obsah, #weddings .obsah, #records .obsah, #internet .obsah, #company .obsah, .detail_page_info .obsah {
  padding-top: 2em;
  padding-bottom: 3em;
  background-position: center bottom;
  background-repeat: no-repeat;
  margin: 0 auto 0 auto;
  line-height:1.8em;
}
footer {
  color:#ffffff;
  background: #424242;
  text-align: center;
  margin-top:0em;
  margin-bottom:0em;
}
.hlavni_stranka footer {
  margin-top:1em;
}
footer #kontakt {
  color:#ffffff;
}
footer .telefon {
  margin-top: 45px;
}
footer h3 {
  color: #e51d25;
  color:#b7d1e3;
  color:#639ec8;
  padding: 1em 0em 0.5em 0em;
  font-size:1.0em;
}
footer a {
  color: #ffffff;
  font-size: 1.0em;
  font-weight: normal;
}
footer a:hover, footer a:focus {
  color: #b7d1e3;
}
footer .ikony {
  margin-top: 3em;
  margin-bottom: 3em;
}
footer .ikony a i {
  font-size: 2.5em;
  margin: 0 0.5em;
}
.hlavni_stranka #sub_page_footer {
  display:none;
}
#sub_page_footer.sub_page {
  margin:1em 0 0 0; 
  background: #424242;
  border:1px solid #555;
}
#sub_page_footer.sub_page nav {
  text-align:center;
  padding: 1.3em 0;
}
#sub_page_footer div.page-nav a {
  color:#ffffff;
}
#sub_page_footer div.page-nav a:hover {
  color:#b7d1e3;
  text-decoration:none;
}

.copy {
  margin:0 auto -2em auto;
  padding:1em 0;
  background: #424242;
  text-align:center;
  color:#777;
}
.copy p, .copy a {
  color:#777;
}
a.back-to-top {
	background-color:#777;
	border:0px solid #fff;
	border-bottom:0;
	bottom:5px;
	color:#bbb;
	display:block;
	float:left;
	font-size:1em;
	padding:20px 20px 20px 20px;
	position:fixed;
	right:2%;
	text-decoration:none;
	z-index:99999;
	-webkit-border-radius:30px 30px 30px 30px;
	-moz-border-radius:30px 30px 30px 30px;
	border-radius:30px 30px 30px 30px;
	opacity:0.5;
	text-shadow:none;
	content:'B';
    }
a.back-to-top {
	background-color:#777;
	border:0px solid #fff;
	border-bottom:0;
	bottom:0px;
	color:#bbb;
	display:block;
	float:left;
	font-size:1em;
	padding:20px 20px 20px 20px;
	position:fixed;
	right:0;
	text-decoration:none;
	z-index:99999;
	-webkit-border-radius:6px 0px 0px 0px;
	-moz-border-radius:6px 0px 0px 0px;
	border-radius:6px 0px 0px 0px;
	opacity:0.5;
	text-shadow:none;
	content:'B';
    }
a.back-to-top:hover {
        opacity:0.9;
    }






/****************************/

#management div.vypis, #weddings div.vypis, #internet div.vypis, #records div.vypis, .detail_page_info div.vypis {
  background:#ffffff;
  border:1px solid #777;
  padding:1em;
}
@media only screen and (max-width: 490px) {
  #management div.vypis, #weddings div.vypis, #internet div.vypis, #records div.vypis, .detail_page_info div.vypis {
	  padding:0;
	}
}

#management div.vypis div.vypis-wrap, #weddings div.vypis div.vypis-wrap, #internet div.vypis div.vypis-wrap, #records div.vypis div.vypis-wrap, .detail_page_info div.vypis div.vypis-wrap {
  margin:0 auto;
  text-align:center;
}
#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, .detail_page_info div.vypis img {
    -ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */
    transform: scale(0.7); 
  transition: all .5s ease-in-out; 
}
#management .vypis img.grayscale:hover, #weddings .vypis img.grayscale:hover, #internet .vypis img.grayscale:hover, #records .vypis img.grayscale:hover, .detail_page_info .vypis img.grayscale:hover {
    -ms-transform: scale(1, 1); /* IE 9 */
    -webkit-transform: scale(1, 1); /* Safari */
    transform: scale(1); 
  transition: all .5s ease-in-out; 
}
@media only screen and (max-width: 490px) {
	#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, #detail-recenze div.vypis img {
		width:100%;
		max-width:250px;
		transform:none;
	}
}
@media only screen and (max-width: 768px) {
	#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, #detail-recenze div.vypis img {
		width:100%;
		max-width:250px;
		transform:none;
	}
}
@media only screen and (max-width: 992px) {
	#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, #detail-recenze div.vypis img {
		width:100%;
		max-width:350px;
		margin-bottom:1em;
	}
}
@media only screen and (min-width: 993px) {
	#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, #detail-recenze div.vypis img {
		max-width:90%;
	}
}


img.cd, img.management {
	border:1px solid #777;
	margin-top:35px;
}
img.cd-thumb {
	border:1px solid #777;
	margin:0px 10px 20px 0;
	width:80px;
	opacity:0.6;
}
img.cd-thumb:hover {
	opacity:1;
}
img.management-thumb {
	border:1px solid #777;
	margin:0px 10px 10px 0;
	height:80px;
	opacity:0.6;
}
img.management-thumb:hover {
	opacity:1;
}
img.event {
	border:1px solid #777;
	margin-top:0px;
}
.cd_detail, .management_detail {
	text-align:left;
	margin:20px 0 0 0;
}
.cd_detail ul {
  margin: 0.5em 1em;
  list-style:square;
  list-style-position: outside;
  padding-left:1em;
}
.cd_detail ul li {
  margin: 0;
  font-size:0.9em;
  line-height:1.3em;
}
.separator_line, .management_separator {
	clear:both;
	border-bottom:1px dotted #777;
	margin:1em;
}
.link-podrobnosti {
	text-transform:uppercase;
	padding-right:1.5em;
}

.download {
	line-height:1.2em;
	border-top:1px solid #d2e6f4;
}
.download_popisek {
	font-size:0.8em;
}

/*
table.download {
	text-align:left;
	margin:0;
	padding:1em 2em;
	font-size:0.8em;
	line-height:1.4em;
}
table.download {
	margin:0 0 2em 0;
}
*/ 



div.repertoar_list {
    padding: 0;
}
div.repertoar_list dl {
    border: 3px double #d2e6f4;
    padding: 0.5em;
}
div.repertoar_list dt {
    float: left;
    clear: left;
    width: 16em;
    text-align: left;
    font-weight: bold;
    padding-right:0.6em;
    font-size:0.9em;
}
div.repertoar_list dd {
    margin: 0 0 0 16em;
    padding: 0 0 0.5em 0;
    font-size:0.9em;
}
div.repertoar_list_title {
	display:block;
	background:#d2e6f4;
	text-align:center;
	font-weight:bold;
    font-style:normal;
}
.repertoar_list_subtitle {
    font-style:italic;
    font-size:0.9em;
    font-weight:bold;
    color:#777;
}
.repertoar_list_poznamka {
	font-style:italic;
	font-size:0.8em;
}


#detail-nahravky .cd_detail .row {
    border-left: 1px solid #d2e6f4;
    border-right: 1px solid #d2e6f4;
    border-bottom: 1px solid #d2e6f4;
}
#detail-nahravky .cd_detail .row:first-child {
    border-top: 1px solid #d2e6f4;
}
#detail-nahravky .cd_detail .row div {
    font-size:0.9em;
    line-height:1.6em;
}
#detail-nahravky .cd_detail .title {
    font-style:italic;
    font-weight:700;
}

/****************************/


@media only screen and (min-width: 491px) {
}

@media only screen and (max-width: 490px) {
div.repertoar_list dt {
    width: 100%;
	}
div.repertoar_list dd {
    margin: 0 0 0 10%;
	}
div.repertoar_list dd:after {
    clear:both;
    margin-bottom:1em;
	}
header h2, header a.motto {
	text-align:center;
	}
}


/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
  header .nav > li > a {
    font-size: 0.7em;
  }
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
  }
  header h2.page-nav {
    font-size:1em;
  }
  header .texty h2 {
    font-size: 3em;
    padding-bottom: 5px;
    padding-left:0;
  }
  header .texty h3 {
    font-size: 1.5em;
    text-align:center;
  }
  #perex h2, #perex h2.sub_page {
	text-align:center;
    padding:0.5em;
	}  
  #perex h2.sub_page {
    font-size:2em;
  }
  img.cd-thumb {
	width:50px;
  }
  img.management-thumb {
	height:50px;
  }
  footer .telefon {
    margin-top: 30px;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
  header .nav > li > a {
    font-size: 0.8em;
  }
  header .texty h2 {
  text-align:center;
    font-size: 3em;
    padding-bottom: 5px;
  }
  header .texty h3 {
    margin-top: 0;
    font-size: 1.5em;
    text-align:center;
  }
  header h2.page-nav {
    font-size:1.5em;
  }
  header h2 {
    margin-top:100px;
    padding-left:0px;
  }
  header h3 {
    text-align:center;
  }
  #co_delame .container > .row {
    margin-top: 50px;
  }
  #perex h2.sub_page {
    font-size:2.3em;
  }
  img.cd-thumb {
	width:60px;
  }
  img.management-thumb {
	height:60px;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  header .nav > li > a {
    font-size: 0.85em;
  }
  header .navbar-nav {
    float: right;
  }
  header .navbar-nav.ikony {
    display: block;
    margin-left: 20px;
  }
  header .navbar-nav.ikony a {
    padding-left: 7px;
    padding-right: 7px;
  }
  header .navbar-nav.ikony i {
    font-size: 1.8em;
  }
  header .navbar {
    background: transparent;
  }
  header .navbar-collapse.collapse,
  header .navbar-collapse.collapsing {
/*    background: transparent;*/
    margin-top:-1px;
  }
  header .texty h2 {
    text-align:inherit;
    font-size: 4em;
    padding-bottom: 5px;
  }
  header .texty h3 {
    font-size: 31px;
    text-align:right;
}
  header h2 {
    margin-top: 120px;
    font-size: 4em;
    padding-bottom: 5px;
    padding-right:0.3em;
  }
  header h3 {
    margin-top: 0px;
    font-size: 31px;
    text-align:right;
    padding: 0 1.0em 0 0;
  }
  header a.motto {
    display: inline-block;
  }
  #perex h2.sub_page {
    font-size:2.8em;
  }
  #co_delame .container > .row {
    margin-top: 50px;
  }
  #formular button {
    font-size: 13px;
  }
  img.cd-thumb {
	width:80px;
  }
  img.management-thumb {
	height:80px;
  }
  .separator_line {
	margin:1em 2em 1em 75px;
  }
  footer .telefon {
    margin-top: 30px;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  header .nav > li > a {
    font-size: 0.9em;
  }
  header .navbar {
  background: transparent;
  }
  header .texty h2 {
    font-size: 4em;
    padding-bottom: 5px;
  }
  header .texty h3 {
    font-size: 31px;
  }
  #co_delame {
    min-height: 500px;
  }
  #co_delame .container > .row {
    margin-top: 50px;
  }
  img.cd-thumb {
	width:110px;
  }
  img.management-thumb {
	height:90px;
  }
  footer {
    min-height: 500px;
  }
  footer .row {
    margin-top: 30px;
  }
  footer .telefon {
    margin-top: 0;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  header .nav > li > a {
    padding: 12px 20px;
    margin-top: 5px;
    font-size: 1em;
  }
  header .navbar-default {
    margin-bottom:0;
 }
  header .navbar-nav {
    float: right;
  }
  header .navbar-nav.ikony {
    display: block;
    margin-left: 20px;
  }
  header .navbar-nav.ikony a {
    padding-left: 4px;
    padding-right: 4px;
    margin-top: -5px;
  }
  header .navbar-nav.ikony i {
    font-size: 30px;
  }
  header .navbar-collapse.collapse,
  header .navbar-collapse.collapsing {
/*    background: transparent;*/
  }
  header .container {
    width: 970px;
    margin: 0 auto;
  }
  header a.motto i {
    font-size: 16px;
    font-weight: normal;
  }
  header .texty h2 {
    font-size: 4em;
    padding-bottom: 5px;
  }
  header .texty h3 {
    font-size: 31px;
  }
  #co_delame {
    min-height: 500px;
  }
  #co_delame .container > .row {
    margin-top: 50px;
  }
  #co_delame .wrap-co_delame {
    background-repeat: no-repeat;
    background-position: center top;
  }
  #co_delame .wrap-co_delame.nastroje {
    background-image: url("../images/co_delame-nastroje-2.png");
    background-size: 70%;
  }
  #co_delame .wrap-co_delame.cd {
    background-image: url("../images/co_delame-cd-2.png");
    background-size: 93%;
  }
  #co_delame .wrap-co_delame.svatba {
    background-image: url("../images/co_delame-svatba-2.png");
    background-size: 93%;
  }
  #co_delame .wrap-co_delame.nastroje {
    border-left: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
  }
  #formular h2 {
    margin-top: 94px;
    font-size: 35px;
  }
  #formular form {
    margin-top: 47px;
  }
  #formular form label {
    font-weight: bolder;
  }
  #formular label {
    font-size: 18px;
  }
  #formular .cbx-label {
    font-size: 12px;
  }
  #formular .hint-block {
    margin-top: 4px;
  }
  #formular .form-control {
    padding: 12px 20px;
    font-size: 20px;
    line-height: 20px;
  }
  #formular .tlacitka button {
    font-size: 20px;
    padding: 11px 20px;
  }
  #formular form#soutez-form-odpoved {
    margin-top: 0;
  }
  #formular form#soutez-form-odpoved h2 {
    padding-bottom: 12px;
  }
  #formular form#soutez-form-odpoved h3 {
    padding: 0;
  }
  #formular form#soutez-form-odpoved .form-group {
    margin-top: 50px;
  }
  #formular form#soutez-form-odpoved button {
    margin-top: 80px;
    font-size: 20px;
    padding: 11px 20px;
  }
  #management h2, #weddings h2, #records h2, #internet h2, #company h2 {
    font-size: 1.3em;
  }
  img.cd-thumb {
	width:140px;
  }
  img.management-thumb {
	height:101px;
  }
  footer {
    text-align: left;
    min-height: 600px;
  }
  footer .row {
    margin-top: 30px;
  }
  footer .telefon {
    margin-top: 0;
  }
  footer .ikony {
    margin-top: 64px;
  }
}




/* noscript */
body.jsOff #management .container, body.jsOff #weddings .container, body.jsOff #records .container, body.jsOff #internet .container, body.jsOff #company .container, body.jsOff .detail_page_info .container  {
	display: block;
	}


/* Print */
@media only print {
	body {
		margin:15mm 0;
		padding:0;
		font-size:100%;
		}
	* {
		font-family:'Times', 'Times New Roman', Times, serif;
		font-size:12pt;
		line-height:14pt;
		widows:3;
		orphans:3;
		}
	h1, h2, h3, h4, h4 a, h5, h6, .sub_page h2.page-nav {
		font-family: 'Ubuntu', sans-serif;
		margin-bottom:0;
	}
	h1 {
		font-size:16pt;
	}
	h2 {
		font-size:14pt;
		line-height:11pt;
		widows:3;
		orphans:3;
		}
	h3 {
		font-size:13pt;
		margin:0;
		widows:3;
		orphans:3;
	}
	h4, h4 a {font-size:11pt;
		margin:0;
		padding:0 0 0.5em 0;
		font-weight:bold;
	}
	.print {display:block;}
	.noprint {display:none;}
	
	.vypis, vypis-wrap {
		width:100%;
		text-align:left;
		widows:3;
		orphans:3;
	}
	#management div.vypis img, #weddings div.vypis img, #internet div.vypis img, #records div.vypis img, .detail_page_info div.vypis img {
		width:32mm;
		transform:none;
		margin:0em;
		padding:2mm 2mm 0 0;
		border:none;
	}	
	.detail_page_info div.vypis img {
		width:60mm;
	}
	.detail_page_info img.recenze_big {
		width:auto !important;
	}
	#management .container, #weddings .container, #records .container, #internet .container, #company .container, .detail_page_info .container  {
		display: block !important;
	}

	header.main_page, #co_delame, .noprint {
		display:none;
	}
	header.sub_page nav.print {
		display:block;
		margin:0;
		padding:0;
	}
	header.sub_page nav.screen {
		display:none;
	}
	header h2.page-nav, .sub_page .print h2 {
		font-size:14pt;
		margin-top:0;
		margin-right:5mm;
		margin-left:35mm;
		padding:1mm;
	}
	header h2.page-nav:last-child, .sub_page .print h2:last-child {
		padding-bottom:3mm;
		border-bottom:2pt solid #00325b;
	}
	.logo {
		padding:4mm 0 0 6mm;
		width:30mm;
	}
	header .print, header.sub_page .print {
 		display:block;
 		padding-bottom:5mm;
		margin:0;
	}
	header, header.sub_page {
 		background: none;
  		height: 20mm;
	}
	.print_main_page {
		display:block;
		margin:0 10mm;
	}
	.print_main_page .logo {
	  margin-left: 0em;
	  position: absolute;
	  top: 0;
	  z-index: 1000;
	}
	.print_main_page:after {
		clear:both;
	}
	#perex h2 {
	margin:2em 0 0 0;
	font-size:12pt;
	line-height:14pt;
	}
	#management .obsah, #weddings .obsah, #records .obsah, #internet .obsah, #company .obsah, .detail_page_info .obsah {
		margin-top:0;
		padding-top:0;
	}
	#management div.vypis, #weddings div.vypis, #internet div.vypis, #records div.vypis, #detail-recenze div.vypis {
		width:100%;
		transform:none;
	}
	#management div.vypis div.vypis-wrap, #weddings div.vypis div.vypis-wrap, #internet div.vypis div.vypis-wrap, #records div.vypis div.vypis-wrap, .detail_page_info div.vypis div.vypis-wrap {
 		margin:0;
  		text-align:left;
	}
	#management h2, #weddings h2, #records h2, #internet h2, #company h2, .detail_page_info h2 {
		margin-top:0.8cm;
		padding:0.8cm 0 0 0;
		width:94%;
		border-top:1pt double #639ec8;
	}
	#management .container, #weddings .container, #records .container, #internet .container, #company .container, .detail_page_info .container {
		width:100%;
		margin:0 ;
		font-size:11pt;
		border:none;
	}
	#management h2:after, #weddings h2:after, #records h2:after, #internet h2:after, #company h2:after, .detail_page_info h2:after {
	  display:none;
	}
	#management h2.end, #weddings h2.end, #records h2.end, #internet h2.end, #company h2.end, .detail_page_info h2.end {
		border:none;
		line-height:0px;
		height:0px;
		margin:0;
		padding:0;
	}
	#management h2.end:before, #weddings h2.end:before, #records h2.end:before, #internet h2.end:before, #company h2.end:before, .detail_page_info h2.end:before {
		border:none;
		content:"";
	}
	blockquote {
		border-top:none;
		border-right:none;
		border-bottom:none;
	}
	.row, .vypis, .vypis-wrap {
		border:none !important;
	}
	ul li {
		line-height:12pt;
		margin-bottom:0;
	}
	.link-podrobnosti {
		display:none;
	}
	img.ikona_pdf_gray {
		width:100px !important;
	}
	#sub_page_footer {
		display:none;
	}
	footer {margin-topp:0;}
	footer .container {
		margin-top:0mm;
		padding-bottom:5mm;
		width:95%;
		border:1pt solid #639ec8;
	}
	footer #kontakt {
		text-align:left;
		vertical-align:top;
		color:#000 !important;
	}
	footer #kontakt .row, footer #kontakt .row .col-lg-3, footer #kontakt .row .col-md-3 footer #kontakt .row .col-lg-3 a, footer #kontakt .row .col-md-3 a, footer #kontakt .row h3  {
		font-size:9pt;
		line-height:10pt;
		color:#000 !important;
	}
	.copy {
		font-size:9pt;
		margin-top:3mm;
	}
	a:after {
		content: "";
		font-size: 0pt;
		color:#fff;
		margin:0;
		padding:0;
		line-height:0;
		}
	a[href^="http://"] {
	text-decoration:underline;
	}
	a[href^="http://"]:after {
		content: " (" attr(href) ")";
		color:inherit;
		font-size:inherit;
	}
	footer a[href^="http://"]:after {
		content: "";
		font-size: 0pt;
		color:#fff  !important;
	}
}