@charset "utf-8";

/*barvy
červená: color:#e30613;
šedá: color:#4b4b4b;
*/


* {	margin: 0px;	padding: 0px;}
img {border:0}
p {font-weight:300; padding-bottom:1em;}
ul {font-weight:300; }
::selection {
	background: #bdbdbd; /* Safari */
	}
::-moz-selection {
	background: #bdbdbd; /* Firefox */
}

h2, h3 {font-weight:300; margin-bottom:1em;}
body { color:#4b4b4b; font-size: 15px; font-family: 'Open Sans', Verdana, Geneva, sans-serif; overflow-x:hidden;/*ie fix*/ background: white; }
a:hover, a:active, a:hover.logo {color:#e30613;}
li {padding-bottom:1em; list-style-type:none;}

.full {width:100%;  }
.full.paper {background:url(images/pattern_03.png) repeat;}
.full .inside { margin:0 10%; padding:5% 0; }
.full.menu { }
.full.menu .submenu{width:100%;position:fixed; background:#FFFFFF; padding:1% 0; z-index: 10; -webkit-box-shadow: 0 2px 10px 0 #4b4b4b;
box-shadow: 0 2px 10px 0 #4b4b4b;}
.full.menu .submenu .inside{padding:0;}

a.logo {font-size:x-large;float:left;text-decoration:none;color:#4b4b4b;}
a.logo strong {color:#e30613;}
a:hover.logo strong {color:#4b4b4b;}
ul.navi {float:right; margin:0; font-size:80%;}
.navi li {float:left; list-style-type:none;padding:0.6em;}
.navi a {text-decoration:none; color:#4b4b4b;}
.navi a:hover {text-decoration:underline; color:#e30613;}


.header {height: 468px;position:relative;  overflow:hidden; }
.full_image {  z-index: -999;
  min-height: 100%;
  min-width: 1400px;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;}

.clear {width:100%; height:0; line-height:0; clear:both;}
.slogan {  margin:0 10%; padding-top:350px;
; font-size: 150%;
   text-align:right;}
.slogan strong {color:#e30613; font-weight:bold;}
.slogan h1{
	text-transform: uppercase;
	font-size: 140%;
}
.inside.about_me {position:relative; padding: 5% 0 0 0;}
.about_me h2{
	font-size: 140%;
	border-bottom: 1px dotted #888484;

}
.about_me-kytka {float:right; padding-top:5%;}

.mzdy_img {position:relative; width:100%;   height:420px;}
.mzdy_img img{left:0;}
.mzdy h2 {color:#e30613;}

.inside.mzdy {padding: 5% 0 0 0;}
.left_col {text-align:right;  float:left; width:45%; }
.right_col {text-align:left;  float:right; width:45%;}
.cenik {clear both;}
.cenik_line1, .cenik_line2 {white-space:nowrap;}
.cenik_line1 .column2 {vertical-align:bottom;}
.cenik_line2 .column2 {vertical-align:top;}
.cenik_line1 p, .cenik_line2 p {white-space:normal; line-height: 1.4em;}

.column1, .column2, .column3 {display:inline-block; width:33%; }
.column1 { vertical-align:top; line-height:1em; width:28%; padding: 2% 5% 0 0;}
.column3 { vertical-align:top; line-height:1em; width:28%; padding: 2% 0 0 5%;}

.column3 {}
.column1 { text-align:right;}
.column2 {width:33%;  }
.column2a, .column2b {width:50%; float:left;  }
.column2 img { width:100%; 
-webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	}
.column2 img:hover {

}

.cenik_line {line-height:0;}
.cenik_img1 {left:20px; bottom:0;}
.cenik_img1:hover {margin:-5% 0 0 -5%; 
-webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.22);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.22);}

.cenik_img2 {right:20px; bottom:0;}
.cenik_img2:hover {margin:-5% 0 0 5%; 
-webkit-box-shadow: -7px 7px 5px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    -7px 7px 5px 0px rgba(50, 50, 50, 0.22);
box-shadow:         -7px 7px 5px 0px rgba(50, 50, 50, 0.22);}

.cenik_img3 {left:20px; top:0;}
.cenik_img3:hover {margin:5% 0 0 -5%; 
-webkit-box-shadow: 7px -7px 5px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    7px -7px 5px 0px rgba(50, 50, 50, 0.22);
box-shadow:         7px -7px 5px 0px rgba(50, 50, 50, 0.22);}

.cenik_img4 {right:20px; top:0;}
.cenik_img4:hover {margin:5% 0 0 5%; 
-webkit-box-shadow: -7px -7px 5px 0px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    -7px -7px 5px 0px rgba(50, 50, 50, 0.22);
box-shadow:         -7px -7px 5px 0px rgba(50, 50, 50, 0.22);}

.cenik_img2 {right:20px; bottom:0;}
.cenik_img3 {left:20px; top:0;}
.cenik_img4 {right:20px; top:0;}
.cenik h3 {text-transform:uppercase; color:#e30613;}
.cenik h2 {text-align:center; text-transform:uppercase; }
.cenik-pozn {font-size:80%; text-align:center;}


.inside.kontakt {position:absolute; top:30%; right:10%; background:white; border: 4px solid #cccccc; width:300px;  padding:1%;}
.kontakt h2 {color:#e30613; font-weight:400;}
.kontakt-obr {width:141px; height:141px; position:relative;overflow:hidden; float:right;}
.kontakt-obr img {}
.kontakt-obr img.overlay {position:absolute; top:0;}
.kontakt-text {float:left;}

.mapa {position:relative;}
.full.paper.footer {background: #e30613; color:white;}
.full.paper.footer .inside {padding:1% 0; font-size: 80%;}
.full.paper.footer .inside p{padding-bottom:0;}

.foot-left {text-align:left; float:left}
.foot-right {text-align:right; float:right}
.foot-right a{color:white; text-decoration:none;}

@media screen and  (min-width: 1500px){
	.inside, .slogan{width:1400px;} 
	
	}
@media screen and (max-width: 1024px) and (min-width: 481px){
	.header {height: 300px;}
	.full_image {  min-width: 1000px; } 
	body { font-size: 13px;}
	.slogan {  margin:0 10%; padding-top:210px;}
	li {padding-bottom:0.8em;}
  
	.about_me-kytka {display:none;}
  .inside.about_me { padding: 5% 0;}
	}

@media screen and (max-width: 480px){
	.header {height: 200px;}
	.full_image {  min-width: 480px; top: 30px;  } 
	.mzdy_img {display:none;}
  .mzdy h2 {margin: 1em 0;}
	.inside.mzdy {padding-bottom:5%;}
	/*body { font-size: 10px;}*/
	ul.navi {float:left;}
	.slogan {  margin:0 10%; padding-top:150px; font-size: 110%; line-height:1.2em;}
	.left_col {text-align:left;  float:left; width:100%;}
    .right_col {text-align:left;  float:left; width:100%;}
	li {padding-bottom:0.5em;}
	.column2 {display:none;}
	.column1, .column3 {width:45%}
	.inside.kontakt {width:70%; margin:0 auto;}
  .about_me-kytka {display:none;}
  .inside.about_me { padding: 5% 0;}
  .column1, .column3 {display:block; width:100%; text-align:left; padding:2% 0; }
   .inside.kontakt {padding: 3%;}
	}