/*********** MAIN CSS styles ***********/
/********** Copyright © Pixio  *********/
/************* www.pixio.cz ************/

/* ----- RESET Styles ----- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header,  group, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html {overflow-y: scroll;overflow-x: hidden;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ol, ul {list-style: none;}
abbr[title]{border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;padding:0;}
input, select {vertical-align:middle;}
.clearfix {clear: both;visibility: hidden;}
.nixhier{display: none;}

/*****************************************************************************************************************************/
/*****************************************************************************************************************************/
/* ----- MAIN Styles ----- */




.wrapper{width: 92%;margin: 0 auto;}

@media (min-width: 1130px){
  .wrapper{width: 1110px;margin: 0 auto;}  
}

@media (min-width: 1220px){
  .wrapper{width: 1200px;margin: 0 auto;}  
}

.scrolloff {
    pointer-events: none;
}



.clearfix{clear: both;}
.floatRight{float: right;}
.floatLeft{float: left;}

body{font-family: 'Titillium Web', sans-serif;background: #f7f7f7;}

/* ----- Hlavička  ----- */
#header
{
  background: #f8f8f8;
}

#header  .logo
{
  padding: 10px 0;
  display: block;
}

#header  .logo
{
  padding: 10px 0;
  display: block;
  float: left;
}

/* ----- Hlavní menu ----- */

#header .menu
{
  position: absolute;
  z-index: 1000;
  display: none;
  right: 0px;
  top: 80px;
  width: 100%;
  background: #f8f8f8;
  border-bottom: 3px solid #f29420;
}

#header .menu-mobile
{
  display: block;
  width: 33px;
  height: 29px;
  float: right;
  margin: 28px 18px 0 0;
  cursor: pointer;
  background: url(img/menu-mobile.png) top left no-repeat;
}

#header .menu ul li
{  
  position: relative;
  border-bottom: 3px solid transparent;
} 

#header .menu ul li a
{
  text-decoration: none;
  color: #404041; 
  font-size: 17px;
  padding: 15px;
  display: block;
  font-weight: bold;
}

#header .menu ul li.active a
{
  padding: 31x 15px 30px 15px;
}

#header .menu ul li:hover a, #header .menu ul li.active a
{
  color: #f29420;
}

#header .menu ul li.active ul li a, #header .menu ul li:hover ul li a
{
  color: #404041;
}

#header .menu ul li ul li a:hover
{
  color: #f29420;
}

#header .menu ul li ul
{    
  display: none;
  z-index: 888;
  width: 250px;
  top: 82px;
  padding: 10px;
  background: #f8f8f8;
  border-bottom: 3px solid #f29420;
}

#header .menu ul li:hover ul
{
  display: block;
}

#header .menu ul li ul li
{
  float: none;
}

#header .menu ul li ul li a, #header .menu ul li.active ul li a, #header .menu ul li ul li.active a   
{
  padding: 10px 0 10px 20px;
  font-weight: normal;
}

#header .menu ul li ul li.active
{
   border-left: 3px solid #f29420;
   border-bottom: 0px;
}


@media (min-width: 860px){
  #header .menu
    {
      display: block;
      position: relative;
      float: right;
      width: auto;
      top: 0px;
      border-bottom: none;
    }     
    
    #header .menu-mobile
    {
      display: none;
    }
    
    #header .menu ul li
    {
      float: left;
    }  
    
    #header .menu ul li.active
    {
      border-bottom: 3px solid #f29420;
    }
    
    #header .menu ul li a
    {
      padding: 31px 3px 31px 3px;
      font-size: 16px;
    } 
    
    #header .menu ul li ul
    {
      position: absolute;
    }
     
}

@media (min-width: 920px){
    #header .menu ul li a
    {
      padding: 31px 6px 31px 6px;
    }  
}

@media (min-width: 1024px){
    #header .menu ul li a
    {
      padding: 31px 15px 31px 15px;
      font-size: 17px;
    }  
    
    #header .menu ul .home a
    {
      text-indent: -5555px;
      width: 30px;
      background: url(img/home.png) 13px 25px no-repeat;
    }
    
    #header .menu ul .home
    {
      margin-right: 35px;
    }
    
    #header .menu ul .home:before
    {
      content: " ";
      float: right;
      top: 20px;
      width: 1px;
      left: 23px;
      height: 50px;
      position: relative;
      background: #d1d1d1;
      display: inline-block;
    }
}

/* ----- Slider ----- */

#slider
{
  background: #e8e8e8;
  width: 100%;
  overflow:hidden;
  height: 300px;
}

#slider li
{
	 vertical-align: middle;
	 position: relative;
}

#slider li .text
{
	position: absolute;
	right: 0px;
	bottom: 43px;
	text-align: left;
	z-index: 20;
	background: url(img/slider-transparent-bg.png) top left repeat;
	padding: 20px 50px 20px 50px;
	color: white;
  line-height: 26px;
	font-size: 22px; 
}

#slider li .text strong
{
	padding: 12px 0;
	display: block;
}

#slider li .text span
{
	color: #c2c2c3;
	padding: 10px 0;
	display: block;
	font-size: 18px;
}

#slider .bjqs-markers
{
	position: absolute;
	right: 0px;
  display: none;
	bottom: 10px;
	cursor: pointer;
}

#slider .bjqs-markers li
{
	float: left;
}

#slider .bjqs-markers li a
{
	width: 17px; 
	height: 17px;
	display: block;
	border-radius: 50%;
	text-indent: -5555px;
	border: 1px solid #afafaf;
	margin-left: 10px;
	background: url(img/slider-controls.png) top left no-repeat;
}

#slider .bjqs-markers li.active-marker a
{
	background: url(img/slider-controls.png) bottom left no-repeat;
}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;left: 0px;right: 0px;}


#slider-small
{
  background: #e8e8e8 url(img/slider/slider-small.jpg) top center no-repeat;
  width: 100%;
  height: 106px;
}

@media (min-width: 800px){

  #slider li .text
  {
    font-size: 31px;
    line-height: 35px;
    	padding: 20px 90px 20px 50px;
  } 
  
  #slider li .text span
  {
  	font-size: 22px;
  }
}

@media (min-width: 1200px){
  #slider .bjqs-markers
  {
    display: block;
  }
}

/* ----- Animované ikonky ----- */ 

#icons
{
  background: #f7f7f7;
  height: 250px;
}

#icons .floatLeft
{
  float: none;
  width: 100%;
}

#icons .icon-container
{
  float: left;
  cursor: pointer;
  margin: 40px 30px 40px 30px;
}

#icons .icon-container:last-child
{
   margin: 40px 0px 40px 40px;
}

#icons .icon-container, #icons .icon-container .front, #icons .icon-container .back {
	width: 103px;
	height: 153px;
  text-align: center;
  background: #f7f7f7;
  color: #404041;
}   

#icons .icon-container .front strong, #icons .icon-container .back strong
{
  padding: 20px 0;
  font-size: 18px;
  display: block;
  line-height: 27px;
}

@media (min-width: 800px){
  #icons .floatLeft
  {
     width: calc(100% - 281px);
     float: left;

  }
  
  #icons .icon-container
  {
    margin: 40px 20px 40px 0;
  }
  
  #icons .icon-container:last-child
  {
     margin: 40px 30px 40px 0px;
  }
     
}

@media (min-width: 1024px){
  #icons .icon-container
  {
    margin: 40px 70px 40px 0;
  }
}

@media (min-width: 1200px){
  #icons .icon-container
  {
    margin: 40px 134px 40px 0;
  }
}

/* ----- Pravá strana ikon ----- */

#icons .floatRight
{
  border-top: 1px solid #e8e8e8;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #e8e8e8;
}

#icons .floatRight ul
{
  margin: 5px 0 5px 25px;
}

#icons .floatRight ul .icon-zpravy{background: url(img/zpravy-small.png) 0px 9px no-repeat;}
#icons .floatRight ul .icon-fotogalerie{background: url(img/fotogalerie-small.png) 0px 9px no-repeat;}
#icons .floatRight ul .icon-projekty{background: url(img/projekt-small.png) 0px 9px no-repeat;}

#icons .floatRight ul .icon:hover
{
  background: url(img/orange-anchor-small.png) 0px 9px no-repeat;
}

#icons .floatRight ul li
{
  line-height: 22px;
  margin-bottom: 6px;
}

#icons .floatRight ul li a
{
  padding: 15px 10px 15px 60px;
  color: #404041;
  display: block;
  font-size: 17px;
  text-decoration: none;
  font-weight: bold; 
}

#icons .floatRight ul li a:hover
{
  color: #f29420;
}

@media (min-width: 800px){
  #icons .floatRight
  {
    border: none;
    border-left: 1px solid #e8e8e8;
    width: 240px;
    padding: 20px 20px 0px 0px;
  }


}

/* ----- Novinky ----- */

#news
{
  margin-top: 50px;
  position: relative;
  background: #f3f3f3;
  height: 160px;
  width: 100%;
} 

#news-page #news
{
  height: 170px; 
}

#news strong.title
{
  display: block;
  color: #414041;
  background: #f89923 url(img/news-title.png) 16px 12px no-repeat;
  position: absolute;
  top: -46px;
  border-bottom: 3px solid #db7f0d;
  padding: 14px 18px 14px 50px;
}  


#news .floatRight
{
  width: 100%;
  padding-right: -10px;
	height: 277px;
	position: relative;
}

#news .floatLeft .news-item 
{
	position: relative;
	top: 10px;
	height: 138px; 
}


#news .floatRight .news-item 
{
	height: 200px; 
}

#news .floatLeft
{
	height: 177px;
	position: relative;
}

#news #news_previous, #news #news_next
{
	display: block;
	text-indent: -5555px;
	width: 45px;
	height: 49px;
	position: absolute;
	top: 42%;	
}

#news-page #news_previous, #news-page #news_next
{
  top: 35%;
}

#news #news_previous
{
	left: 15px;
	background: #dcdcdc url(img/arrow_prev.png) center center no-repeat;
}

#news #news_next
{
	right: 15px;
	background: #dcdcdc url(img/arrow_next.png) center center no-repeat;
}

#news-page .opacity
{
  opacity: 0.2;
}

#news #news_previous:hover , #news #news_next:hover
{
	background-color: #d0d0d0;
}

#news .no-news
{
 display: block;
 width: 100%;
 line-height: 150px;
 font-size: 20px;
 text-align: center;
 color: #7e7e7e;
}

#news .carousel 
{
	display: block;
	overflow: hidden;
	position: relative;
	margin: 10px auto;
	width: 63%;
}

#news-page .carousel 
{
  width: 63%;
}

#news .carousel-container 
{
	display: block;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
}
#news .carousel-wrapper, #news .carousel-wrapper2 
{
	clear: both;
	height: auto;
	overflow: hidden;
	margin: 0;
}

#news .news-item
{
	width: 100%;
	height: 258px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

#news-page .news-item
{
  height: 160px;
}

#news .news-item .date
{
	width: 46px;
	height: 100px;
	float: left;
  display: none;
	text-align: center;
	margin-top: 15px;
}

#news-page .news-item .date
{
 margin-top: 85px;
}

#news-page .news-item .date
{
  margin-top: 40px;
}

#news .news-item .date .day
{
	display: block;
	font-size: 33px;
	color: #444444;
}

#news .news-item .date .month
{
	display: block;
	font-size: 22px;
	color: #6b6b6b;
}

#news .news-item .date .year
{
	border-top: 1px solid #e4e4e4;
	display: block;
	font-size: 13px;
	padding: 10px 0;
	color: #6b6b6b;
}

#news .news-item .text
{
	width: 90%;
  margin-left: 10px;
}

#news .news-item .text .news-content
{
	text-align: left;
	line-height:16px;	
	font-size: 13px;
}


#news .news-item .text h4
{
	padding: 15px 0;
	font-size: 14px;
	color: #414041;
}


#news .news-item .more-info
{
	display: block;
	position: absolute;
	bottom: 0px;
	right: 10px;
	padding: 7px 14px;
	color: #f89923;
	text-decoration: none;
	font-size: 14px;
}

#news .news-item .more-info:hover
{
	text-decoration: underline;
}

#news .news-item .category
{
  display: none;
}

@media (min-width: 600px){
 
  #news-page .carousel, #news .carousel 
  {
    width: 70%;
  }
  
  #news .news-item .date
  {
    display: block;
  }
  
  #news .news-item .text h4
  {
    font-size: 17px;
  }
  
  #news .news-item .text
  {
  	float: left;
  	margin-left: 20px;	
  	width: calc(100% - 100px);
  }
  
  #news .news-item .text .news-content
  {
  	text-align: left;
  	line-height: 23px;	
  	font-size: 13px;
  }
  
  #news .news-item .more-info
  {
  	background: #f89923;
    color: #414041;
  }
  
  #news .news-item .more-info:hover
  {
  	color: white;
    text-decoration: none;
  } 
}


@media (min-width: 1025px){

  #news
  {
    height: 277px;
    width: 100%;
  }

  #news .floatRight
  {
  	width: 804px;
  	height: 277px;
  	position: relative;
  	padding-left: 10px;
  }

  #news .floatLeft .news-item 
  {
  	position: relative;
  	top: 10px;
  	height: 258px; 
  }

  #news .floatLeft
  {
  	width: 336px;
  	height: 277px;
  	padding-right: 30px;
  	position: relative;
  	background: url(img/news-divider.png) top right repeat-y;
  }
  
  #news .carousel
  {
  	width: 695px;
  }
  
  #news-page .carousel 
  {
    width: 85%;
  }
  
  #news .floatRight .news-item 
  {
    height: 260px;
  } 
  
    #news .news-item .text .news-content
  {
  	text-align: left;
  	line-height: 23px;	
  	font-size: 14px;
  }
  
  
   
}


/* ----- Obsahová strana ----- */

#content
{
  min-height: 350px;
  margin-bottom: 60px;
}

#content h1.page-title, #team h1.page-title
{
  color: #444444;
  text-align: center;
  line-height: 35px;
  font-size: 35px;
  padding: 28px 0;
}

#content h1.page-title span
{
  display: inline-block;
  font-size: 23px;
  position: relative;
  top: -3px;
}

#content h1.page-title em
{
  color: #7b7b7b;
  font-size: 23px;
  position: relative;
  top: -3px;
  font-style: normal;
}

#content h1.page-title span a
{
  color: #7b7b7b;
  text-decoration: none;
}

#content #text
{
  color: #444444;
  font-size: 16px;
  line-height: 27px;
  text-align: left;
}

#content #text img, #content #text p
{
  margin-bottom: 15px;
}

#content #text img
{
  max-width: 100%;
}

#content #text h2
{
  border-bottom: 1px solid #d1d1d1;
  font-size: 28px;
  padding: 25px 0;
  text-align: center;
}

#content #text a
{
  color: #ee911f;
  text-decoration: none;
}

#content #text a:hover
{
  text-decoration: underline;
}

table
{
  width: 100%;
}

#content #text table tr td
{
 padding: 6px 8px 6px 8px;
 margin-bottom: 1px;
 line-height: 28px;
 font-size: 15px;
 background: #fbfbfb;
}

#content #text table tr th
{
 padding: 6px 8px 6px 8px;
 margin-bottom: 1px;
 line-height: 28px;
 font-size: 15px;
 background: #444444;
 color: white;
 font-weight: bold;
}

#content #text table tr 
{
    border-bottom: 1px solid #d7d7d7;
}

/* ----- Formulář  ---- */

#content #text #Formular tr
{
  background: none!important;
  border-bottom: none!important;
}

#content #text #Formular tr td
{
  border-bottom: none!important;
  text-align: left!important;
  background: none;
}

#content #text #Formular tr .formx_title
{
  width: 20%;
  vertical-align: top;
  padding-top: 20px;
} 

#content #text #Formular tr .formx_checkbox
{
  margin: 10px 6px 10px 0;
}

#content #text #Formular tr .formx_checkbox_label
{
  position: relative;
  top: -2px;
}

#content #text #Formular tr .formx_required
{
  color: red;
}

#content #text #Formular input[type="text"]
{
  padding: 12px 5px;
  width: 100%;
  border: 1px solid #cccccc;
}

#content #text #Formular .formx_send
{
	background: #48ab48 url(img/mail-send.png) 93px 12px no-repeat;
	color: white;
	border: 0px;
	padding: 13px 60px 13px 20px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
  float: right;
	cursor: pointer;
}


/* ----- DIV bloku - obsah  ---- */

#content .content-item-div
{
  background: #f0f0f0;
  position: relative;
  min-height: 230px;
  padding: 15px;
  margin: 30px 10px;
  text-align: left;
  border-bottom: 3px solid #f29420;
}

#content #text ul li
{
  padding-left: 20px;
  background: url(img/ul_li.png) 0px 11px no-repeat;
}

#content #text ol
{
	margin-left: 27px;
}

#content #text ol li
{
	list-style-type: decimal!important;
}

#content .content-item-div strong
{
  text-align: center;
  display: block;
  padding: 10px 0;
  font-size: 17px;

}

#content .content-item-div a
{
  display: inline-block;
  margin:  auto 0 auto;
  background: #f29420;
  color: white!important;
  font-size: 13px;
  text-decoration: none;
  padding: 2px 10px;
  position: absolute;
  bottom: -10px;
  right: 10px;
}

#content .content-item-div a:hover
{
  background: #e58b1b;
}

@media (min-width: 850px){
  #content .content-item-div
  {
    width: 43%;
    float: left;
  }
}

@media (min-width: 1220px){
  #content .content-item-div
  {
    width: 250px;
  }
}
     
/* ----- Vzdelavani - cilova skupina ---- */


#content .cilova-skupina-container
{
  float: left;
  cursor: pointer;
  margin: 40px 30px 30px 0;
  width: 210px;         
}

#content .cilova-skupina-container:last-child
{
   margin: 40px 0px 40px 0;
}

#content .cilova-skupina-container, #content .cilova-skupina-container .front, #content .cilova-skupina-container .back {
	height: 153px;
  text-align: center;
  color: #404041;
} 

#content .cilova-skupina-container .back, #content .cilova-skupina-container .front
{
   border-bottom: 3px solid #f29420;
   padding-bottom: 10px;
   background: #f0f0f0;
   padding: 15px;
}  

#content .cilova-skupina-container .back
{
  font-size: 15px;
}

#content .cilova-skupina-container .front strong, #content .cilova-skupina-container .back strong
{
  padding: 10px 0;
  font-size: 17px;
  display: block;
  line-height: 27px;
}


/* ----- Novinky - blog ---- */

.NewsDiv h3 a
{
  font-size: 20px; 
}

.NewsDiv .floatRight
{
  margin-left: 40px;
  opacity: 0.8;
} 

.NewsDiv .NewsDiv-item
{
padding: 10px;
}

.NewsDiv .NewsDiv-item:hover
{
  background: #f0f0f0;
}

.NewsDiv .NewsDiv-item .more
{
	display: inline-block;
	text-decoration: none;
	padding: 2px 14px 2px 14px;
	color: white!important;
	margin-top: 10px;
	background: #f29420;
	font-size: 13px;
}

/* ----- Dokumenty ke stažení ---- */

.DownloadGalleryTable tr td img
{
  float: left;
  margin: 5px 10px 0px 0px!important;
  padding: 0px;
}

/* ----- Fotogalerie ---- */

.Fotogallery li, .FotogalleryAlbum li
{
  padding: 0px!important;
}

.Fotogallery a img, .FotogalleryAlbum a img
{
  border: 4px solid #d8d8d8;
} 

.FotogalleryAlbum strong{
display: block;
text-align: center;
line-height: 0px;
}

.Fotogallery a img:hover, .FotogalleryAlbum a img:hover
{
  border: 4px solid #f29420;
}

.Fotogallery ul li, .FotogalleryAlbum ul li
{
  float: left;margin: 10px;
}


@media (max-width: 768px){
.Fotogallery a img, .FotogalleryAlbum a img
  {
    max-width: 100px!important; 
  }
}

/* ----- Kontaktní osoba pro oblast ---- */

.contact-for-page
{
	background: #eeeeee;
	margin: 5px 0;
	position: relative;
	padding: 40px 10px 5px 10px;
}

.contact-for-page a
{
  color: inherit;
}

.contact-for-page .title
{
	background: #f78e20;
	color: white;
	display: block;
	padding: 9px 9px;
	position: absolute;
	top: 0px;
	font-size: 15px;
	left: 0px;
}

.contact-for-page .person
{
	margin: 14px;
}

.contact-for-page .person img
{
  display: none;
}

.contact-for-page .person table tr td
{
  text-align: left;
}

.contact-for-page .person table tr td
{
  padding: 13px 0 17px 0;
}

.contact-for-page .person table tr td.image
{
}

@media (min-width: 850px){
  .contact-for-page .person img
  {
    display: block;
  	width: 36px;
    float: left;
    position: relative;
    top: -10px;
    margin-right: 20px;
    margin-bottom: -22px;
  }
   
}     

/* ----- Bloky referencí ---- */

.reference-block .reference-item
{
  display: block;
  margin: 15px;
  background: #eeeeee;  
}

.reference-block .reference-item-text
{
  padding: 0 20px 10px 20px;
  font-size: 14px; 
  line-height: 24px; 
}

.reference-block .reference-item-text .title
{
  font-size: 16px;
  padding-bottom: 10px;
  line-height: 25px;
  display: block;
  text-align: center;
}

.reference-block .reference-item-text .person
{
  font-size: 16px;
  opacity: 0.7;
  display: block;
  text-align: right;
}

.reference-block .reference-item img
{
  display: block;
  text-align: center;
  margin: 15px auto 0px auto;
}

@media (min-width: 850px){
  #content .content-item-div
  {
    width: 43%;
    float: left;
  }
}

@media (min-width: 1220px){
  #content .content-item-div
  {
    width: 250px;
  }
}

@media (min-width: 850px){
  .reference-block .reference-item
  {
    width: 43%;
    float: left;
  }
}

@media (min-width: 1220px){
  .reference-block .reference-item
  {
    width: 270px;
  }
}

/* ----- Filtrace kurzů ---- */

#course_filtration
{
  padding: 15px;
  border-bottom: 3px solid #f29420;
  background: #f0f0f0;
}

#course_filtration .item
{
  float: left;
  margin-right: 20px;
}

#course_filtration .item select
{
  padding: 10px 5px;
  font-size: 12px;
}

#course_filtration .item input[type="text"]
{
  padding: 10px 5px;
  font-size: 12px;
}

#course_filtration .item span
{
  display: inline-block;
  color: #444444;
  font-size: 14px;
  font-weight: bold;
  margin-right: 5px;
}

#course_filtration  input[value="search"]
{
  display: block;
  border: 0px;
  background: #48ab48 url(img/filter-search.png) center center no-repeat;
  color: white;
  margin-bottom: 7px;
  width: 40px;
  height: 40px;
  float: right;
  text-indent: -5555px;
  cursor: pointer;
}

#course_filtration  input[value="reset"]
{
  margin-right: 10px;
  display: block;
  border: 0px;
  float: right;	
  background: #d9d9d9 url(img/filter-reset.png) center center no-repeat;
  color: white;
  width: 40px;
  height: 40px;
  text-indent: -5555px;
  cursor: pointer;
}

  #course_filtration .hotfix
 {
 	margin-top: 15px;
 }


#course_filtration  input[value="search"]:hover
{
  background-color: #3f9c3f;
}

#course_filtration  input[value="reset"]:hover
{
  background-color: #cccccc;
}

#filter_status
{
  font-size: 14px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  color: #48ab48;
}

.newsFooterDiv
{
  float: right;
  margin-left: 30px;
}

.newsFooterDiv p strong
{
    float: none;
  display: block;
  width: 100%;
}
@media (min-width: 400px){
  #course_filtration  input[value="search"], #course_filtration  input[value="reset"] 
  {	
    float: right;
    margin-bottom: 0px;
  }
  
 .hotfix
 {
 	clear: none;
 	display: none;
 }
  
}


/* ----- Samotný řádek kurzu ---- */

.no_found
{
 line-height: 240px;
 font-size: 19px;
 color: #9d9d9d;
}

.error
{
  color: red;
  line-height: 60px;
}

.more-courses a
{
	background: #f78e20;
	color: white;
	margin: 20px 0;
	text-decoration: none;
	display: inline-block;
	padding: 9px 9px;
	font-size: 15px;
}

.more-courses a:hover
{
	background: #ed871c;
}

.course_item
{
  background: #f0f0f0 url(img/course_icon.png) 30px 18px no-repeat;
  border-top: 1px solid #f7f7f7;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  line-height: 27px;
}

.course_item:hover
{ 
    background-color: #ebebeb;
}

.course_item .date
{
	width: 75px;
	float: left;
	text-align: center;
	margin-left:  118px;
  margin-right: 30px;
}

.course_item .date .dle-dohody
{
  display: block;
  margin: 14px 0;
}



.course_item .date .day
{
	display: block;
	font-size: 24px;
	color: #444444;
}

.course_item .date .month
{
	display: block;
	font-size: 16px;
	color: #6b6b6b;
}

.course_item .date .year
{
	border-top: 1px solid #e4e4e4;
	display: block;
	font-size: 14px;
	color: #6b6b6b;
}

.course_item .info
{
  float: left;
  color: #323232;
}

.course_item .info .title
{
  font-size: 16px;
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}


.course_item .info ul li
{
  display: block;
  float: left;
  margin-left: 20px;
  padding: 10px 0 10px 35px!important;
  font-size: 14px;
  color: #535353;
}

.course_item .info .hodinova-dotace
{
  background: url(img/hodinova_dotace.png) 0px 14px no-repeat!important;
}

.course_item .info .misto-konani
{
  background: url(img/misto_konani.png) 0px 11px no-repeat!important;
}  

.course_item .info .cilova-skupina
{
  background: url(img/cilova_skupina.png) 0px 16px no-repeat!important;
} 

.course_item .info .lektor
{
  background: url(img/lektor.png) 0px 14px no-repeat!important;
} 


.course_item .info .tematicka-oblast
{
  background: url(img/tematicka-oblast.png) 0px 17px no-repeat!important;
} 


.course_item .to-course
{
  display: block;
  position: absolute;
  bottom: 10px;
  font-size: 13px;
  right: 10px;
  font-family: Arial;
  padding: 3px 10px;
  background: #48ab48;
  color: white!important;    
  text-decoration: none;
}

.course_item .to-course:hover
{
  background: #389638;
}

#course-page .course_item:hover
{ 
    background-color: #f0f0f0;
}

#course-page .course_item
{
	background-position: 30px 23px;
}

#course-page .contact-for-page
{
	padding: 15px;
}

#course-page .contact-for-page td img
{
	position: relative;
	top: 7px;
}

#course-page .contact-for-page td strong, #course-page .contact-for-page td span
{
	position: relative;
	top: 9px;
}

#course-text
{
	padding: 20px;
	background: #f0f0f0;
	font-size: 15px;
}

#course-text .akreditace
{
  display: inline-block;
  padding: 10px 10px 10px 35px;
  background: url(img/akreditace.png) 0px 13px no-repeat;
} 

#course-form .floatRight
{
	background: #48ab48 url(img/mail-send.png) 93px 12px no-repeat;
	color: white;
	border: 0px;
	padding: 13px 60px 13px 20px;
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
	cursor: pointer;
	opacity: 0.3;
}

#course-form .floatRight:hover
{
	background-color: #278b27;
}

#course-form table tr td input
{
	padding: 10px;	
	width: 97%;
}

#course-form table tr td input[name="email"], #course-form table tr td input[name="telefon"]
{
	width: 65%;
}

#course-form
{
	position: relative;
}

#course-form #souhlas
{
 font-size: 13px;
 text-align: center;
 width: 100%;
 display: block;
 margin-top: 15px;
}

#course-form #info_ooo
{
	display: none;
	position: absolute;
	background: rgba(0,0,0,0.8);
	color: white;
	width: 200px;
	bottom: -90px;
	padding: 10px;
	text-align: center;
	line-height: 20px;
	font-size: 13px;
	z-index: 10;
}

#course-form #souhlas input[type="checkbox"]
{
	position: relative;
	top: -1px;
	margin-right: 5px;
	zoom: 1.2;
}


@media (min-width: 600px){
	#course-form table tr td input[name="email"], #course-form table tr td input[name="telefon"]
	{
		width: 93%;
	}
}

#course-form .title
{
	font-size: 15px!important;
	padding: 0px!important;
	margin: 0px!important;
	font-weight: bold;
}

#course-page .course_item .info
{
	margin-top: 17px;
}

#course-page .course_item .lektor 
{
	position: relative;
	float: right;
	padding: 22px;
	margin-left: 20px;
	font-size: 20px;
	color: #676767;
	background: #e9e9e9;
	border-left: 1px solid #d9d9d9;

}

#course-page .course_item .lektor strong
{
	display: block;
	padding: 10px 10px 10px 40px;	
	background: url(img/lektor.png) 0px 15px no-repeat;
}

#course-page .course_item .cena 
{
	position: relative;
	float: right;
	margin-top: 22px;
	font-size: 14px;
  margin-right: 20px;
	color: #858585;
}

#course-page .course_item .cena strong
{
	display: block;
	font-size: 24px;
	color: #484848;
}

#course-page .course_item .akreditace 
{
	position: relative;
	top: -10px;
}

#course-page .course_item .akreditace strong
{
	display: block;
}

#course-page .course_item .date
{
	margin-top: 5px;
}

#course-page .title
{
	text-align: center;
	font-size: 23px;
	color: #676767;
	display: block;
	padding: 5px 0px 40px 0px;
}

#course-page-footer .back-to-course, .news-back
{
	display: inline-block;
	text-decoration: none;
	padding: 7px 14px 7px 36px;
	color: white!important;
	margin-top: 20px;
	background: #f29420 url(img/arrow_back.png) 10px 12px no-repeat;
	font-size: 15px;
}

 .news-back
 {
  margin-top: 0px;
 }

#course-page-footer .back-to-course:hover, .news-back:hover
{
	background-color: #e78a17;	
}




@media (min-width: 800px){
  .course_item .info
  {
   	font-size: 20px;   
  }
  
  .course_item .info .title
	{
	  font-size: 16px;
	  margin-left: 0px;
	}
  
  .course_item .info ul li
	{
	  margin-right: 50px;
	  margin-left: 0px;
	}
}



/* ----- Team ---- */

.team-container
{
  margin: 10px 0 45px 0;
  position: relative;
}

.team-container #team_previous, .team-container #team_next
{
	display: block;
	text-indent: -5555px;
	width: 45px;
	height: 49px;
	position: absolute;
	top: 42%;	
}

.team-container #team_previous
{
	left: 0px;
	background: #dcdcdc url(img/arrow_prev.png) center center no-repeat;
}

.team-container #team_next
{
	right: 0px;
	background: #dcdcdc url(img/arrow_next.png) center center no-repeat;
}

.team-container#team_previous:hover , .team-container #team_next:hover
{
	background-color: #d0d0d0;
}

.team-container .carousel 
{
	display: block;
	overflow: hidden;
	position: relative;
	margin: 10px auto;
	width: 90%;
}

.team-container .carousel-container 
{
	display: block;
	overflow: hidden;
	width: 100%;

	margin: 0 auto 0 auto;
}
.team-container.carousel-wrapper, .team-container .carousel-wrapper2 
{
	clear: both;
	height: auto;
	overflow: hidden;
	margin: 0;    
}

.team-container .team-item
{
	width: 100%;
	height: 258px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
  cursor: pointer;

}

 .team-container .team-item .front, .team-container .team-item .back {
	width: 100%;
	height: 275px;
  color: #444444;
  text-align: center;
}   


.team-container .team-item .front img
{
  margin: 15px 0 0 0;
  border-radius: 50000px;
}

.team-container .team-item .front span.position
{
  font-weight: bold;
  display: block;
  color: #8a8a8a;
  padding: 0px 0;
}

.team-container .team-item .back
{
  background: #f2f2f2;
  text-align: center;
  font-family: Arial;
}

.team-container .team-item .back strong, .team-container .team-item .front strong
{
  font-size: 15px;
  padding: 10px;
  display: block;
  line-height: 27px;
}

.team-container .team-item .front strong
{
  font-size: 18px;
  padding: 10px 0 7px 0;
}

.team-container .team-item .front ul 
{
  margin: 20px 0 0 20px;
}

.team-container .team-item .front ul li
{
  text-align: left;
  font-size: 14px;
  color: #4f4f4f;
  padding: 7px 0 7px 28px;
}

.team-container .team-item .front ul li a
{
  color: #4f4f4f;
}

.team-container .team-item .front ul li.phone{background: url(img/team-phone.png) 0px 7px no-repeat;}
.team-container .team-item .front ul li.mail{background: url(img/team-mail.png) 0px 9px no-repeat;}

.team-container .team-item .back p
{
  font-size: 13px;
  text-align: left;
  line-height: 21px;
  padding: 0 40px;
} 

@media (min-width: 700px){
  .team-container .team-item .back p
  {
    padding: 0 20px;
  }
  
}

/* ----- Přejít nahoru  ---- */

#pageUp
{
	display: none;
	padding: 25px;
	width: 30px;
	opacity: 0.9;
	cursor: pointer;
	height: 20px;
	position: fixed;
	right: 50px;
	bottom: 50px;
	background: #f0f0f0 url(img/pageUp.png) center center no-repeat;
  text-indent: -5555px;
  border-bottom: 3px solid #f89923;
}

@media (max-width: 700px){
  #pageUp
  {
    display: none!important;
  }
}

#pageUp:hover
{
	opacity: 1;
}


/* ----- Mapa ---- */

#social 
{
 padding: 20px;
}

#social .fb-like
{
  position: relative;
  top: 3px;
}

/* ----- Mapa ---- */

.map
{
  border-top: 1px solid #d9d9d9;
}

.map iframe
{
  height: 357px;
}

/* ----- Footer  ---- */

#footer
{
    background: #444444;
    padding: 13px 0 20px 0;
    color: white;
    font-size: 15px;
    line-height: 25px;
}

#footer .wrapper
{
	position: relative;
}

#footer a
{
	color: white;
}

#footer h3
{
  font-size: 24px;
  padding: 10px 0 15px 0;
}


#footer .floatLeft img
{
  margin: 20px 20px 20px 0px;
  position: relative;
  display: none;
}


@media (min-width: 768px){
  #footer .floatLeft img
  {
    display: block;
    margin: 0 30px 0 0;
    top: 16px;
  }
}

#footer .floatLeft .floatLeft
{
  margin: 0 10px 0 20px;
}

@media (min-width: 770px){
  #footer .floatLeft .floatLeft
  {
    margin: 0 50px 0 20px;
  }
}

@media (min-width: 1100px){
  #footer .floatLeft .floatLeft
  {
    margin: 0 170px 0 20px;
  }
}


#footer .floatLeft 
{
	position: relative;
}

#footer .facebook
{
  display: inline-block;
  text-indent: -5555px;
  background: url(img/facebook.png) top left no-repeat;
  width: 21px;
  position: absolute;
  top: 15px;
  right: 35px;
  height: 21px;
  margin-right: 10px;
}

#footer  .linkedin
{
  display: inline-block;
  text-indent: -5555px;
  background: url(img/linkedin.png) top left no-repeat;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 15px;
  right: 0px;
  margin-right: 10px;
}

/* ----- Copyright  ---- */

#copyright
{
    background: #393939 url(img/copyright.png) top left repeat-x;
    padding: 8px 0;
    color: #727272;
    font-size: 14px;
    line-height: 25px;
    text-align: right;
    min-height: 50px;
}

#copyright .floatRight span
{
  display: none;
}

@media (min-width: 500px){
  #copyright .floatRight span
  {
    float: left;
    display: block;
    margin-right: 20px;
  }
}

#copyright .floatRight img
{
  position: relative;
  top: 15px;
}

#copyright .floatLeft img
{
  position: relative;
  top: 8px;
  margin-right: 15px;
}



/* ----- Definice Flip Cotaineru ---- */
.flip-container
{
 	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;

	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
	// transform: rotateY(180deg);
}

.flip-container2:hover .flipper, .flip-container2.hover .flipper {
	transform: rotateY(180deg);
}

.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
  -webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

.front, .back {
	backface-visibility: hidden;
	position: absolute;
	top: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg);
  
  -moz-transition: 0.6s;
  -moz-transform-style: preserve-3d;
  -moz-transform: rotateY(0deg);
  
  -o-transition: 0.6s;
  -o-transform-style: preserve-3d;
  -o-transform: rotateY(0deg);
  
  -ms-transition: 0.6s;
  -ms-transform-style: preserve-3d;
  -ms-transform: rotateY(0deg);
  
  transition: 0.6s;
  transform-style: preserve-3d;
  transform: rotateY(0deg);
	left: 0;
}

.front {
	z-index: 2;
	transform: rotateY(0deg);
}

.back {
	transform: rotateY(180deg);

}




	

/*****************************************************************************************************************************/
/* ----- BROWSERS Fixes ----- */
@-moz-document url-prefix(){} /*Firefox*/
@media screen and (-webkit-min-device-pixel-ratio:0) {} /*Chrome*/