@charset "utf-8";
/* STYLE.CSS : Obsahuji css k zakladnim elementum a zakladni verzi webu */

body.mce-content-body {   /* nastaveni pozadi vizualniho editoru v administraci */
   background: #fff;
   padding:1em; 
}

/* external fonts */

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* external fonts */

/* obecne */

body{
	margin:0px;
	padding:0px;
    font-family: Montserrat;
	color:black;
	font-size:100%; /* základní hodnota od níž se odvíjejí hodnoty písma s jednotkou "em", 100% = cca 16px */
    background-color: #FFFFFF;
}
a,
a strong{
	color:#002938;
}
a:hover,
a:hover strong{
	color:#f2e87b;
}
a img{
	border:none;
}
img{    /* max-width je nastavena kvuli responsivnimu designu */
  max-width: 100%;
  height: auto;
}
strong{ 
  color:#535353;
}
time{ 
	color:#002938;
}
h1 , h2 , h3 , h4 , h5, h6{ /* nastavuje barvu všech těchto prvků */ 
	font-weight:normal;
  line-height:1.2;
  margin:1em 0 0.5em 0;
  color:#000000;
}
h1{font-size:2.250em;}
h2{font-size:2.250em;}
h3{font-size:1.500em;}
h4{font-size:1.125em;}
h5{font-size:1.000em;}
h6{font-size:0.875em;}

p{
  font-size:0.875em;
  line-height:1.8;
  margin:0 0 1em 0;
}
ul, ol{
	margin:2.5em 0 2.5em 2em;
	padding:0 0 0 0em;
  color:#002938;
  font-size:0.875em;
  line-height:1.5;
  list-style-position:inside;  
}
li{
	padding:0 0 1em 1em;  
}
div.table-container{ /* zajistuje posouvani tabulky pokud je vetsi nez matersky prvek */
	width:100%;
	overflow: auto;
	margin:2.5em 0 2.5em 0;
}
table{
	border-collapse:collapse;
	margin:0;
}
table td{
	border:none;
  padding:0.8em 1em 0.8em 1em;
  color:#002938;
  font-size:0.875em;
}
table th{
  border:none;
  padding:0.8em 0.9em 0.8em 0.9em;
  color:#1d85c4;
  font-weight: normal;
  font-size:1em;
  text-align: left;
}
table tr th{background:#f2e87b;} /* pozadí hlavičky */
table tr:nth-child(2n+1) td{background:#f2e87b;} /* pozadí lichých řádků */
table tr:nth-child(2n) td{background:#f2de03;} /* pozadí sudých řádků */

table.no-border{
	margin:0;
}
table.no-border td{
	border:none;
  background:none;
}
iframe{
  border:none;
}
	/* generally forms*/				/* Definovány forms inputs a selects */
  
  /* === General design ===*/  /* Postaci nastavit border-color a color, pripadne typ pisma ostatni ponechat */
	
  input[type=text],
  input[type=password],
  input[type=tel],
  input[type=email],
  input[type=url],
  input[type=search],
	textarea,
	select{
      font-size: 1em;
      height: 3.75em;
      background-color: #f2e87b;
      width: 78%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      position: relative;
      z-index: 0;
      padding: 0.5em 0.5em 0.5em 1em;
      margin: 0 0 0.25em -0.34em;
      border: none;
	}  
  input[type=text]:focus,
  input[type=tel]:focus,
  input[type=email]:focus,
  input[type=url]:focus,
  input[type=search]:focus,
	textarea:focus,
	select:focus{
		box-shadow: 0 0 3px #64c4ff; 
    border:1px solid #1d85c4; 
	}
	textarea{

        width: 100%;
		min-height:125px;
    resize:none;
    overflow: auto;
        font-size: 1em;
        font-weight: 400;
	}
  button,
	input[type=submit]{ /* neutralizuje rozdily mezi "a" a input type="submit" */
		border:none;
		cursor:pointer;
		color:#002938;
      font-family: Montserrat;
    -webkit-appearance:none;
    -moz-appearance:none;
	}
	input[type=checkbox] {
	 	border:none;
    padding:0;
	}
	label{
		color:#002938;
		display:block;
		font-size:0.875em;
    line-height:1;

	}
.cf-label{
    background-color: #f2de03;
    width: 22%;
    font-weight: bold;
    padding-bottom: 23px;
    padding-top: 1.609em;
    text-align: center;
    color: #000000;
    margin-right: 0;
    vertical-align: top;

    display: inline-block;
}
	.checkbox-label{
		float:left;
	}


    #slideshow .button-proceed {
        background-color: #f2de03;
    }

    input{
        background-color: red;
    }
  input[type=text]:focus:invalid, /* ikonka ve spatne vyplnenych formularovych polich */
  input[type=tel]:focus:invalid,
  input[type=email]:focus:invalid,
  input[type=url]:focus:invalid,
  textarea:focus:invalid,
	select:focus:invalid{
    background: url(../images/style/icons-buttons/icon-tiny-error.png) right center no-repeat #f2e87b ;
    padding-right:1.5em;
    border-color:#a71010;  
    box-shadow: 0 0 3px #cd1717;
  }
  input[type=text]:required:valid, /* ikonka ve spravne vyplnenych formularovych polich */
  input[type=tel]:required:valid,
  input[type=email]:required:valid,
  input[type=url]:required:valid,
  textarea:required:valid,
	select:required:valid{
    background: url(../images/style/icons-buttons/icon-tiny-success.png) right center no-repeat  #f2e87b;
    padding-right:1.5em;
    border-color:#589405;
    box-shadow: 0 0 3px #83d215;
  } 
  .riddle{ /* uschovava antispamovou ochranu */
		display:none;
	}
  *:focus {outline: none;} /* odstranuje defaultni zvyrazneni aktivnich inputu v nekterych prohlizecich */

  ::-webkit-input-placeholder {opacity:1; color:darkgray; font-family: Montserrat; font-weight: 400;}
  ::-moz-placeholder {opacity:1; color:darkgray; font-family: Montserrat;font-weight: 400;}
  :-ms-input-placeholder {opacity:1; color:darkgray;  font-family: Montserrat;font-weight: 400;}


  #reservation-form input{
      width: 100%;
  }
  #reservation-form textarea{

}
 #contact-form textarea{
      margin-left: 0.1%;
  }
 footer textarea{
     margin-left: 0.1%;
 }

    /* generally forms end*/
  
  /* === General design end ===*/ 
  
  /* messages */
  
  /* === General design ===*/ 
  
  article.message,
  .form-hint{                          /* obecne zprava */
	  width:100%;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
    -moz-box-sizing:border-box;   
    color:#002938;
    border-radius:5px;
    padding:1em 1em 1em 4em;
    margin:1em 0 1em 0;	
    min-height:3em;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
    text-shadow: 0px 1px 1px #fff; 
    color:#303f44;
    background: url(../images/style/message-default.png) #d9dfe1;                                               /* IE8, IE9*/ 
    background-image: url(../images/style/message-default.png), -webkit-linear-gradient(top, #f2f4f5, #d9dfe1); /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-default.png),    -moz-linear-gradient(top, #f2f4f5, #d9dfe1); /* FF3.6+ */
    background-image: url(../images/style/message-default.png),     -ms-linear-gradient(top, #f2f4f5, #d9dfe1); /* IE10 */
    background-image: url(../images/style/message-default.png),         linear-gradient(top, #f2f4f5, #d9dfe1); /* W3C */
    background-repeat:no-repeat;
    animation: status-showing 1s 0.5s 1 alternate forwards; 
    -webkit-animation: status-showing 1s 0.5s 1 alternate forwards;
    -moz-animation: status-showing 1s 0.5s 1 alternate forwards;  
    opacity:0;      /* ie 9*/
	}
  article.message.message-error{
    color:#304432;
    background:url(/../images/style/message-error.png) #f6e7e7;                                                /* IE8, IE9*/
    background-image: url(../images/style/message-error.png), -webkit-linear-gradient(top, #fbf3f3, #f6e7e7);  /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-error.png),    -moz-linear-gradient(top, #fbf3f3, #f6e7e7);  /* FF3.6+ */
    background-image: url(/../images/style/message-error.png),     -ms-linear-gradient(top, #fbf3f3, #f6e7e7); /* IE10 */
    background-image: url(../images/style/message-error.png),         linear-gradient(top, #fbf3f3, #f6e7e7);  /* W3C */
    background-repeat:no-repeat; 
  }
  article.message.message-success{
    color:#203622;
    background:url(../images/style/message-success.png) #e6f1e7;                                                  /* IE8, IE9*/
    background-image: url(../images/style/message-success.png), -webkit-linear-gradient(top, #f3f8f3, #e6f1e7); /* Chrome 10+, Saf5.1+ */
    background-image: url(../images/style/message-success.png),    -moz-linear-gradient(top, #f3f8f3, #e6f1e7); /* FF3.6+ */
    background-image: url(../images/style/message-success.png),     -ms-linear-gradient(top, #f3f8f3, #e6f1e7); /* IE10 */
    background-image: url(../images/style/message-success.png),         linear-gradient(top, #f3f8f3, #e6f1e7); /* W3C */
    background-repeat:no-repeat; 
  }
  @keyframes status-showing{
    0% { opacity:0;}
    100% { opacity:1;}
  } 
  @-webkit-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
  }
  @-moz-keyframes status-showing {
    0% { opacity:0;}
    100% { opacity:1;}
  }
  
  /* === General design end ===*/ 
  
  /* messages end */
  
  /* buttons & icons */ /* buttons jsou obdelniky s textem uvnitr, icons tlacitka vedle textu*/
  
  /* vzdy je treba vytvorit grafiku pro vsechna nize uvedena tlacitka pro usnadneni prace jsou pripraveny tvary symbolu v icons-buttons/icons-shapes.psd */
    
	/* medium button */
       
  .button-proceed{
      background-color: #000;
      color:#FFFFFF;
  }
    
	.button-medium{                           /* obecne vlastnosti button-large */
		height:3.125em;
		line-height:3.125em;                     /* 45px / 16px */
		display:block;
		font-size:1em;
         text-decoration:none;
         margin:0.5em 0 0.5em 0;
         font-weight: bold;
         color:#FFFFFF;
        padding:0;
        min-width:100px;
        text-align: center;
        position: relative;
        z-index: 0;
         border:none;
        cursor: pointer;
        vertical-align: middle;
	}
    
	.button-proceed:hover                     {background-position:bottom right; color:#223802;} /* hover */
  .button-medium.button-activated           {background:#a3da47;} /* aktivni tlacitko */
	.button-medium span                       {padding:0 1.5em 0 1.5em;} /* odsazeni pripadneho textu uvnitr tlacitka */
  input[type=submit].button-medium          {padding:0 1.5em 0 1.5em;}
  button.button-medium                      {}
		
	/* medium icons */
		
	.icon-medium.icon-up                      {background:url(../images/style/icons-buttons/icon-medium-up.png) top right no-repeat;}         
		
	.icon-medium{                             /* obecne vlastnosti button-medium*/
		height:45px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		line-height:2.8125;                     /* 45px / 16px */
		padding:0 45px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		display:block;
		float:left;
		margin:0.1em;
		font-size:1.125em;
    text-decoration:none;
    border:none;
	}
	.icon-medium:hover                        {background-position:bottom right;} /* hover */
  .icon-medium.icon-activated               {background-position:bottom right;} /* aktivni tlacitko */
	.icon-medium span                         {margin:0 0.2em 0 0.2em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
  .icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
	.icon-medium.button-text-right            {background-position:top left; padding:0 0 0 45px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/	
	.icon-medium.button-text-right:hover      {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
    
  /* small icons */
		
	.icon-small.icon-facebook                 {background:url(../images/style/icons-buttons/icon-small-facebook.png) right 0px no-repeat;}
  .icon-small.icon-googleplus               {background:url(../images/style/icons-buttons/icon-small-googleplus.png) right 0px no-repeat;}  
  .icon-small.icon-twitter                  {background:url(../images/style/icons-buttons/icon-small-twitter.png) right 0px no-repeat;}
  .icon-small.icon-email                    {background:url(../images/style/icons-buttons/icon-small-email.png) right 0px no-repeat;}
  .icon-small.icon-proceed                  {background:url(../images/style/icons-buttons/icon-small-proceed.png) right 0px no-repeat; float:right;}         
		
	.icon-small{                              /* obecne vlastnosti button-medium*/
		height:30px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		line-height:2.142857em;                 /* 30px / 14px */
		padding:0 30px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		display:block;
		float:left;
		margin:0.2em;
		font-size:0.875em;
    text-decoration:none;
    border:none;
	}
	.icon-small:hover                         {background-position:bottom right;} /* hover */  /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
  .icon-small.icon-activated                {background-position:bottom right;} /* aktivni tlacitko */
	.icon-small span                          {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
  .icon-small span.hidden                   {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
	.icon-small.button-text-right             {background-position:top left; padding:0px 0px 0px 30px;} /* Zarovnani textu v tlacitku do prava */ /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/	
	.icon-small.button-text-right:hover       {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
    
  /* tiny icons */
		
  /*.icon-tiny.icon-proceed                   {background:url(../images/style/icons-buttons/icon-tiny-proceed.png) right 0px no-repeat; float:right;}
  .icon-tiny.icon-back                      {background:url(../images/style/icons-buttons/icon-tiny-back.png) right 0px no-repeat;}  */
  .icon-tiny.icon-slide                     {background:url(../images/style/gray-dot.png) right 0px no-repeat;}
  .icon-tiny.icon-slide-activated           {background:url(../images/style/white-dot.png) right 0px no-repeat;}
		
	.icon-tiny{                               /* obecne vlastnosti button-medium*/
		height:20px;                            /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		line-height:1.42857em;                  /* 20px / 14px */
		padding:0 20px 0 0;                     /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost */
		display:block;
		float:left;
		margin:0.1em;
		font-size:0.875em;
    text-decoration:none;
    border:none;
	}
	.icon-tiny:hover                          {background-position:bottom right;} /* hover */  /* Zadávání rozměru a vytvoření obrázku s větším rozestupem tlačítka umožní víceřádkový text v tlačítku */
  .icon-tiny.icon-activated                 {background-position:bottom right;} /* aktivni tlacitko */
	.icon-tiny span                           {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
  .icon-tiny span.hidden                    {display:none;} /* Pokud se ma zobrazovat pouze ikonka */
	.icon-tiny.button-text-right              {background-position:top left; padding:0px 0px 0px 20px;} /* Zarovnani textu v tlacitku do prava */	 /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
	.icon-tiny.button-text-right:hover        {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
	
  /* buttons & icons end*/
 
  /* images */
 
  .imagebox{ /* div od ktereo se vkleda pozadi s obrzkem */
    width:100%;   
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
 
  /* images end */

/* generally end */

/* schema */

div#container{
	max-width:996px; /* sirka webu - neni-li web responsivni pak nastavit "width" misto "max-width"*/
  min-width:320px; /* nejmensi podporovana sirka displeje */ 
  width:100%;
  margin:0 auto 0 auto; 
}
header#page-header{
  width:100%;
  float:left;
  background:#fff;
}
section#slideshow{
  width:100%;
  height:445px;
  float:left;
  position:relative;
  overflow: hidden;      
}
section#page-banners{
  width:100%; 
  float: left;
    margin-bottom: 3.5em;
}


.banner-hover{
    width: 334px;
    height: 215px;
    background-color: yellow;
    position: absolute;
    z-index: 50;
    opacity: 0;
}
.img-hover{
    position: absolute;
    z-index: 51;
    opacity:0;
    margin-left:7.4em;
    margin-top:5em;
}


.page-banner:hover .banner-hover{
    opacity: 0.5;
}

.page-banner:hover .img-hover{
    opacity: 1;
}

/* .banner-hover:hover ~ .img-hover{
    opacity: 1;
}
*/

.button-medium:hover{
    opacity: 0.7;
}


footer .button-medium{
    width: 100%;
    margin-top: 0;
}
footer h3{display: none;}

.footer-bg{
    width: 100%;
    background-color: #f3f3f3;
    float: left;
}
.footer-block{
    width: 100%;
    float: left;
}
.footer-blockA{
    width: 20.33%;
    height: 35px;
    margin-top: 1.2em;
    float: left;
}
.footer-blockA p{
    margin:0;
}
.footer-blockC{
    width: 23.33%;
    height: 35px;
    margin-top: 1.2em;

    float: left;
}
.footer-blockB{
    width: 47.33%;
    float: left;
    margin-left: 2em;
    vertical-align:middle;
    font-size: 1em;
    display:none;
}
.footer-blockBA{
    width: 100%;
    float: left;
    vertical-align: middle;
    font-size: 1em;
    position: relative;
    padding: 1.5rem 0;
}
.footer-blockBA .footer-cont{
}
.footer-blockBA p{
    margin: 0;
}
.footer-cont img{
    float: left;
    margin-right: 0.5rem;
}
.footer-blockA p{
    margin-right: 5.2em;
}
.footer-blockC p{
    margin-right: 5.4em;
}
div#main-container{
  width:100%;
  background:#fff;
/*  padding:0 2em 1em 2em; */
  margin:0 0 1em 0;
  float:left;
  box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
  -moz-box-sizing:border-box;  
}
footer#page-footer{
	width:100%;
  float:left;

  margin:0 0 1em 0;
  box-sizing:border-box;   
}
#loaded-once{
	clear: both;
}

/* schema end */

/* page header */


.y-strip{
    width: 100%;
    min-width: 980px;
    height: 70px;
    background-color: #f2de03;
    position: absolute;
    z-index: 0;
}

header#page-header h2#logo{
	float:left;
	margin:0;
	width:29.11646586%;
    position: relative;
}
#select-languages option{
    background-color: #f2de03;

}

h2#logo a{
	display:block;
  max-height:90px;
}
h2#logo a img{
	width:195px;
    margin-top: 8px;
	height:auto;
}

/* page header end */

/* slideshow */

section#slideshow a.link-container {  
  display:block;         
}
div#slideshow-content {
  width:100%;
  height:100%;
  position:relative;           
}
section.slideshow-frame {
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
}
section.slideshow-frame a.fullhref{
  width:100%;
  height:100%;
  display: block;
}
article.slideshow-text {
    width: 432px;
    height: 140px;
    margin-top: 17em;
    min-width:320px; /* nejmensi casto pouzivana sirka displeje - pod tuto hranici se nezmensi textove pole */
    position:absolute;
    margin-left: -511px;
    left: 50%;
    top:0;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;

}
article.slideshow-text.no-background {
  background:none;
  visibility: hidden;      
}
article.slideshow-text h3,
article.slideshow-text p{
  width:100%;
  position:relative;  
  line-height:1.5em;
  color:#fff;
}
article.slideshow-text h3 {
    height: 1.5em;
    width: 340px;
    bottom: 0.9em;
    font-size: 2em;
    line-height: 1em;
    font-weight: bolder;
}
article.slideshow-text p{height:6em; width:298px;}

article.slideshow-text h3 a,
article.slideshow-text p a{
  text-decoration:none;
  color:#fff;
}
article.slideshow-text a.button-proceed{
  position:absolute;
    bottom: -9px;
}
section#slideshow nav.slideshow-listing {
    position: absolute;
    z-index: 25;
    left: 50%;
    margin-left: 26.8em;
    float: right;
    bottom: 1.5em;
    visibility: visible;
}
section#slideshow nav.slideshow-listing-inner,
section#slideshow nav.slideshow-listing a {
  float:none;
  display:inline-block;
}

/* slideshow end */

/* aside banners */

#page-banners{
    margin-top: 3em;
}
.aside-banner:hover .new-aside-banner-img{
     opacity: 0.5;
 }
.aside-banner:hover h3{
    font-weight: bold;
}

.new-aside-banner-img{
    width: 165px;
    height: 162px;
    background: url("/images/style/top-banner-bg-round.png");
}
.new-aside-banner-img21{
     width: 91px;
     height: 80px;
     position: relative;
     left: 2.3em;
     top:2.5em;
     background-image: url("/images/style/top-banner-item1.svg");
    background-size:contain;

}
.new-aside-banner-img22{
    width: 83px;
    height: 80px;
    position: relative;
    left: 2.7em;
    top:2.5em;
    background-image: url("/images/style/top-banner-item2.svg");
    background-size:contain;

}
.new-aside-banner-img23{
    width: 81px;
    height: 80px;
    position: relative;
    left: 2.7em;
    top:2.5em;
    background-image: url("/images/style/top-banner-item3.svg");
    background-size:contain;

}
.new-aside-banner-img24{
    width: 82px;
    height: 80px;
    position: relative;
    left: 2.6em;
    top:2.5em;
    background-image: url("/images/style/aa.svg");
    background-size:contain;

}
.new-aside-banner-img25{
    width: 81px;
    height: 80px;
    position: relative;
    left: 2.6em;
    top:2.5em;
    background-image: url("/images/style/bb.svg");
    background-size:contain;
}



.aside-banner{
    margin: 0 0 1em 0;
    display: block;
    float: left;
    text-decoration: none;
    width: 170px;

    margin-top: 1em;
    margin-top: 2em;
}
.aside-banner:nth-child(1) {
    margin-right: 32px;
}
.aside-banner:nth-child(2) {
    margin-right: 32px;
}
.aside-banner:nth-child(3) {
    margin-right: 37px;
}
.aside-banner:nth-child(4) {
    margin-right: 37px;
}
.aside-banner .imagebox{
    height:207px;
    margin: 0 0 1em 0;
}
.aside-banner article{
    float:left;
    width:100%;
}
.aside-banner article h3{
    color:#002938;
    margin-top:9px;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.5em;
}
.aside-banner article p{
    color:#535353;
}

/* aside banners end */

/* page banners */
 
.page-banner{
  display:block;
  width:32.665%; /* (100% - 2x margin-right) / 3 */
  height:265px;
  background:#fff; 
  margin: 0 1% 1em 0;  /* ie8 */
  float:left;
}
.page-banner:nth-child(3n){ /* specificke vlastnosti banneru na konci radku - nutno nastavit pocet banneru na radku */
  margin: 0 0 1em 0;
}
.page-banner .imagebox{	
  height:215px;
}
.page-banner article{
  padding:0em 2em 1em 0em;
  float:left;
  width:100%;
  box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
  -moz-box-sizing:border-box; 	
}
.page-banner article h3{
  line-height:1.5em;
  height:1.5em;
  overflow:hidden;
    margin-top: 0.4em;
  color:#002938;
    font-size: 1em;
    width: 334px;
}
.page-banner article h3::after{
    position: relative;
    top: -1px;
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 0.4em;
    height: 0.4em;
    border-right: 0.1em solid black;
    border-top: 0.1em solid black;
    transform: rotate(45deg);
    margin-right: 0.5em;
}

.page-banner:hover article h3::after{
    border-right: 0.15em solid black;
    border-top: 0.15em solid black;
}


.page-banner article p{
  line-height:1.5em;
  height:4.5em;
  overflow:hidden;
  color:#535353; 
}
a.page-banner:hover h3,
a.page-banner:hover p{
	font-weight: bold;
}

/* page banners end */

/* main container */

div#main-container article#main-content{
  width:100%;
  float:left;
    margin-bottom: 2em;

}
div#main-container article#main-content.fullsize{
  width:100%;
}
p.page-perex{
  color:#002938;
  font-size:1.5em;
  line-height:1.2;
  margin:0.5em 0 1em 0;
}
.page-main-text{
}
article#main-content .page-inset{ /* Jednotné vlastnosti všech objektů v hlavním obsahu: připojené obrázky, kontaktní formulář, mapa, etc.*/
  margin:0.5em 0 1em 0;
  float:left;
  width:100%;
}
.page-main-text img{
  margin:0 0 1em 0;
}
nav.page-sharing{
  margin:0.5em 0 1em 0;
  float:left;
  width:100%;
}
nav.page-sharing p{
  margin:0;
}

  /* main complementary */
  
  div#main-container aside{
    width:33%;
    float:left;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
    -moz-box-sizing:border-box;
    padding:2em 0 0 2em;  
  }
  
  /* main complementary end */

/* main container end */

/* map */

/* === General design ===*/ 

.map-box{
  display:block;
  text-decoration: none;
}
.gm-style-iw {
  width:200px;
}

/* === General design end ===*/ 

/* map end*/

/* video */

/* === General design ===*/ 

.video-box{
  display:block;
  text-decoration: none;
}

/* === General design end ===*/ 

/* video end*/

/* photos */

/* === General design ===*/

div#photo-gallery{
}   
div#photo-gallery div.photo{
  width:31%;
    margin: 0.8em 0% 1% 2%;
  float:left;
  position:relative;
} 
div#photo-gallery div.photo a{
  width:100%;
  height:100%;
  float:left;
  background:rgba(000, 000, 000, 0.05);
  box-shadow:0 0 3px rgba(0,0,0,0.50);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
  color:#002938;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}   
div#photo-gallery div.photo a p{
  position:absolute;
  background-color: rgba(000, 000, 000, 0.9); /* R G B Opacity (v desitkove soustave)*/
  color:#efefef;
  bottom:0;
  left:0;
  width:100%;  
  box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */ 
  -moz-box-sizing:border-box;
  font-size:0.875em;
  overflow: hidden;
  max-height:0;
  padding:0;
  margin:0;
} 
div#photo-gallery div.photo a:hover p{
  max-height:100%;
  transition: max-height .9s linear;
  -webkit-transition: max-height .9s linear; 
  -moz-transition: max-height .9s linear; 
  -o-transition: max-height .9s linear;
} 
div#photo-gallery div.photo p span{
  padding:1em 1em 1em 1em;
  display:inline-block;
} 
div#photo-gallery div.photo.dont-have-name a p{  /* pokud nema fotografie popisek */
  display:none;
} 

/* === General design end ===*/

/* photos end */

/* files */

/* === General design ===*/

div#file-gallery{
}     		
.added-file{                             
	min-height:100px;                            
	line-height:2.8125;                     
	padding:0 0 0 120px;
  background-repeat: no-repeat;
  background-position: top left;                     
	display:block;
	margin:0 0 1em 0;
  text-decoration:none;
}
.added-file.icon-file                    {background:url(../images/style/file-icons/default.png) top left no-repeat;}
.added-file.icon-file-avi                {background:url(../images/style/file-icons/avi.png) top left no-repeat;}
.added-file.icon-file-css                {background:url(../images/style/file-icons/css.png) top left no-repeat;}
.added-file.icon-file-csv                {background:url(../images/style/file-icons/csv.png) top left no-repeat;}
.added-file.icon-file-doc                {background:url(../images/style/file-icons/doc.png) top left no-repeat;}
.added-file.icon-file-docx               {background:url(../images/style/file-icons/docx.png) top left no-repeat;}
.added-file.icon-file-eml                {background:url(../images/style/file-icons/eml.png) top left no-repeat;}
.added-file.icon-file-eps                {background:url(../images/style/file-icons/eps.png) top left no-repeat;}
.added-file.icon-file-html               {background:url(../images/style/file-icons/html.png) top left no-repeat;}
.added-file.icon-file-jpg                {background:url(../images/style/file-icons/jpg.png) top left no-repeat;}
.added-file.icon-file-mov                {background:url(../images/style/file-icons/mov.png) top left no-repeat;}
.added-file.icon-file-mp3                {background:url(../images/style/file-icons/mp3.png) top left no-repeat;}
.added-file.icon-file-pdf                {background:url(../images/style/file-icons/pdf.png) top left no-repeat;}
.added-file.icon-file-png                {background:url(../images/style/file-icons/png.png) top left no-repeat;}
.added-file.icon-file-ppt                {background:url(../images/style/file-icons/ppt.png) top left no-repeat;}
.added-file.icon-file-rar                {background:url(../images/style/file-icons/rar.png) top left no-repeat;}
.added-file.icon-file-raw                {background:url(../images/style/file-icons/raw.png) top left no-repeat;}
.added-file.icon-file-ttf                {background:url(../images/style/file-icons/ttf.png) top left no-repeat;}
.added-file.icon-file-txt                {background:url(../images/style/file-icons/txt.png) top left no-repeat;}
.added-file.icon-file-wav                {background:url(../images/style/file-icons/wav.png) top left no-repeat;}
.added-file.icon-file-xls                {background:url(../images/style/file-icons/xls.png) top left no-repeat;}
.added-file.icon-file-xlsx               {background:url(../images/style/file-icons/xlsx.png) top left no-repeat;}
.added-file.icon-file-zip                {background:url(../images/style/file-icons/xml.png) top left no-repeat;}

.added-file h4{                             
	margin-top:0;
}

/* === General design end ===*/

/* files end */

/* contact form */

div#contact-form{
}     		

/* contact form end */

/* advanced navigation */

p#navigation{
  display: none;
}     
nav#breadcrumbs{
  display: none;
} 		

/* advanced navigation end */

/*footer*/

footer#page-footer h3{
  color:#002938;
}
footer#page-footer p{
  color:black;
}
#footer-first-block{
  width:100%;
  float:right;
}
#footer-second-block{
  width:48%;
  float:left;
}
div#copyright{
  width:100%;
  margin: 1.5em 0 0 0;
    font-family: Montserrat;
}

#copyright p{
    font-size: 0.7em;
    display: inline-block;
    float: left;
}

.cp-bg{
    width: 100%;
    height: 72px;
    background-color: #f2de03;
    float: left;
}

.cpr-a{
    display: inline-block;
    text-decoration: none;
    margin-left: 14em;
    margin-bottom: 0em;
    color: #000;
    font-size: 0.8em;
}
.cpr-a img {
    float: left;
    margin-right: 0.5em;
}
.cpr-a p {
    float: right;
    margin-top: 0.1em;
}

/*footer end */

/*fixed options*/

/* === General design ===*/ 

nav#fixed-options{
	position:fixed; 
  right:0;
  bottom:0;
  z-index:100;
}
nav#fixed-options .icon-medium{
	float:right;
  clear:right;
  margin:0 0.5em 0.5em 0;
}

/* === General design end ===*/ 

/*fixed options end*/

/*admin*/

/* === General design ===*/ 

nav#admin-menu{
	position:fixed;
  background: -moz-linear-gradient(top,  rgba(36,89,121,0.95) 0%, rgba(18,65,89,0.95) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(36,89,121,0.95)), color-stop(100%,rgba(18,65,89,0.95)));
	background: -webkit-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
	background: -o-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
	background: -ms-linear-gradient(top,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
	background: linear-gradient(to bottom,  rgba(36,89,121,0.95) 0%,rgba(18,65,89,0.95) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6245979', endColorstr='#e6124159',GradientType=0 );
  box-shadow:0 2px 1px rgba(0,0,0,0.5);    /* tento zpusob zapisu umozni zapsat opacity u stinu */ 
  border-bottom: 1px solid #235878; 
  border-left: 1px solid #235878;   
  padding:5px;
  border-bottom-left-radius:5px;
  right:0;
  z-index:1000;
}

  /* admin medium icons */
		
  .admin-menu-icon-medium.admin-menu-icon-centrum                 {background:url(../images/style/admin/icons-buttons/icon-medium-centrum.png) top right no-repeat;} 
  .admin-menu-icon-medium.admin-menu-icon-switch                  {background:url(../images/style/admin/icons-buttons/icon-medium-switch.png) top right no-repeat;}
  .admin-menu-icon-medium.admin-menu-icon-logout                  {background:url(../images/style/admin/icons-buttons/icon-medium-logout.png) top right no-repeat;}         
		
	.admin-menu-icon-medium{                             /* obecne vlastnosti button-medium*/
		height:36px;                           /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		line-height:36px;                    
		padding:0 36px 0 0;                    /* Nastaveno absolutně, jelikoz obrazek ikonky ma rovnez absolutní velikost*/
		display:block;
		float:left;
		margin:0.1em;
		font-size:1em;
    border:none;
    cursor: pointer;
    text-decoration:none;
    color:#002938;
	}
	.admin-menu-icon-medium:hover                        {background-position:center right; color:#1d85c4;} /* hover */
  .admin-menu-icon-medium:active                       {background-position:bottom right; color:#1d85c4;}      /* Pri kliknuti */
	.admin-menu-icon-medium span                         {margin:0 1em 0 1em;} /* odsazeni pripadneho textu uvnitr tlacitka */ 
  .admin-menu-icon-medium span.hidden                  {display:none;} /* Pokud se ma zobrazovat pouze ikonka */


/* === General design end ===*/ 

/*admin end*/
.wrap{
     max-width: 1019px;
     min-width: 320px;
     width: 100%;
     margin: 0 auto 0 auto;
 }
.wrapA{
    max-width: 1019px;
    min-width: 320px;
    width: 100%;
    margin: 0 auto 0 auto;
}

.quote{
    width: 100%;
    background-color: #eae8e8;
    min-height: 130px;
    float: left;
    text-align: center;
    font-size: 2em;

}
.quote p{
    line-height: 0.3em;
    top: 0.42em;
    position: relative;
}

.quote-apo1{
  position: relative;
    right:11em;
    bottom: 5px;
}
.quote-apo2 {
    position: relative;
    left:11em;
    top:15px;
    display: inline;

}

.footer-map{
    width:100%;
    height:375px
}

.page-banner:nth-child(3n) {
    margin: 0 0 1em 0;
}

.li-level-1:last-child {

    /*display: none;*/
}
#lang{
    position:relative;
    z-index: 500;
    left: 100%;
    margin-left: -62px;
    top: 1.5em;
    float: left;

}
#lang a:hover{
    color: black;
}

#lang ul{
    margin: 0;
    padding: 0;
    position:absolute;
    z-index: 500;
}
#lang li{
    margin:0;
    padding: 0;
    list-style: none;
    border: 1px solid black;
}
#lang .button-small:hover{
    background-color: #f2e87b;
}
.button-small.button-en {
    background: url(../images/style/button-en-small.png) 29px center no-repeat;
    width: 55px;
    display: inherit;
    background-color: #f2de03;
    text-decoration: none;
    padding: 0.3em;
}
.button-small.button-cs {
    background: url(../images/style/button-cs-small.png) 29px center no-repeat;
    width: 55px;
    display: inherit;
    background-color: #f2de03;
    text-decoration: none;
    padding: 0.3em;
}