html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, fieldset, form, label, legend, caption, .dole, .hlavicka, menu, nav  { margin: 0; padding: 0; border: 0; outline: 0; font-size: 15px;  vertical-align: baseline; background: transparent;}
.dole,.hlavicka,menu,nav {display: block;}
table, tr, td {margin: 0;padding: 3px;border-collapse: collapse;color: #969696;}
table.okraje td, table.okraje th { border:1px solid #999; }
#nahoru {position: absolute;top: -24px;left: 50%;margin-left: -30px;}
#nahoru a {text-decoration: none;border: 0 none;display: block;width: 80px;height: 60px;background-color: #525252;
	-webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;color: #fff;font-size: 21px;line-height: 50px;border-radius: 70%;}
#nahoru a:hover { background-color: #f676ac;color: #111; }
.hlavicka {position: relative;width: 100%;height: 810px;background: #161415 url(../images/hlavicka.jpg) no-repeat top center;background-size: cover !important;
	-webkit-background-size: cover !important;text-align: center;overflow: hidden;}
.hlavicka .prace {display: inline-block;vertical-align: middle;margin: 0px auto;width: 100%;padding-top: 230px;text-align: center;}
.hlavicka:before {display: inline-block;vertical-align: middle;height: 100%;}


.readmore_area a { color: #fff; display: inline-block; font-size: 19px; font-weight: 400; letter-spacing: 1px; margin: 15px 25px; outline: medium none; position: relative; text-decoration: none; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); 
text-transform: uppercase;}
.readmore_area { margin-top: 40px; position: relative;  z-index: 1;}
.readmore_area a {	overflow: hidden;	margin: 0 15px; border-radius: 8%;}
.readmore_area a span {	display: block;	padding: 15px 20px;-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;background-color: #f07faa; }
.readmore_area a::before {	position: absolute;	top: 0;	left: 0;	z-index: -1;	padding: 15px 2px;	width: 100%;	height: 100%;
	background: #fff;	content: attr(data-hover); color: #111; 	-webkit-transition: -webkit-transform 0.3s;	-moz-transition: -moz-transform 0.3s;	transition: transform 0.3s;	-webkit-transform: translateX(-25%);}
.readmore_area a:hover span,.readmore_area a:focus span {	-webkit-transform: translateX(100%);	-moz-transform: translateX(100%);	transform: translateX(100%);}
.readmore_area a:hover::before,.readmore_area a:focus::before {	-webkit-transform: translateX(0%);	-moz-transform: translateX(0%);	transform: translateX(0%);}  

#ome,#galerie,#cvc   {background: #3c3c3c;padding-top: 86px;padding-bottom: 46px;overflow: hidden;}
#ome a, #ome a:visited, #galerie a,#cvc a { color: #f07faa;text-decoration:none; }
#ome a:hover, #ome a:focus,#galerie a:hover,#galerie a:focus,#cvc a:hover { color: #fff; }
#ome h2,#galerie h2,#cvc h2 {font: 28px tahoma, sans-serif;color: #f07faa; margin-bottom: 22px;}
#ome p,#galerie p,#cvc p {line-height: 30px;color: #dad6d2;}
#ome .osoba,#galerie .osoba {position: relative;width: 293px;height: 354px;border-radius: 20%;}

#tanecni {background: #fff;padding-top: 70px;padding-bottom: 32px;overflow: hidden;}
#tanecni p  { color: #333; }
#tanecni a:hover, #cenik a:focus { color: #313131; }
#tanecni h3 {font: 28px tahoma, sans-serif;letter-spacing: 1px; margin-bottom: 18px;color: #f676ac;}	

#kurzy {background: #1F1F1F url(../images/terapie.jpg) no-repeat center center;background-size: cover !important; -webkit-background-size:cover !important; background-attachment:fixed;position: relative; min-height: 200px; width: 100%;overflow:hidden;}
#kurzy .vzdalenost{ padding-top: 66px; padding-bottom: 46px;color: #111;font: 15px tahoma, sans-serif;text-align: left;line-height: 20px;}
#kurzy h3 {font: 28px tahoma, sans-serif;text-transform: uppercase;letter-spacing: 1px; margin-bottom: 28px;color: #fff;}
#kurzy h3 span { display: none; }

#cenik {background: #f0ebe7; padding-top: 90px;padding-bottom: 60px;}
#cenik h3 {font: 25px tahoma, sans-serif;text-transform: uppercase;letter-spacing: 1px; margin-bottom: 38px;color: #111;}
#ukazky .sloupce { margin-bottom: 26px; }
#cenik p  { color: #333; }

#kontakt { background: #191919; padding-top: 96px; padding-bottom: 6px;color: #969696;}
#kontakt .section-head { margin-bottom: 12px; }
#kontakt a, #kontakt a:visited  { color: #fff; }
#kontakt a:hover, #kontakt a:focus { color: #f676ac; }
#kontakt h3 {font: 25px tahoma, sans-serif;text-transform: uppercase;letter-spacing: 1px; margin-bottom: 38px;color: #fefefe;}
#kontakt h4{font: 18px/24px tahoma, sans-serif;text-transform: uppercase;letter-spacing: 1px; margin-bottom: 38px;color: #fefefe;}

.img {box-shadow:0px 0px 11px #7f6a4f; /*CSS3 shadow: 14px #7f6a4f shadow all around image*/
z-index: 100;    top: 0;left: 0;
    -webkit-border-radius: 6px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -moz-border-radius: 6px; /* FF1-3.6 */
    border-radius: 6px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    border: 1px solid #999;
    -webkit-transition: all 0.15s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.15s ease-out;  /* FF4+ */
    -ms-transition: all 0.15s ease-out;  /* IE10? */
    -o-transition: all 0.15s ease-out;  /* Opera 10.5+ */ transition: all 0.15s ease-out;    padding: 5px 5px 5px 5px;margin: 5px 5px 0px 10px;background-repeat: no-repeat;}
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
#nav-wrap ul, #nav-wrap li, #nav-wrap a {margin: 0;padding: 0;border: none;outline: none;}
#nav-wrap {font: 15px tahoma, sans-serif;width: 100%;text-transform: uppercase;letter-spacing: 0px;margin: 0 auto;z-index: 100; position: fixed; right: 1px;top: 0;}
.opaque { background-color: #333; }

ul#nav {min-height: 48px;width: auto;text-align: center;}
ul#nav li {position: relative;list-style: none;height: 48px;display: inline-block;}
ul#nav li a {/* 8px padding top + 8px padding bottom + 32px line-height = 48px */
 display: inline-block;padding: 8px 19px;line-height: 32px;text-decoration: none; text-align: left; color: #fff;font-weight:bold;
 -webkit-transition: color .2s ease-in-out;
 -moz-transition: color .2s ease-in-out;
 -o-transition: color .2s ease-in-out;
 -ms-transition: color .2s ease-in-out;
 transition: color .2s ease-in-out;}
ul#nav li a:hover { color: #f07faa; }
ul#nav li a:active { background-color: transparent !important; }
ul#nav li.prave a { color: #f07faa; }

.hlavicka .prace-text h1 {font: 46px  arial, sans-serif;color: #fff;letter-spacing: -2px;margin: 150px 0 8px 0;text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);}
.hlavicka .prace-text h2 {font: 20px 'arial', serif;color: #333; margin: 0 auto;width: 70%;}
.hlavicka .banner-text h3 span,.hlavicka .banner-text h3 a {color: #fff;}
.hlavicka .prace hr {width: 60%; margin: 18px auto 24px auto; border-color: #2F2D2E;border-color: rgba(150, 150, 150, .1);}


body {background: #fff;font-family: tahoma, sans-serif;font-weight: normal;font-size: 15px;line-height: 30px;color: #838C95;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */-webkit-text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6 {color: #d269cf;font-family: tahoma, sans-serif;font-weight: normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 28px; line-height: 42px; margin-bottom: 12px; letter-spacing: -1px; }
h2 { font-size: 28px; line-height: 36px; margin-bottom: 6px; }
h3 { font-size: 30px; line-height: 30px; margin-bottom: 12px; }
h4 { font-size: 20px; line-height: 30px; margin-bottom: 6px; }
p { margin: 0 0 30px 0; }
p img { margin: 0; }
hr { border: solid #E3E3E3; border-width: 1px 0 0; clear: both; margin: 11px 0 30px; height: 0; }
a, a:visited {text-decoration: underline;outline: 0; color: #f676ac;-webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out;}
a:hover, a:focus { color: #313131; }
p a, p a:visited { line-height: inherit; }
ul, ol { margin-bottom: 24px; margin-top: 12px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
img {max-width: 100%;height: auto;}

.popis {width: 99%;max-width: 1020px; margin: 0 auto;}
.ie .popis { width: 1000px ; }
.popis { max-width: 980px; }
.popis a, a:visited {text-decoration: none;outline: 0; color: #fff;text-shadow: 0px 1px 3px rgba(0, 0, 0, .5);font-size:16px;}
.popis a:hover {text-decoration: none;outline: 0; color: #f676ac;text-shadow: 0px 1px 1px rgba(0, 0, 0, .1);}
.popis .popis { width: auto; max-width: none; margin: 0 -20px; }
.popis:before,.popis:after {content: " ";display: table;}.popis:after {clear: both;}

.column, .sloupce {position: relative;padding: 0 20px;min-height: 1px; float: left;}

.popis.odskok > .column,.popis.odskok > .sloupce,.column.odskok, .sloupce.odskok  { margin: 15px 0px 0 50px; }
.popis .one         { width: 8.33333%; }
.popis .spojeni         { width: 16.66667%; }
.popis .obkladac       { width: 25%; }
.popis .four        { width: 33.33333%; }
.popis .five        { width: 41.66667%; }
.popis .six         { width: 50%; }
.popis .seven       { width: 58.33333%; }
.popis .eight       { width: 66.66667%; }
.popis .povidani        { width: 83.33333%%; }
.popis .textova         { width: 83.33333%; }
.popis .eleven      { width: 91.66667%; }
.popis .sirka      { width: 100%; }


.dole {padding-top: 48px;margin-bottom: 48px;color: #303030;font-size: 14px;text-align: center;position: relative;}
.dole a, .dole  a:visited { color: #525252; }
.dole, .dole  a:hover, .dole  a:focus { color: #fff; }


.dole  .copyright { margin: 0;padding: 0;}
.dole  .copyright li {display: inline-block;margin: 0;padding: 0;line-height: 24px;}
.ie .dole .copyright li {display: inline;}
.dole  .copyright li:before {content: "\2022";padding-left: 10px;padding-right: 10px;color: #095153;}



--------------------------------------------------------------------- */
@media only screen and (max-width: 900px) {

    /* header styles
   ------------------------------------------------------------------ */
   .hlavicka .banner { padding-bottom: 12px; }
   .hlavicka .prace {display: inline-block;vertical-align: middle;margin: 0px auto;width: 100%;padding-top: 10px;text-align: center;}
   .hlavicka .prace-text h1 {font: 46px  arial, sans-serif;color: #fff;letter-spacing: -2px;margin: 10px 0 8px 0;text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);}
.hlavicka .prace-text h2 {font: 20px 'arial', serif;color: #333; margin: 0 auto;width: 70%;}
.hlavicka .banner-text h3 span,.hlavicka .banner-text h3 a {color: #fff;}
.hlavicka .prace hr {width: 60%; margin: 18px auto 24px auto; border-color: #2F2D2E;border-color: rgba(150, 150, 150, .1);}
   /* nav-wrap */
   #nav-wrap {
      font: 11px 'opensans-bold', sans-serif;
      letter-spacing: 1.5px;
   }


   /* About Section
   ------------------------------------------------------------------- */
   #ome .osoba {
      width: 114px;
      height: 161px;
      margin-left: 12px;
   }
   #ome .contact-details { width: 70%; }
   #ome .download { width: 50%; }

   /* Resume Section
   ------------------------------------------------------------------- */
   #cenik h1 { font: 16px/24px 'opensans-bold', sans-serif; }
   #resume .main-col { padding-right: 5%; }   

   /* Testimonials Section
   ------------------------------------------------------------------- */
   #reference .header-col h1:before {
      font-size: 66px;
      line-height: 66px;
   }
   #reference blockquote p {
      font-size: 22px;
      line-height: 46px;      
   }

    /* Call to Action Section
   ------------------------------------------------------------------- */
   #call-to-action .header-col h1:before {
      font-size: 66px;
      line-height: 66px;
   }

   /* Contact Section
   ------------------------------------------------------------------- */
   #contact .section-head { margin-bottom: 30px; }
   #contact .header-col h1:before {
      font-size: 66px;
      line-height: 66px;
   }
   #contact .section-head p.lead { font: 17px/33px opensans-light, sans-serif; }
}

/* mobile wide/smaller tablets
---------------------------------------------------------------------- */

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

   /* mobile navigation
   -------------------------------------------------------------------- */
   #nav-wrap {
      font: 12px 'opensans-bold', sans-serif;
      background: transparent !important;
      letter-spacing: 1.5px;  
      width: auto;
      position: fixed;
      top: 0;
      right: 0;
   }
   #nav-wrap > a {
	   width: 48px;
		height: 48px;
		text-align: left;
		background-color: #CC5200;
		position: relative;
      border: none;
      float: right;

      font: 0/0 a;
      text-shadow: none;
      color: transparent;

      position: relative;
      top: 0px;
      right: 30px;
   }

	#nav-wrap > a:before,
   #nav-wrap > a:after {
	   position: absolute;
		border: 2px solid #fff;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
   #nav-wrap > a:after { top: 60%; }

   /* toggle buttons */
	#nav-wrap:not( :target ) > a:first-of-type,
	#nav-wrap:target > a:last-of-type  {
	   display: block;
	}

   /* hide menu panel */
   #nav-wrap ul#nav {
      height: auto;
		display: none;
      clear: both;
      width: auto; 
      float: right;     

      position: relative;
      top: 12px;
      right: 0;
   }

   /* display menu panels */
	#nav-wrap:target > ul#nav	{
	   display: block;
      padding: 30px 20px 48px 20px;
      background: #1f2024;
      margin: 0 30px;
      clear: both;
   }

   ul#nav li {
      display: block;
      height: auto;      
      margin: 0 auto; 
      padding: 0 4%;           
      text-align: left;
      border-bottom: 1px solid #2D2E34;
      border-bottom-style: dotted; 
   }
  
   ul#nav li a {  
      display: block;    
      margin: 0;
      padding: 0;      
      margin: 12px 0; 
      line-height: 16px; /* reset line-height from 48px */
      border: none;
   }  


   /* Header Styles
   -------------------------------------------------------------------- */
   .hlavicka .banner {
      padding-bottom: 12px;
      padding-top: 6px;
   }
   .hlavicka .prace {display: inline-block;vertical-align: middle;margin: 0px auto;width: 100%;padding-top: 10px;text-align: center;}
   .hlavicka .prace-text h1 {font: 46px  arial, sans-serif;color: #fff;letter-spacing: -2px;margin: 10px 0 8px 0;text-shadow: 0px 1px 3px rgba(0, 0, 0, .8);}
.hlavicka .prace-text h2 {font: 20px 'arial', serif;color: #333; margin: 0 auto;width: 70%;}
.hlavicka .banner-text h3 span,.hlavicka .banner-text h3 a {color: #fff;}
.hlavicka .prace hr {width: 60%; margin: 18px auto 24px auto; border-color: #2F2D2E;border-color: rgba(150, 150, 150, .1);}

   /* header social links */
   .hlavicka .social {
      margin: 18px 0 24px 0;
      font-size: 24px;
      line-height: 36px;      
   }
   .hlavicka .social li { margin: 0 10px; }

    /* scrolldown link */
   .hlavicka .scrolldown { display: none; }


   /* About Section
   -------------------------------------------------------------------- */
   #ome .osoba { display: none; }
   #ome .download .button {
      width: 100%;
      text-align: center;
      padding: 15px 20px;
   }
   #ome .main-col { padding-right: 30px; }


   /* Resume Section
   --------------------------------------------------------------------- */
   #cenik .header-col {
      padding-top: 0;
      margin-bottom: 48px;
      text-align: center;
   }
   #cenik h1 { letter-spacing: 3px; }
   #cenik .main-col { padding-right: 30px; }
   #cenik h3, #resume .info { text-align: center; }
      
   .bars { width: 100%; }


   /* Call To Action Section
   /* ----------------------------------------------------------------- */
   #call-to-action { text-align: center; }
   #call-to-action h1 {
      font: 16px/24px 'opensans-bold', sans-serif;
      text-align: center;
      margin-bottom: 30px;
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
   }
   #call-to-action h1 span { display: block; }
   #call-to-action .header-col h1:before { content: none; }
   #call-to-action p { font-size: 15px; }


   /* Portfolio Section
   /* ----------------------------------------------------------------- */
   #portfolio-wrapper .columns { margin-bottom: 40px; }
   .popup-modal {	max-width: 85%; }


   /* Testimonials Section
   ----------------------------------------------------------------------- */
   #reference .vzdalenost { text-align: center; }
   #reference h1 {
      font: 16px/24px 'opensans-bold', sans-serif;
      text-align: center;
      margin-bottom: 30px;
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
   }
   #reference h1 span { display: block; }
   #reference .header-col h1:before { content: none; }
   #reference blockquote { padding-bottom: 24px; }
   #reference blockquote p {
      font-size: 20px;
      line-height: 42px;      
   }

   /* Control Nav */
   .flex-control-nav {
      text-align: center;
      margin-left: -30px;
   }


   /* contact Section
   ----------------------------------------------------------------------- */
   #contact { padding-bottom: 66px; }
   #contact .section-head { margin-bottom: 12px; }
   #contact .section-head h1 {
      font: 16px/24px 'opensans-bold', sans-serif;            
      text-align: center;   
      margin-bottom: 30px;
      text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
   }  
   #contact h1 span { display: block; }
   #contact .header-col { padding-top: 0; }
   #contact .header-col h1:before { content: none;	}
   #contact .section-head p.lead { text-align: center;}

   /* form */
   #contact label {
      float: none;
      width: 100%;
   }
   #contact input,
   #contact textarea,
   #contact select {
     	margin-bottom: 6px;    	
      width: 100%;
   }
   #contact button.submit { margin: 30px 0 24px 0; }
   #message-warning, #message-success {
      width: 100%;
      margin-left: 0;
   }


   /* footer
   ------------------------------------------------------------------------ */
  
   /* copyright */
   footer .copyright li:before { content: none; }
   footer .copyright li { margin-right: 12px; }

   /* social links */
   footer .social-links { font-size: 22px; }
   footer .social-links li { margin-left: 18px; }

   /* Go To Top Button */
   #go-top { margin-left: -22px; }
   #go-top a {
   	width: 54px;
   	height: 54px;
      font-size: 18px;
      line-height: 54px;
   }


}