/************************************************************
/************************** GLOBAL **************************
************************************************************/

/*
* {margin: 0; padding: 0; border: 0; }
*/

body { background-color: #ffffff; font-family: Arial, sans-serif; font-size: 13px; color:#313131;  margin: 0; padding: 0; }

html {min-height: 100%; position: relative;}

body {line-height: 1; margin: 0 0 225px; /* bottom = footer height */}

ol, ul {list-style: none; }

p {padding: 0 0 20px 0; line-height: 22px;}        

p.right {text-align: right; }

p.center {text-align: center; }

a:focus {-moz-outline-style:none;}

.bold{font-weight:bold;}

a { text-decoration:underline; font-family:Arial, sans-serif; font-size:12px; color: #3fb2d2; }

a:hover { text-decoration:none;}

.space{margin-top:10px;}

input, textarea {font-family: "Tahoma", Trebuchet MS, Verdana, Arial, lucida, sans-serif; }

table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: middle; background: transparent; }

img.left, .alignleft {float: left; margin-right: 20px; margin-bottom: 20px;}

img.right, .alignright {float: right; margin-left: 40px; margin-bottom: 30px}



.both {
	clear: both;
	overflow: hidden;
}

.cleaner {clear: both; display:block; height: 0px; line-height: 0px; overflow:hidden; border: none; padding:0;  margin: 0;}

kbd {padding: 0 2px;background: #EFEFEF;border-top: 1px solid #c0c0c0;border-left: 1px solid #c0c0c0;border-bottom: 2px solid #c0c0c0;border-right: 2px solid #c0c0c0;-moz-border-radius: 4px;}

@font-face {
    font-family: "Hand Of Sean";
    
    src:
    url('../fonts/100463868-handsean.woff') format('woff'),
    url('../fonts/100463868-handsean.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.gray {
	color: #cccccc !important;
}


/* ==========================================================================
   non-semantic helper classe
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }



/************************************************************
/************************** MAIN ****************************
************************************************************/

#main {
	background: url('../../../../images/top.jpg') no-repeat center top; 
	width: 100%;
	min-height: 100%;
	overflow: hidden;
}

#main.subpage {
	background: url('../images/bg2.jpg') repeat-x left top; 
}
#main.subpage.nazory {
	background: url('../../../../images/top.jpg') no-repeat center top; 
}
#main.subpage.submenu {
	background-position-y: 35px;
}


body > #main {height: auto; }

#line {
	background: url('../images/line.jpg') no-repeat center top;
	height: 10px;
}

.warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc;
    padding: 15px;
    border-radius: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.5;
    font-family: 'Ubuntu',sans-serif;
    font-size: 14px;
}

/************************************************************
/************************** CONTAINER ***********************
************************************************************/

.container {
	width: 990px; 
	position:relative; 
	margin: 0 auto; 
	
}

/************************************************************
/************************** HEADER ***********************
************************************************************/

#header {
	width: 990px; 
	height:115px; 
	position:relative;
	z-index: 1;
	background: url('../images/shape.png') no-repeat 300px top;
}

#header #logo { 
width: 206px;
height: 57px;
background: url('../images/logo.png');
margin: 0;
padding: 0;
margin: 0 auto;
position: absolute;
top: 30px;
}

#header div#logo a {
	text-decoration: none;
}

#header div#logo a img {
	border: 0;
}

#header div#logo span {z-index: 1;}

#header #menu  {
	position: absolute;
	right: 0;
	top: 55px;
}

.subpage #header #menu {
	right: 5px;
}

#header #menu li  {
	float: left;
}

#header #menu li.active  {
	background: url('../images/arrow-top.png') no-repeat 46px 22px;
}

#header #menu li a {
	font-family: 'Ubuntu', sans-serif;
	text-decoration: none;
	color: #2a5776;
	font-size: 15px;
	margin-right: 35px;
	height: 44px;
	display: block;
}

#header #menu li:last-child a {
	margin-right: 0;
}

#header #menu li a:hover{
	color: #23a7cc;
}

#header #menu li a.active {
	color: #e46e33;
}

#header #language {
	position: absolute;
	right: 0;
	top: 15px;
}

#header #language ul{
	margin: 0;
}

.subpage #header #language {
	right: 5px;
}

#header #language a {
	background: url('../images/language.png') no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 59px;
	height: 26px;
}

#header #language li.lang-item-3 a {
	background-position: 0 -26px;
}

#header #language li a:hover {
	background-position: 0 -52px;
}

#header #language li.lang-item-3 a:hover {
	background-position: 0 -78px;
}

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

.hp #wrapper {
	position: relative;
	height: 590px;
	background: url('../../../../images/girl.png') no-repeat center bottom;
}

.hp #wrapper.image2 {
	background: url('../images/boy.png') no-repeat center bottom;
}
.hp #wrapper.image3 {
	background: url('../../../../images/woman.png') no-repeat center bottom;
}

.subpage #wrapper {
	position: relative;
	background: none;
	height: 450px;
}
#main.subpage.courses, #main.subpage.teachers, #main.subpage.firemni, #main.subpage.about, #main.subpage.contacts  {
	background: url('../images/top3.jpg') no-repeat center top;
}
#main.subpage.courses {
	background-position-y: 39px;
}
#main.subpage.courses #header, #main.subpage.submenu #header{
	height: 102px;
}

/**********

HP vizual

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

#wrapper .bubbles {
	width: 887px; height: 416px;
	background: url('../../../../images/hp-bubbles.png') no-repeat center bottom;
	position: relative;
	top: 88px;
}

#wrapper .bubble {
	position: absolute;
	
}


.center-element {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    
}
.padding30 {
    padding: 30px;
}
.padding10 {
    padding: 10px;
}

#main.hp .container #wrapper .bubble {
    position: absolute;
    color: white;
    text-align: center;
    font-family: 'Ubuntu',sans-serif;
    font-size: 16px;
    
   
    overflow: hidden;
    
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    
    -webkit-box-shadow: 2px 5px 0px rgba(34, 62, 126, 0.2);
    -moz-box-shadow: 2px 5px 0px rgba(34, 62, 126, 0.2);
    box-shadow: 2px 5px 0px rgba(34, 62, 126, 0.2);
    
    /*-webkit-font-smoothing: antialiased;*/
    /*text-rendering: optimizeLegibility;*/
    
}

    #main.hp .container #wrapper .bubble h2{
        font-family: "Hand Of Sean",sans-serif;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
        font-size: 40px;
        margin-top: 0;
        margin-bottom: 10px;
        font-weight: normal;
    }
    #main.hp .container #wrapper .bubble .big{
        font-size: 120%;
    }
    #main.hp .container #wrapper .bubble.purple h2{
        font-size: 29px;
    }
    #main.hp .container #wrapper .bubble p{
        line-height: 1.3em;
        margin-bottom: 0;
        padding-bottom: 0;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    #main.hp .container #wrapper .bubble.green p{
        font-family: "Hand Of Sean",sans-serif;
        padding: 0;
        margin: 0;
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }
    #main.hp .container #wrapper a.bubble {
        text-decoration: none;
    }
    #main.hp .container #wrapper .bubble.green {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }



#wrapper a.bubble {
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
}
#wrapper a:hover.bubble {
	margin-top: 10px;
}

#wrapper .bubble.blue {
	width: 304px; height: 304px;
	/*background: url('../../../../images/bubble-blue.png') no-repeat center center;*/
    background-color: #23a7cc;
    
    font-size: 17px;
    
	top: 117px; left: 72px;
	animation:bubbleblue 2s;
	-webkit-animation:bubbleblue 2s;
}
#wrapper .bubble.blue.en {
	background: url('../../../../images/en/bubble-blue.png') no-repeat center center;
}

@keyframes bubbleblue {
	from {opacity: 0; top: 157px;}
	to {opacity: 1; top: 117px;}
}
@-webkit-keyframes bubbleblue /* Safari and Chrome */ {
	from {opacity: 0; top: 157px;}
	to {opacity: 1; top: 117px;}
}

#wrapper .bubble.green {
	width: 150px; height: 150px;
	/*background: url('../../../../images/bubble-green.png') no-repeat center center;*/
    background-color: #b2bb4d;
	top: 345px; left: 0px;
	animation:bubblegreen 2s;
	-webkit-animation:bubblegreen 2s;
}
#wrapper .bubble.green.en {
	/*background: url('../../../../images/en/bubble-green.png') no-repeat center center;*/
    background-color: #b2bb4d;
}

@keyframes bubblegreen {
	from {opacity: 0; top: 395px;}
	to {opacity: 1; top: 345px;}
}
@-webkit-keyframes bubblegreen /* Safari and Chrome */ {
	from {opacity: 0; top: 395px;}
	to {opacity: 1; top: 345px;}
}

#wrapper .bubble.purple {
	width: 270px; height: 270px;
	/*background: url('../../../../images/bubble-purple.png') no-repeat center center;*/
    background-color: #a1156c;
	top: 97px; left: 561px;
	animation:bubblepurple 2s;
	-webkit-animation:bubblepurple 2s;
}
    

#wrapper .bubble.purple.en {
	background: url('../../../../images/en/bubble-purple.png') no-repeat center center;
}

@keyframes bubblepurple {
	from {opacity: 0; top: 47px;}
	to {opacity: 1; top: 97px;}
}
@-webkit-keyframes bubblepurple /* Safari and Chrome */ {
	from {opacity: 0; top: 47px;}
	to {opacity: 1; top: 97px;}
}

#wrapper .bubble.pink {
	width: 104px; height: 104px;
	background: url('../images/bubble-pink.png') no-repeat center center;
	top: 83px; left: 768px;
	animation:bubblepink 2s;
	-webkit-animation:bubblepink 2s;
}
#wrapper .bubble.pink.en {
	background: url('../images/bubble-pink.png') no-repeat center center;
}

@keyframes bubblepink {
	from {opacity: 0; top: 33px;}
	to {opacity: 1; top: 83px;}
}
@-webkit-keyframes bubblepink /* Safari and Chrome */ {
	from {opacity: 0; top: 33px;}
	to {opacity: 1; top: 83px;}
}

.whitebutton {
	display: block;
	position: absolute;
	right: 0;
	bottom: 45px;
	width: 110px; height: 45px;
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;	
	border-radius: 12px;
	color: #094b85;
	padding: 25px 15px 15px 75px;
	font-family: 'Ubuntu',sans-serif;
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	background: url('../images/whitebutton.jpg') no-repeat left 14px #fff;
	-webkit-box-shadow:  2px 2px 1px 0px #bfcddb;
	        box-shadow:  2px 2px 1px 0px #bfcddb;
	transition: all 0.2s;
	-webkit-transition: all 0.2s; /* Safari */
}

.whitebutton:hover {
	bottom: 50px;
	-webkit-box-shadow:  5px 5px 1px 0px #bfcddb;
	        box-shadow:  5px 5px 1px 0px #bfcddb;
}

/**********

KURZY VIZUAL

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

#wrapper .bubble.courses1 {
	width: 300px; height: 300px;
	padding: 25px;
	background: url('../images/bubble-white.png') no-repeat center center;
	text-align: center;
	top: 48px; left: 320px;
	z-index:3;
}

#wrapper .bubble.courses1 h1 {
	color: #35a6cc;
	font-family: "Hand Of Sean",sans-serif;
	font-size: 50px;
	margin-top: 25px;
	margin-bottom: 30px;
	font-weight: normal;
}

#wrapper .bubble.courses1 h1.en {
	font-size: 40px;
	margin-top: 55px;
}

#wrapper .bubble.courses1 p {
	color: #094b85;
	font-family: 'Ubuntu',sans-serif;
	font-size: 15px;
	font-weight: 300;
	padding: 0 20px;
	line-height: 1.2em;
}

#wrapper .bubble.photo1 {
	width: 272px; height: 272px;
	background: url('../images/bubble-photo1.png') no-repeat center center;
	top: 91px; left: 114px;
	z-index:1;
	animation: bubbleleft 2s;
	-webkit-animation: bubbleleft 2s;	
}
@keyframes bubbleleft {  from {opacity: 0; left: 314px;} to {opacity: 1; left: 114px;}  }
@-webkit-keyframes bubbleleft /* Safari and Chrome */ {  from {opacity: 0; left: 314px;} to {opacity: 1; left: 114px;}  }



#wrapper .bubble.photo2 {
	width: 272px; height: 272px;
	background: url('../images/bubble-photo2.png') no-repeat center center;
	top: 91px; left: 604px;
	z-index:1;
	animation: bubbleright 2s;
	-webkit-animation: bubbleright 2s;	
}
@keyframes bubbleright {  from {opacity: 0; left: 394px} to {opacity: 1; left: 604px}  }
@-webkit-keyframes bubbleright /* Safari and Chrome */ {  from {opacity: 0; left: 394px} to {opacity: 1; left: 604px}  }

@keyframes fade {  from {opacity: 0;} to {opacity: 1;}  }
@-webkit-keyframes fade /* Safari and Chrome */ {  from {opacity: 0;} to {opacity: 1;}  }


#wrapper .bubble.green2 {
	width: 144px; height: 144px;
	background: url('../images/bubble-green2.png') no-repeat center center;
	top: 76px; left: 34px;
	z-index:2;
	animation: fade 2s;
	-webkit-animation: fade 2s;		
}

#wrapper .bubble.green2.en {
	background: url('../images/bubble-green2.png') no-repeat center center;
}

#wrapper .bubble.pink2 {
	width: 144px; height: 141px;
	background: url('../images/bubble-pink-2.png') no-repeat center center;
	top: 216px; left: 784px;
	z-index:2;
	animation: fade 2s;
	-webkit-animation: fade 2s;		
}
#wrapper .bubble.pink2.en {
	background: url('../images/bubble-pink-2.png') no-repeat center center;
}



.linebar {
	clear: both;
	border-top: 1px solid #c9dade;
	border-bottom: 1px solid #c9dade;
}
.linebar.header {
	border-bottom: none;
}

.linkbar {
	margin: 0;
	padding: 5px 0 10px 0;
	width: 970px;
	margin: 0 auto;
	text-align: right;
	height: 35px;
}
.linkbar li{
	display: inline-block;
	font-family: 'Ubuntu',sans-serif;
}

.linkbar li a{
	color: #094b85;
	font-size: 13px;
	line-height: 35px;
	padding: 10px 0px 10px 24px;
	font-family: 'Ubuntu',sans-serif;
	text-decoration: none;
	font-weight: 400;
	
}
/*
.linkbar li a.nazory{	background-position-y: -91px; }
.linkbar li a.uroven{	background-position-y: -188px; }
.linkbar li a.akce{	background-position-y: -287px; }
*/

.linkbar li a:hover{
	color: #35a6cc;
}

h2.oblibene {
	background: url('../../../../images/courses-h-ico.png') no-repeat 0px 6px;
	line-height: 60px;
	padding-left: 70px;
}
h2.ostatni {
	background: url('../../../../images/courses-h-ico.png') no-repeat 0px -180px;
	line-height: 60px;
	padding-left: 70px;
}
h2.be {
	background: url('../../../../images/courses-h-ico.png') no-repeat 0px -362px;
	line-height: 60px;
	padding-left: 70px;
}

h2.morning {
	background: url('../images/courses-h-ico2.png') no-repeat 0px 6px;
	line-height: 60px;
	padding-left: 70px;
}
h2.evening {
	background: url('../images/courses-h-ico2.png') no-repeat 0px -180px;
	line-height: 60px;
	padding-left: 70px;
}
h2.individual {
	background: url('../images/courses-h-ico2.png') no-repeat 0px -362px;
	line-height: 60px;
	padding-left: 70px;
}
h2.prepare {
	background: url('../images/courses-h-ico2.png') no-repeat 0px -547px;
	line-height: 60px;
	padding-left: 70px;
}

h2.summer {
	background: url('../images/courses-h-ico2.png') no-repeat 0px -729px;
	line-height: 60px;
	padding-left: 70px;
}



/**********

SKOLENI UCITELU VIZUAL

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

.teachers #wrapper .bubble.courses1 h1{
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: normal;
    font-size: 37px;
    padding: 0 42px;
}
.teachers #wrapper .bubble.photo1 {
width: 304px;
height: 304px;
background: url('../../../../images/bubble-photo3.png') no-repeat center center;
top: 77px;
}
.teachers #wrapper .bubble.photo2 {
width: 295px;
height: 295px;
background: url('../../../../images/bubble-photo4.png') no-repeat center center;
top: 77px;
}

.teachers #wrapper .bubble.green2 {
	width: 150px;
	height: 150px;
	background: url('../../../../images/bubble-purple-3.png') no-repeat center center;
}

.citace {
	width: 720px;
	margin: 0 auto;
	color: #094b85;
	font-family: 'Ubuntu',sans-serif;
	font-size: 17px;
	font-weight: 300;
	padding: 70px 125px 70px 125px;
	line-height: 1.5em;
	background: url('../images/claim.png') no-repeat 15px 25px, url('../images/claim2.png') no-repeat right bottom;
}


/**********
 O NAS
 ***********/
 
 #wrapper .bubble.about {
 	width: 317px; height: 317px;
 	padding: 45px;
 	background: url('../images/bubble-white-2.png') no-repeat center center;
 	text-align: center;
 	top: 15px; left: 0;
 	z-index:3;
 	
 }
 
 #wrapper .bubble.about h1, .bubble.contacts h1 {
 	color: #35a6cc;
 	font-family: "Hand Of Sean",sans-serif;
 	font-size: 50px;
 	margin-top: 25px;
 	margin-bottom: 30px;
 	font-weight: normal;
 }
 .bubble.contacts h1 {
 	font-size: 47px;
 	margin-top: 12px;
 }
 #wrapper .bubble.about p {
 	color: #094b85;
 	font-family: 'Ubuntu',sans-serif;
 	font-size: 15px;
 	font-weight: 300;
 	padding: 0 30px;
 	line-height: 1.2em;
 }
 
 .about #wrapper .bubble.photo5 {
 width: 551px;
 height: 446px;
 background: url('../images/bubble-photo5b.png') no-repeat center center;
 top: 0px;
	left: 340px;
	animation: fade 2s;
	-webkit-animation: fade 2s;	
 }

.whitebutton.fotografie {
	background-position-y: -248px;
}

.whitebutton.facebook {
	bottom: 140px;
	background-position-y: -111px;
}

.whitebutton.applyNow {
	background-position-y: -381px;
    background-color: #b6b74c;
    color: white;
    border: 3px solid white;
    z-index: 50;
}

.whitebutton.facebook:hover {
	bottom: 145px;
}


/*********
CONTACTS
***********/

.bubble.contacts {
	width: 247px; height: 307px;
	/* 407 x 407 */
	padding: 50px 80px;
	background: url('../images/bubble-white-2.png') no-repeat center center;
	text-align: center;
	top: 15px; right: 50px;
	z-index: 99;
	position: absolute;
	
	font-family: 'Ubuntu',sans-serif;
	color: #094b85;
}


#googlemap {
	position: relative;
	height: 450px;
}

.bubble.contacts h1 {
	text-align: center;
	margin-bottom: 20px;
	font-weight: normal;
}

.bubble.contacts ul {
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom: 1px solid #d4e1e5;
	padding-bottom: 10px;
}

.bubble.contacts li {
	font-size: 24px;
	background: url('../images/contacticons.png') no-repeat left 0px;
	padding: 5px 0 5px 35px;
}


.bubble.contacts li.phone {
	background-position-y: 3px;
}
.bubble.contacts li.mail {
	background-position-y: -100px;
	font-size: 19px;
}

.bubble.contacts li.mail a {
	font-size: 19px;
	text-decoration: none;
	border-bottom: 1px solid #ffffff;
	font-family: 'Ubuntu',sans-serif;
}
.bubble.contacts li.mail a:hover {
	border-bottom: 1px solid #c6ebf1;
}

.bubble.contacts li.mail .small {
	font-size: 12px;
	display: block;
}

.bubble.contacts p {
	line-height: 1.2em;
}



.button1 {
	width: 189px;
	padding-left: 30px;
	height: 41px;
	background: url('../../../../images/button1.png') no-repeat left top;
	text-align: center;
	line-height: 41px;
	display: block;
	opacity: .75;
	color: #fff;
	text-decoration: none;
	font-family: 'Ubuntu',sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #ce2020;
	margin-top: 28px;
	float: left;
	margin-right: 10px;
	
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}


.button1:hover{
	opacity: 0.999;
}

.button2 {
	width: 200px;
	padding-left: 30px;
	height: 41px;
	background: url('../../../../images/button2.png') no-repeat left top;
	text-align: center;
	line-height: 41px;
	display: block;
	opacity: .75;
	color: #fff;
	text-decoration: none;
	font-family: 'Ubuntu',sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #45749a;
	margin-top: 28px;
	float: left;
	
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

.button2:hover{
	opacity: 0.999;
    
}

.button-green  {
    text-decoration: none;
    padding: 15px 30px 15px 54px;
    
    font-family: 'Ubuntu',sans-serif;
	font-size: 15px;
	font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 50px;
    border-radius: 26px;
    background: #b6b74c url('../images/check.png') left center no-repeat;
    
    -moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
    
    color: white !important;
}



.button-green:hover  {
    background-color: #8d9f17;
}


.button3 {
	width: 119px;
	height: 26px;
	background: url('../../../../images/button3.png') no-repeat left top;
	text-align: center;
	line-height: 26px;
	display: block;
	opacity: .75;
	color: #fff;
	text-decoration: none;
	font-family: 'Ubuntu',sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000044;
	float: left;
}

.button3:hover{
	opacity: 1;
	-moz-transition: opacity .5s linear;
    -webkit-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}


#main.subpage.contacts .linebar {
	padding: 30px 0 30px 0 ;
	border-bottom: none;
}


#main.subpage.contacts .linebar h2 {
	color: #fed200;
	font-size: 25px;
	font-family: 'Ubuntu',sans-serif;
	font-weight: bold;
	background: url('../images/opened.png') no-repeat left center;
	padding-left: 55px;
	line-height: 25px;
	margin-top: 20px;
}

#main.subpage.contacts .linebar .tretina {
	width: 300px;
	padding-right: 50px;
	float: left;
	
}

#main.subpage.contacts .linebar .dvetretiny {
	width: 390px;
	float: left;
}

#main.subpage.contacts .linebar table, #main.subpage.contacts .linebar tr, #main.subpage.contacts .linebar td, #main.subpage.contacts .linebar th {
	background-color: #eaf1f4;
	color: #333333;
	font-weight: 300;
	font-family: 'Ubuntu',sans-serif;
	font-size: 17px;
	margin: 0;
	border: none;
}

#main.subpage.contacts .linebar tr {
	border-bottom: 2px solid #fff;
}
#main.subpage.contacts .linebar th {
	text-align: right;
	padding: 5px;
}
#main.subpage.contacts .linebar td {
	font-weight: 500;
	padding: 5px;
}


/************************************************************
/************************** CONTENT ***********************
************************************************************/

#content {
	position: relative;
	padding-top: 45px;
}

#content.sub {
	padding-left: 20px;
	padding-bottom: 40px;
}

.firemni #content.sub {
	padding-bottom: 0;
}

#main.subpage.courses #content.sub {
	padding-top: 10px;
}

#content.sub p {
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
}

#content.sub a {
	color: #35a6cc;
	font-weight: bold;
	font-size: 12px;
}

#content.sub a:hover {
	text-decoration: none;
	color: #e46e33;
}

#content.sub .sub-part {
	position: relative;
}

#content.sub .sub-part .sub-left-part {
	float: left;
    position: relative;
    width: 570px;
    z-index: 20;
}

#content.sub h1 {
	font-family: "Hand Of Sean",sans-serif;
	font-size: 50px;
	color: #35a6cc;
	font-weight: 500;
	padding-bottom: 20px;
	margin-bottom: 25px;
	font-weight: normal;
}

#content.sub h2, .loga h2 {
	font-size: 29px;
	font-weight: 300;
	font-family: 'Ubuntu',sans-serif;
	color: #094b85;
	padding-bottom: 9px;
	margin-bottom: 3px;
}

#content.sub h2 a {
	font-size: 29px;
	font-weight: 300;
	font-family: 'Ubuntu',sans-serif;
	color: #094b85;
	text-decoration: none;
	border-bottom: 1px solid #94badb;
}
#content.sub h2 a:hover {
	border: none;
}

#content.sub h3 {
	font-family: 'Ubuntu',sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #35a6cc;
	margin-bottom: 15px;
}

#content.sub .sub-part .sub-left-part p.big,  #content.sub p.big{
	color: #2A5776;
    font-size: 20px;
    font-weight: normal;
    line-height: 23px;
    margin-bottom: 0;
    padding-bottom: 2px;
	font-family: 'Ubuntu',sans-serif;
}

#content.sub .sub-part img.sub-right-part {
	bottom: 14px;
    position: absolute;
    right: 0px;
    z-index: 5;
}

#content.sub .two-coll {
	position: relative;
	margin-bottom: 20px;
}

#content.sub .two-coll p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#content.sub .column {
	float: left;
	width: 450px;
	margin-right: 30px;
}

#content.sub .bluebox, #content.sub .bluetextbox {
	background-color: #eaf1f4;
	color: #094b85;
	clear: both;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content.sub .bluetextbox {
	text-align: left;
	padding: 10px 260px 10px 30px;
	background: #eaf1f4 url('../../../../images/trinity.png') no-repeat 750px center;
}

#content.sub .bluebox p{
	font-family: 'Ubuntu',sans-serif;
	color: #2a5776;
	padding: 0;
	font-size: 16px;
}
#content.sub .bluebox p a{
	font-family: 'Ubuntu',sans-serif;
	color: #2a5776;
	padding: 0;
	font-weight: normal;
	font-size: 16px;
	text-decoration: underline;
}
#content.sub .bluebox p a:hover{
	text-decoration: none;
}

#content.sub .middlebox {
	float: left;
	width: 340px;
	margin-right: 20px;
}
#content.sub .sidebox{
	float: left;
	margin-left: 15px;
	width: 310px;
	margin-top: 25px;
	
	padding-top: 10px;
}
#content.sub .sidebox h2{
	font-size: 16px;
	margin-top: 0;
}
#content.sub .sidebox h3{
	font-size: 14px;
	margin-bottom: 3px;
}

#content.sub .sidebox p{
	padding: 0;
	margin: 2px;
	line-height: 15px;
}

#content.sub .img-main{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 25px;
	width: 264px;
	height: 392px;
}

#content.sub .notepad {
	background: url('../../../../images/paperpan.png') no-repeat right bottom;
	padding-right: 400px;
	margin-bottom: 40px;
}

#content.sub .two-coll .left-coll {
	float: left;
	width: 450px;
}

#content.sub .two-coll .right-coll {
	float: right;
	width: 450px;
}

#content.sub ul {
	margin: 0 0 54px;
	padding: 0;
}

#content.sub ul li {
	background: url('../images/li2.png') no-repeat left 5px;
	padding-left: 20px;
	line-height: 18px;
	margin-bottom: 10px;
}

#content .box {
	position: relative;
	font-family: Arial ,sans-serif;
	background: url('../images/shadow.png') no-repeat right center;
	width: 330px;
	height: 272px;
	overflow: hidden;
	float: left;
}

#content .box.with-man {
	padding-right: 20px;
	width: 330px;
}

#content .box.with-man p {
	font-size: 12px;
	line-height: 16px;
	margin-top: 20px;
	margin-bottom: 0;
	padding-right: 20px;
}

/* box news */
#content .box.news{
	postition: relative;
}
#content .box.news ul#posts {
	margin: 0; padding: 0;
	width: 284px;
	overflow: hidden;
	
}

#content .box.news .post {
	border-bottom: 1px solid #c9dade;
	width: 284px;
	overflow: auto;
	padding: 12px 0 12px 0;
	height: 64px !important;
}

#content .box.news .left {
	width: 80px;
	float: left;
	text-align: center;
	color: #23a7cc;
}

#content .box.news .left .day{
	font-family: 'Ubuntu',sans-serif;
	font-size: 41px;
	font-weight: 500;
}
#content .box.news .left .month{
	font-family: 'Ubuntu',sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

#content .box.news .right {
	width: 204px;
	float: left;
	height: 64px;
	overflow: hidden;
}
#content .box.news .right a{
	text-decoration: none;
}
#content .box.news .right a:hover{
	text-decoration: underline;
}
#content .box.news p, #content .box.news h2 {
	padding-left: 5px;
}

#content .box.news p, #content .box.news h3 {
	margin: 0; padding: 0;
	line-height: 1.4em;
	font-size: 12px;
}

#content .box.news .bx-prev, #content .box.news .bx-next {
	width: 17px;
	height: 24px;
	background: url('../images/prevnext.jpg') no-repeat top left;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	bottom: -25px;
	right: 22px;
}
#content .box.news .bx-next {
	background: url('../images/prevnext.jpg') no-repeat top right;
	right: 0px;
}


#content .box.map {
	background: url('../images/map.jpg') no-repeat top left, url('../images/shadow.png') no-repeat right center;
	padding-left: 150px;
	width: 193px;
}

#content .box .map.man {
	padding-top: 0;
}

#content .box.fb {
	width: 292px;
	background: none;
	margin-left: 10px;
}

#content .box strong.title, #content .box h2.title {
	color: #2a5776;
	font-size: 21px;
	font-family: 'Ubuntu',sans-serif;
	margin: 0 0 13px 0;
	font-weight: 500;
}

#content .box strong.title  + span {
	color: #23a7cc;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	font-family: 'Ubuntu',sans-serif;
}

address {
	font-size: 12px;
	color: #333333;
	font-style: normal;
	margin-top: 21px;
	line-height: 16px;
}

#content .box  ul {
	margin-left: 0px;
	padding-left: 0px;
}

#content .box  ul li.phone {
	background: url('../images/phone.png') no-repeat left top;
	padding-left: 17px;
	font-weight: bold;
	margin-bottom: 2px;
}

#content .box  ul li.mail {
	background: url('../images/mail.png') no-repeat left 2px;
	padding-left: 17px;
	font-weight: bold;
}

#content .box ul.time {
	width: 120px;
}

#content .box ul.time li{
	color: #666666;
	font-size: 12px;
	border-bottom: 1px solid #c9dade;
	margin-bottom: 6px;
    padding-bottom: 6px;
}

#content .box ul.time span {
	color: #333333;
    float: right;
    text-align: right;
}

/*************************TABLE***************************/

table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-bottom: 36px;
}

table tr th {
	height: 25px;
	line-height: 25px;
	background: #f3f7fb ;
	padding-left: 10px;
	color: #094b85 ;
	border-right: 2px solid #fff;
}
table tr th p{
	color: #477493 !important;
}
table tr td {
	height: 25px;
	line-height: 25px;
	background: #f3f7fb;
	padding-left: 10px;
	color: #fff;
	border-right: 2px solid #fff;
	color: #000;
}

table tr.odd td {
	background: #dae5ee;
}

/***********************FORM*****************************/
form {
	position: relative;
	margin-top: 30px;
}

form label {
	color: #7f7f7f;
	font-size: 12px;
	margin-left: 8px;	
}

form p {
	margin-bottom: 14px;
	padding-bottom: 0;
}

form input[type="text"] {
	background: #fff;  
	display: block;
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width: 208px;
	height: 28px;
	margin-top: 3px;
	color: #333333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	padding-left: 15px;
	box-shadow: 0 12px 8px -5px #E9E9E9 inset;
}

form p.area {
	left: 300px;
    margin: 0;
    position: absolute;
    top: 0;
}

form textarea {
	background: #fff; 
	border: 1px solid #b7b7b7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #333333;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 12px;
    height: 78px;
    padding: 10px;
    width: 500px;
	text-align: left;
	box-shadow: 0 14px 21px 1px #E9E9E9 inset;
}

form input[type=submit] {
	width: 129px;
	height: 33px;
	background: url('../../../../images/submit.png') no-repeat left top;
	text-align: center;
	line-height: 33px;
	display: block;
	opacity: .75;
	color: #fff;
	text-decoration: none;
	font-family: 'Ubuntu',sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #000044;
	clear: both;
	border: 0;
	cursor: pointer;
	padding: 0;
	margin-top: 25px;
	box-shadow: none;
}

form input[type=submit]:hover{
	opacity: 1;
	-moz-transition: opacity .5s linear;
    -webkit-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}

/************************************************************
/************************** FOOTER ***********************
************************************************************/

#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #2b2e2f;
	height: 200px;
		
}

#footer .container.toppart {
	padding-top: 40px;
	padding-bottom: 60px;
}
#footer .container.bottompart {
	padding-top: 15px;
}

#footer .container {
	position: relative;
}

#footer ul.social {
	float: left;
    margin: 0 10px 0 0;
    padding: 0;
    margin-top: 20px;
}

#footer ul.social li {
	float: left;
}

#footer ul.social li a {
	display: block;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	opacity: .75;
	margin-right: 6px;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

#footer ul.social li a:hover{
	opacity: 1;
}

#footer ul.social li a.face {
	background: url('../images/facebook.png') no-repeat left top;
}

#footer ul.social li a.twitter {
	background: url('../../../../images/twitter.png') no-repeat left top;
}

#footer ul.social li a.plus {
	background: url('../images/plus.png') no-repeat left top;
}

#footer .menu-footer {
	position: relative;
	float: left;
	margin-top: 20px;
}

#footer .menu-footer ul.links {
	margin: 0;
	padding: 0;
	
}

#footer .menu-footer ul.links li {
	float: left;
	margin: 2px 0;
}

#footer .menu-footer ul.links li a {
	color: #afaeae;
	font-weight: bold;
	font-size: 11px;
	text-shadow: 0px -1px 1px #000;
	text-decoration: none;
	margin-right: 18px;
}

#footer .menu-footer ul.links li a:hover {
	color: #fff;
}

#footer .menu-footer span.copyright {	
	clear: both;
    display: block;
	color: #afaeae;
	font-size: 11px;
	text-shadow: 0px -1px 1px #000;
	margin-top: 18px;
}

#footer #bitworks {
	background: url('../images/bitworks.png') no-repeat left top;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	width: 125px; height: 16px;
	position: absolute;
	right: 0;
	top: 13px;
	opacity: .7;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

#footer #bitworks:hover{
	opacity: 1;
}


#content.sub .courses .collapsible h2 .new, #content.sub .courses .collapsible h3 .new {
	padding: 5px;
	font-size: 12px;
	background-color: #e7265f;
	color: white;
	text-shadow: none;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	top: -3px;
}

/* footer newsletter */

#footer .newsletter {
	width: 290px;
	float: right;
	color: #fff;
}
	#footer .newsletter form{
		margin-top: 7px;
	}
	#footer .newsletter .gform_fields {
		padding: 0 !important;
		margin: 0 !important;
	}
	#footer .newsletter .gform_body ul, #footer .newsletter .gform_fields li, #footer .newsletter .gform_footer, #footer .newsletter .gform_body{
		display: inline-block;
	}
	#footer .newsletter .gform_fields label {
		display: none;
	}
	#footer .newsletter .gfield_description{
		font-size: 13px;
		font-weight: 500;
		font-family: 'Ubuntu',sans-serif;
		margin-top: 0;
		margin-bottom: 4px;
	}
	#footer .newsletter input[type="text"]{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		border-right: none;
		display: inline-block;
		padding-top: 2px;
	}
	#footer .newsletter input[type=submit]{
		margin-top: 4px;
		width: 40px;
		border-top-right-radius: 17px;
		border-bottom-right-radius: 17px;
		display: inline-block;
		background: url('../images/small-arrow.png') no-repeat center center #6299b6;
		height: 33px;
		margin-left: -5px;

		display: block; border: 0; text-indent: -999em; overflow: hidden;  text-align: left; direction: ltr; *line-height: 0;
	}
	#footer .newsletter .validation_error {
		width: auto;
		display: none;
	}
	#footer .newsletter .validation_message {
		position: absolute;
		top: 66px;
	}
	#footer .gform_ajax_spinner {
		position: absolute;
		top: 29px;
		left: 201px;
	}

.copyright {
	color: #afaeae;
	border-top: 1px solid #545454;
	font-size: 11px;
}


/*************
quiz
*************/

#mtq_question-1-1::before {
	content: "";
    padding-bottom: 30px;
    display: block;
}
.mtq_quiz_area {
    
}

.mtq_quiz_area .mtq_question_label {
    color: #477493;
    font-weight: 400;
    font-size: 12px;
}

.mtq_quiz_area p{
	margin: 0;
	padding: 0;
}
.mtq_quiz_area h2{
	display: none;
}
.mtq_question_heading_table {
	border-bottom: none !important;
	color: #767676;
	
}
.mtq_question_heading_table td{
	padding: 3px !important;
    background: none;
}
.mtq_question_text {
	color: #2a5776;
	font-size: 20px;
	background-color: #e4eff2;
	width: 100%;
	padding: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    font-family: 'Ubuntu',sans-serif !important;
}
.mtq_quiz_area  .mtq_answer_table {
	margin-bottom: 30px;
    width: 95%!important
}

.mtq_quiz_area  .mtq_answer_table .mtq_selected_row {
    
}

.mtq_oce_first {
	background: none !important;
}
.mtq_answer_table td {
	padding-top: 0 !important;
    background: none;
}
.mtq_selected_row {
	background-color: #f2dcac !important;
}

.mtq_answer_text {
    font-size: 15px;
    font-family: 'Ubuntu',sans-serif !important;
}


.threecol {
	width: 30%;
	padding-right: 3%;
	float: left;
	color: black !important;
	margin-top: 30px;
	margin-bottom: 60px;
}

.threecol .big{
	font-family: 'Ubuntu',sans-serif;
	color: #E46E33;
	font-size: 30px;
	background-color: #f7eadf;
	padding: 7px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 55px;
}
.threecol strong{
	color: #666666;
}

.mtq_quiz_results_highlight {
	display: none !important;
}


/*
.mtq_quiz_results_bubble {
	padding: 20px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	background-color: #E5EBEF !important;
}
*/

.mtq_quiz_results_bubble {
	padding: 0px !important;
	background: none !important;
}
.mtq_quiz_results_bubble h2{
	display: block !important;
}

.mtq_stamp {
	padding: 1px;
}

.mtq_css_button {
	border: none !important;
	-o-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-size: 14px !important;
	width: 150px !important;
	height: 40px;
	background-color: #e57036 !important;
	padding: 0 !important;
	line-height: 40px;
	margin-top: 50px !important;
}
.mtq_css_button br {
	display: none;
}
.mtq_css_button:hover {
	background-color: #cc6633 !important;
}

.mtq_css_letter_button  {
    background: #fff url('../../../../images/0.png') 0 -119px no-repeat;
    text-indent: -999em;
    overflow: hidden;
    text-align: left;
    direction: ltr;
}
.mtq_css_letter_button:hover  {
    background-position: 0 -79px;
}

.mtq_css_letter_button.mtq_css_letter_selected.mtq_letter_button_0 {
   background: #fff url('../../../../images/0.png') 0 -39px no-repeat !important;
}
.mtq_css_letter_button.mtq_css_letter_selected.mtq_letter_button_1 {
   background: #fff url('../../../../images/1.png') 0 -39px no-repeat !important;
}
.mtq_css_letter_button.mtq_css_letter_selected.mtq_letter_button_2 {
   background: #fff url('../images/2.png') 0 -39px no-repeat !important;
}
.mtq_css_letter_button.mtq_css_letter_selected.mtq_letter_button_3 {
   background: #fff url('../images/3.png') 0 -39px no-repeat !important;
}
.mtq_css_letter_button.mtq_css_letter_selected.mtq_letter_button_4 {
   background: #fff url('../images/4.png') 0 -39px no-repeat !important;
}
.mtq_wrong_marker {
    background: url('../../../../images/wrong.png') 0 0 no-repeat !important;
}
.mtq_correct_marker {
    background: url('../../../../images/correct.png') 0 0 no-repeat !important;
}

.mtq_css_letter_button.mtq_css_letter_selected:hover {
    background-position: 0 1px !important;
}

.mtq_css_letter_button.mtq_letter_button_1  {
    background-image: url('../../../../images/1.png');
}
.mtq_css_letter_button.mtq_letter_button_2  {
    background-image: url('../images/2.png');
}
.mtq_css_letter_button.mtq_letter_button_3  {
    background-image: url('../images/3.png');
}
.mtq_css_letter_button.mtq_letter_button_4  {
    background-image: url('../images/4.png');
}



/* výsledky kvízu */


.mtq_quiz_area .score{
    width: 40%;
    
}
.mtq_quiz_area .score td, .mtq_quiz_area .score th{
    padding: 10px;
}

.mtq_quiz_area br{
	display: none;
}

.mtq_quiz_results {
	margin: 0;
	padding: 0;
}
.mtq_quiz_results_bubble {
	color: #313131 !important;
}
ul.gform_fields {
	margin: 0 !important;
}
ul.gform_fields li {
	background: none !important;
	padding-left: 0 !important;
}

#mtq_contact_form-1 {
	padding-top: 10px;
	padding-bottom: 50px;
}
.gform_fields {
	padding-top: 20px !important;

}
.validation_error {
	color: #DC1338;
	padding: 10px;
	margin: 10px 0 10px 0;
	background-color: #FDDFDD;
	width: 500px;
}
.validation_message {
	color: #DC1338;
}

.mtq_action_button .mtq_results_text{
    color: white;
    
    
}



/* mapa */
#map_canvas {
	width: 100%;
	height: 448px;


}

/* contacts*/
.contact-box {
	float: left;
	width: 330px;
}

.contact-box ul{
	margin-top: 30px !important;
	margin-bottom: 25px !important;
}
.contact-box ul li{
	border-bottom: 1px solid #f3cc9a;
	padding-bottom: 13px;
	font-family: 'Ubuntu',sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #E46E33;
}

.contact-box ul li.phone{
	background: url('../images/contactico1.jpg') no-repeat left top !important;
	padding-left: 31px !important;
}
.contact-box ul li.mail{
	background: url('../../../../images/contactico2.jpg') no-repeat left top !important;
	padding-left: 31px !important;
}

/* courses */
#content.sub .levelbox {
	margin-top: 20px;
	background-color: #fddfdd;
	clear: both;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}
#content.sub .levelbox p, #content.sub .levelbox a{
	font-family: 'Ubuntu',sans-serif;
	color: #dc1338;
	padding: 0;
	padding-left: 10px;
	font-size: 16px;
}

#content.sub .levelbox h2{
	color: #dc1338;
	border-color: #fff;
}

#content.sub .levelbox a{
	text-decoration: underline;
	padding-left: 0;
	font-weight: normal;
}

#content.sub .courses {
	padding-top: 10px;

	clear: both;
}

#content.sub .courses .collapsible {
		cursor: pointer;
		background-color: #e5ebf0;
		padding: 15px;

		margin-bottom: 2px;
}
#content.sub .courses .collapsible.collapse-close {
	background: #e4eff2 url('../images/open-close.png') right top no-repeat;
}
#content.sub .courses .collapsible.en.collapse-close {
	background: #e4eff2 url('../images/open-close-en.png') right top no-repeat;
}
#content.sub .courses .collapsible.collapse-open {
	background: #f5f9fc url('../images/open-close.png') right bottom no-repeat;
	border-bottom: 1px solid #D5E0EA;
	margin-bottom: 0px;
	cursor: pointer;
}
#content.sub .courses .collapsible.en.collapse-open {
	background: #f5f9fc url('../images/open-close-en.png') right bottom no-repeat;
}

#content.sub .courses .collapsible:hover {
	background-color: #eff4f8 !important;
	
}
/* start new courses*/
#content.sub .courses .collapsible .desc{
	display: inline;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	font-family: 'Ubuntu',sans-serif;
	color: #094b85;
	font-weight: 400;
	font-size: 12px;
}

#content.sub .courses .collapsible .desc .day{
	width: 160px;
	display: inline-block;
	background: url('../images/courses-icons.png') left 0 no-repeat;
	height: 23px;
	overflow: hidden;
	padding-left: 29px;
	line-height: 23px;
}
#content.sub .courses .collapsible .desc .time{
	width: 200px;
	display: inline-block;
	background: url('../images/courses-icons.png') left -50px no-repeat;
	height: 23px;
	overflow: hidden;
	padding-left: 29px;
	line-height: 23px;
}
#content.sub .courses .collapsible .desc .level{
	background: url('../images/courses-icons.png') left -100px no-repeat;
	display: inline-block;
	height: 23px;
	overflow: hidden;
	padding-left: 29px;
	line-height: 23px;
}
#content.sub .courses .collapsible .desc .level .non{
	color: #ccc;
	display:none;
}
#content.sub .courses .collapsible .desc .level .sel{
	padding-right: 5px;
}
#content.sub .courses .detail .col1 {
/*	width: 230px;*/
    width: 25%;
	float: left;
/*	margin-right: 30px;*/
}
#content.sub .courses .detail .col2 {
	float: left;
/*	width: 400px;*/
    width: 47%;
}
#content.sub .courses .detail .col2 .col2-wrap {
    padding: 0 30px;
}
#content.sub .courses .detail .col3 {
	float: left;
/*	width: 265px;*/
    width: 28%;
}
#content.sub .courses .detail .col2 p{
	clear: none;
	margin-right: 30px;
}
#content.sub .courses .detail .col2 h3, #content.sub .courses .detail .col3 h3, #content.sub .courses .detail .col2 h4, #content.sub .courses .detail .col3 h4{
	color: #477493;
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 8px;
	font-weight: 500;
	font-family: 'Ubuntu',sans-serif;
}

#content.sub .courses .detail .col3 .wpcf-field-terminy{
	margin-bottom: 10px;
}

#content.sub .courses .detail .col1 table {
	margin-bottom: 0;
}
#content.sub .courses .detail .col1 table tr th {
	background: none;
	color: #477493;
	font-size: 11px;
	font-weight: normal;
	width: 50px;
	text-align: right;
	padding-right: 10px;
	border-right: none;
	line-height: 1.2;
	height: auto;
	padding-top: 6px;
	padding-bottom: 6px;
}
#content.sub .courses .detail .col1 table  tr th a{
	font-weight: normal;
	font-size: 11px;
}
#content.sub .courses .detail .col1 table tr td {
	background: none;
	color: #477493;
	font-size: 14px;
	font-family: 'Ubuntu',sans-serif;
	line-height: 1.2;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
}
#content.sub .courses .detail table tr {
	border-bottom: 1px solid #d5e0eb;
}
#content.sub .courses .detail table tr.last {
	border-bottom: none;
}

#content.sub .courses .detail table .non{
	color: #cecece;
	background-color: #f0f0f0;
	margin-right: 2px;
	padding: 2px;
	font-size: 13px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#content.sub .courses .detail table .sel, #content.sub .tretina .sel{
	color: #fff;
	background-color: #b2bb4d;
	margin-right: 2px;
	padding: 2px;
	font-size: 13px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.boxday{
	margin-right: 2px;
	padding: 2px;
	font-size: 13px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #477493;;
}

/* end*/


#content.sub .courses .collapsible h2, #content.sub .courses .collapsible h3 {
	border: none;
	padding: 0px;
	margin: 0;
	float: left;
	display: block;
	width: 260px;
	font-size: 21px;
	color: #094b85;
	font-weight: 400;
}


#content.sub .courses h2 a, #content.sub .courses h3 a {
	text-decoration: none;
	font-family: 'Ubuntu',sans-serif;
	color: #2A5776;
	font-weight: 400;
	font-size: 20px;
}



#content.sub .courses .detail .col a{ 
	font-weight: normal;
	text-decoration: none;
	color: #2A5776;
}
#content.sub .courses .detail .col a:hover {
	text-decoration: underline;
} 


#content.sub .courses .detail {
	padding: 20px;
	border: 1px solid #D5E0EA;
	border-top: none;
	overflow: auto;
}

#content.sub .courses .detail p{
	padding-bottom: 0 !important;
	margin-bottom: 0;
	clear: both;
	overflow: hidden;
}

#content.sub .courses .detail .col{
	border-right: 1px solid #D5E0EA;
	width: 210px;
	color: #2A5776;
	margin-right: 20px;
	float: left;
	margin-bottom: 30px;
	font-size: 11px;
}
#content.sub .courses .detail .col.last{
	border-right:none
}
#content.sub .courses .detail .col .big{
	font-family: 'Ubuntu',sans-serif;
	color: #2A5776;
	font-weight: 300;
	font-size: 20px;
}

#content.sub .courses .detail h3{ 
	font-size: 15px;
	margin-bottom: 8px;
}
#content.sub .courses .detail ul{
	margin: 0;
}
#content.sub .courses .detail li{
	margin: 0;
}


/* new layout courses */
#content.sub .middlebox .button1 {
	color: #fff;
	font-size: 15px;
	background-image: url('../../../../images/button4.png');
}

#content.sub ul.coursesnav li{
 background: none;
 height: 56px;
 padding: 20px;
 margin-bottom: 2px;
 background: #e5ebf0 url('../../../../images/courses-nav-bg.png') no-repeat left 0px;
}
#content.sub ul.coursesnav li.second{
	 background: #e5ebf0 url('../../../../images/courses-nav-bg.png') no-repeat left -95px;
}
#content.sub ul.coursesnav li.third{
	 background: #e5ebf0 url('../../../../images/courses-nav-bg.png') no-repeat left -200px;
}
#content.sub ul.coursesnav li.fourth{
	 background: #e5ebf0 url('../../../../images/courses-nav-bg.png') no-repeat left -295px;
}

#content.sub ul.coursesnav li a{
	display: block;
	height: 56px;
	overflow: hidden;
	font-family: 'Ubuntu',sans-serif;
	font-size: 19px;
	text-decoration: none;
	font-weight: 400;
	color: #2a5776;
	background: url('../../../../images/courses-nav-arrow.png') no-repeat right center, url('../../../../images/courses-nav-ico.png') no-repeat left -18px;
	padding-left: 55px;
}
#content.sub ul.coursesnav li a:hover{
	color: #477493;
}
#content.sub ul.coursesnav li.second a{
	background: url('../../../../images/courses-nav-arrow.png') no-repeat right center, url('../../../../images/courses-nav-ico.png') no-repeat left -114px;
}
#content.sub ul.coursesnav li.third a{
	background: url('../../../../images/courses-nav-arrow.png') no-repeat right center, url('../../../../images/courses-nav-ico.png') no-repeat left -209px;
}
#content.sub ul.coursesnav li.fourth a{
	background: url('../../../../images/courses-nav-arrow.png') no-repeat right center, url('../../../../images/courses-nav-ico.png') no-repeat left -306px;
}

#content.sub ul.coursesnav li a .small{
	font-size: 14px;
	display: block;
}

#content.sub ul.coursesnav li a.teachers{
	line-height: 56px;
}
#content.sub ul.coursesnav li a.students{
	padding-top: 10px;
}
#content.sub ul.coursesnav li a.level{
	padding-top: 10px;
	
}
#content.sub ul.coursesnav li a.events{
	padding-top: 10px;
	
}

/* kurzy anglictiny / lektori */
div.left {
	width: 25%;
	float: left;
	clear: left;
}
div.right {
	width: 75%;
	float: left;
}

.photoleft {
	padding: 5px;
	border: 1px solid #D3E0EB;;
	margin-right: 20px;
	margin-bottom: 10px;
}


/* nas tym */
.column .leftside {
float: left;
margin-top: 20px;
width: 180px;
clear: both;
margin-bottom: 20px;

	
}
.column .rightside {
	float: left;
	width: 270px;
}
.column .rightside p{
	line-height: 14px !important;
	font-size: 11px !important;
}
.column .rightside h3{
	margin-bottom: 2px !important;
	padding-bottom: 0px;
}
.column .rightside h4{
	margin-top: 0px;
	padding-top: 0px;
}

/* color bullets in courses */
#section1, #section2, #section3, #section4, #section5, #section6, #section7 {
	background-image: url('../../../../images/colordots.png');
	background-repeat:no-repeat;
	background-position-x: 10px;
}
#section1 {
	background-position-y: 15px;
}
#section2 {
	background-position-y: -35px;
}
#section3 {
	background-position-y: -85px;
}
#section4 {
	background-position-y: -135px;
}
#section5 {
	background-position-y: -185px;
}
#section6 {
	background-position-y: -235px;
}
#section7 {
	background-position-y: -285px;
}

/***************
PAGE ABOUT US
****************/

.proc {
	padding-left: 100px;
	background: url('../images/vyhody.png') no-repeat 0 0;
}
.proc.kvalita {	background-position: 0 0;}
#content.sub .proc.kvalita h3{	color: #b2bb4d;}
.proc.pristup {	background-position: -450px 0;}
#content.sub .proc.pristup h3{	color: #e7265f;}
.proc.zkusenosti {	background-position: -900px 0;}
#content.sub .proc.zkusenosti h3{	color: #eca111;}
.proc.lokalita {	background-position: -1350px 0;}
#content.sub .proc.lokalita h3{	color: #a74f88;}

.column {
	margin-bottom: 30px;
	
}
.teamslider .bx-window {
	width: 760px !important;
	margin: 0 auto;
	
}
.teamslider .bx-wrapper ul, .bx-wrapper li{
	list-style: none;
	background: none !important;
	margin: 0;
	padding: 0;
}

.teamslider .bx-pager {
	border-top: 1px solid #d3e0eb;
	text-align: center;
	padding-top: 10px;
}

.teamslider .bx-pager a{
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 1px solid #FFF;
}
.teamslider .bx-pager a.pager-active {
	border: 1px solid #ea926f;
}
.teamslider .bx-pager a img{
	width: 36px;
	height: 36px;
	padding: 7px;
}
.teamslider {
	margin-top: 35px;

}
.teamslider li .left {
	float: left;
	padding: 4px;
	border: 1px solid #d3e0eb;
	width: 210px;
	height: 211px;
	margin-bottom: 10px;
}
.teamslider li .left img{
	width: 210px;
	height: 211px;
	
}
.teamslider li .right {
	float: left;
	width: 480px;
	padding-left: 30px;
	margin-bottom: 10px;
}

.teamslider li .right h3{
	margin-top: 10px;
	font-size: 28px !important;
	margin-bottom: 8px !important;
}
.teamslider li .right h4{
	margin-top: 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight: normal;
	color: #2a5776;
	font-size: 15px;
    margin-bottom: 0;
}
.teamslider li .right .mail a{
    font-family: 'Ubuntu', sans-serif;
	font-weight: normal !important;
    font-size: 15px !important;
}
.teamslider li .right p{
    margin-top: 20px;
}

.boxphotos {
	width: 310px;
	height: 231px;
	margin-bottom: 15px;
	background-color: #e9eff3;
}

.boxfb {
	width: 310px;
	height: 147px;
	background-color: #e9eff3;
}


/* @override http://localhost/bxslider_v3_plugin/css/styles.css */

/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
.teamslider .bx-next {
	position:absolute;
	top:32%;
	right:-75px;
	z-index:999;
	width: 37px;
	height: 37px;
	text-indent: -999999px;
	background: url('../images/gray_next.png') no-repeat 0 top;
}

/*previous button*/
.teamslider .bx-prev {
	position:absolute;
	top:32%;
	left:-75px;
	z-index:999;
	width: 37px;
	height: 37px;
	text-indent: -999999px;
	background: url('../images/gray_prev.png') no-repeat 0 top;
}

/*pager links*/

/*auto start button*/
.bx-auto .start {
	background: url('../../../../images/gray_auto.png') no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url('../../../../images/gray_auto.png') no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 bottom;
}

/*pager links hover and active states*/

/*pager wrapper*/

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

@media only screen and (max-height: 790px) {

    #main.hp {
    	background: url('../images/top2.jpg') no-repeat center top; 
    }
    
    .hp #wrapper {
    	height: 537px;
    	background: url('../../../../images/girl.png') no-repeat center 3px;
    }
    
    
}

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

   REZERVACE 
   
**************/

label.disabled {
    color: #cccccc !important;
    
}
form.en label.disabled:after {
    content: " (fully booked)";
}

label.disabled:after {
    content: " (úroveň obsazena)";
}

a.rezervovat {
		width: 129px;
		height: 33px;
		background-color: #b2bb4d;
		text-align: center;
		line-height: 33px;
		display: block;
		opacity: .9;
		color: #ffffff !important;
		text-decoration: none;
		font-family: 'Ubuntu',sans-serif;
		font-size: 13px;
		font-weight: bold;
		text-shadow: 0px 1px 1px #6b7220;
		clear: both;
		border: 0;
		cursor: pointer;
		padding: 0;
		margin-top: 10px;
		-webkit-border-radius: 17px;
		border-radius: 17px;
}
a.rezervovat:hover  {
		opacity: 1;
}
.subpage.rezervace .btn-big {
    padding: 14px 25px !important;
    font-size: 14px !important;
}


.subpage.rezervace .dvetretiny {
	width: 620px;
	margin-right: 50px;
	float: left;
}
.subpage.rezervace .tretina {
	width: 300px;
	float: left;
}

input[type="submit"].back {
	background: none;
	color: #7f7f7f;
	text-shadow: none;
}

.error {
	background-color: #f9e4e2;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #f19b92;
	color: #a81405;
	font-weight: bold;
}

.subpage.rezervace label {
	color: #333333;
}
.subpage.rezervace .tretina tr {
	border-bottom: 1px solid #d5e0eb;
}
.subpage.rezervace .tretina th {
	background: none;
	color: #477493;
	font-size: 11px;
	font-weight: normal;
	width: 50px;
	text-align: right;
	padding-right: 10px;
	border-right: none;
	line-height: 1.2;
	height: auto;
	padding-top: 6px;
	padding-bottom: 6px;
}
.subpage.rezervace .tretina table {
	margin-bottom: 10px;
}

.subpage.rezervace .tretina .around {
	border: 1px solid #D5E0EA;
	padding: 10px;
}

.subpage.rezervace .tretina td {
	background: none;
	color: #477493;
	font-size: 14px;
	font-family: 'Ubuntu',sans-serif;
	line-height: 1.2;
	padding-top: 6px;
	padding-bottom: 6px;
	height: auto;
}

.subpage.rezervace .tretina .big{
	font-size: 21px;
	background-color: #f5f9fc;
}

.otherdiv {
	display: none;
}

/* firemni */
#main.subpage.firemni #wrapper .bubble.photo1 {
	background: url('../images/bubble-company-l.png') no-repeat center center;
}

#main.subpage.firemni #wrapper .bubble.photo2 {
	background: url('../images/bubble-company-r.png') no-repeat center center;
}

#main.subpage.firemni #wrapper .bubble.courses1 h1 {
	margin-top: 50px;
}

#main.subpage.firemni table {
	font-family: 'Ubuntu',sans-serif;
	font-size: 16px;
	border-spacing: 3px;
	border-collapse: separate;
}

#main.subpage.firemni table .small {
	font-size: 12px;
}

#main.subpage.firemni table tr{
	border-bottom: none;
}
#main.subpage.firemni table tr td{
	background-color: #eaf1f4;
	padding: 15px;
	border: none;
}

#main.subpage.firemni table p {
	padding-bottom: 0 !important;
	margin-bottom: 0;
	clear: both;
	overflow: hidden;
}


.loga {
	border-top: 1px solid #c9dade;
	text-align: center;
	clear: both;
	padding-bottom: 80px;
}
.loga h2{
	
	text-align: center;
	padding-top: 50px;
}

.loga img{
	display: inline-block;
}



/*************
Nazory nove 
*************/

.subpage.nazory {
    
}

.subpage.nazory #wrapper.feedbackAdd {
	height: 640px;
}

.subpage.nazory .captcha label {
    display: inline-block;
    padding-top: 20px;
    margin-bottom: 5px;
}
.subpage.nazory .captcha input {
    border-color: #b7b7b7 !important;
}
.recaptchatable a, .recaptchatable a:hover {
    color: #094b85 !important;
}

.feedbackAdd h1{
	color: #35a6cc;
	font-family: "Hand Of Sean",sans-serif;
	font-size: 37px;
	font-weight: normal;
	text-align: center;
	margin-top: 40px;
}

.feedbackAdd .feedbackForm{
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 2px 2px 1px 0px #bfcddb;
	box-shadow: 2px 2px 1px 0px #bfcddb;
	padding: 20px;
	width: 523px;
	margin: 0 auto;
	text-align: left;
}

.feedbackAdd form {
	margin-top: 0;
}

.feedbackAdd .feedbackForm .gform_fields {
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.feedbackAdd .feedbackForm form input[type="text"] {
	width: 500px;
	margin-bottom: 20px;
	height: 35px;
}

.feedbackAdd .feedbackForm  form textarea {
	margin-top: 4px;
}

.feedbackAdd .feedbackForm label {
	color: #094b85;
	font-size: 14px;
	font-family: 'Ubuntu',sans-serif;
	text-align: center;
}

.feedbackAdd #gforms_confirmation_message {
	color: #094b85;
	font-size: 22px;
	font-family: 'Ubuntu',sans-serif;
	text-align: center;
}

.feedbackAdd form input[type=submit] {
	margin: 0 auto;
	margin-top: 20px;
}

#main.subpage.nazory #content.sub {
	padding-top: 0;
}

#main.subpage.nazory h2 {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 40px;
}

#main.subpage.nazory .bublinaFeedback {
	background-color: #a74f88;
	color: #ffffff;
	padding: 35px;
	margin: 10px;
	width: 230px;
	height: 230px;
	/*-webkit-border-radius: 150px;*/
	/*-moz-border-radius: 150px;*/
	/*border-radius: 150px;*/
	float: left;
	-webkit-box-shadow: 2px 2px 1px 0px #bfcddb;
	box-shadow: 2px 2px 1px 0px #bfcddb;	
}

#main.subpage.nazory .bublinaFeedback.ruzova {
	background-color: #e7265f;
	-moz-transform: rotate(2deg) translateX(2px) translateY(3px);
	-webkit-transform: rotate(2deg) translateX(2px) translateY(3px);
	-o-transform: rotate(2deg) translateX(2px) translateY(3px);
	-ms-transform: rotate(2deg) translateX(2px) translateY(3px);
	transform: rotate(2deg) translateX(2px) translateY(3px);
}
#main.subpage.nazory .bublinaFeedback.zelena {
	background-color: #b2bb4d;
	-moz-transform: rotate(-3deg) translateX(5px) translateY(-4px);
	-webkit-transform: rotate(-3deg) translateX(5px) translateY(-4px);
	-o-transform: rotate(-3deg) translateX(5px) translateY(-4px);
	-ms-transform: rotate(-3deg) translateX(5px) translateY(-4px);
	transform: rotate(-3deg) translateX(5px) translateY(-4px);
}
#main.subpage.nazory .bublinaFeedback.modra {
	background-color: #35a6cc;
	-moz-transform: rotate(-6deg) translateX(6px) translateY(7px);
	-webkit-transform: rotate(-6deg) translateX(6px) translateY(7px);
	-o-transform: rotate(-6deg) translateX(6px) translateY(7px);
	-ms-transform: rotate(-6deg) translateX(6px) translateY(7px);
	transform: rotate(-6deg) translateX(6px) translateY(7px);
}

#main.subpage.nazory .bublinaFeedback.zluta {
	background-color: #f4cf1d;
}
#main.subpage.nazory .bublinaFeedback.oranzova{
	background-color: #f69e00;
	-moz-transform: rotate(7deg) translateX(2px) translateY(-8px);
	-webkit-transform: rotate(7deg) translateX(2px) translateY(-8px);
	-o-transform: rotate(7deg) translateX(2px) translateY(-8px);
	-ms-transform: rotate(7deg) translateX(2px) translateY(-8px);
	transform: rotate(7deg) translateX(2px) translateY(-8px);
}
#main.subpage.nazory .bublinaFeedback.small p {
	font-size: 15px;
	line-height: 18px;
}

#main.subpage.nazory .bublinaFeedback p{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-family: 'Ubuntu',sans-serif;
	font-weight: 300;
	line-height: 25px;
	padding-bottom: 0;
}


#main.subpage.nazory .bublinaFeedback h3{
	color: #fff;
	font-family: "Hand Of Sean",sans-serif;
	font-size: 30px;
	font-weight: normal !important;
	text-align: center;
	margin-top: 0px;
	-webkit-font-smoothing: antialiased;
	
}

.vertical-align {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.vertical-parent {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

/*************
Nazory
*************/

#commentform textarea {
	width: 420px;
}

#main.subpage.nazory ul li{
	list-style: none;
	padding-left: 0;
	background: none;	
}

#main.subpage.nazory ul li .fn {
	font-weight: 300;
	font-style: normal;
	color: #094b85;
	font-family: 'Ubuntu',sans-serif;
	font-size: 20px;
	
}
#main.subpage.nazory ul li .says{
	display: none;
}
#main.subpage.nazory ul li .commentmetadata a {
	color: #7f7f7f;
	text-decoration: none;
	font-weight: normal;
}
#main.subpage.nazory .comment-body {
padding-top: 10px;
	border-bottom: 1px solid #c9dade;
}

#main.subpage.nazory .comment-awaiting-moderation {
	background-color: #f5f9fa;
	width: 90%;
	display: block;
	padding: 10px;
	font-style: normal;
	font-family: 'Ubuntu',sans-serif;
	color: #094b85;
	font-size: 14px;
	border: 1px solid #c9dade;;
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../../../../images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../../../../images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../../../../wp-content/themes/v-2-1/images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../../../../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* buttons */
.btn {
    background-color: #6894b6;
    color: #fff;
    font-family: 'Ubuntu',sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-shadow: 0px 1px 1px #000044;
    border-radius: 26px;
}
a.btn, #content.sub a.btn {
    color: #fff;
    padding: 13px;
    text-decoration: none;
}
.btn-blue {
    display: inline-block;
    padding-left: 30px !important;
    padding-right: 30px !important;
    text-transform: uppercase;
    margin-top: 10px;
}

/* OH connect */
.ohconnect {
    background-color: #eaf1f4;
    padding: 20px;
        -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 50px;
}

    .ohconnect img {
        margin-top: 5px;
    }

/* English school trips in Prague */

#main.subpage.trips {
    
}

    #main.subpage.trips .top {
        height: 500px;
        background-color: black;
        background: black url('../images/prague.jpg') center center no-repeat;
        background-size: cover;
        color: white;
        text-align: center;
    }
        #main.subpage.trips .top .claim {
            padding-top: 56px;
        }
        #main.subpage.trips .top .iconPrague{
            width: 114px;
            height: 117px;
            background: url('../images/prague.svg') 0 0 no-repeat;
            display: inline-block; 
        }
        #main.subpage.trips .top h1{
            font-size: 56px;
            font-family: 'Ubuntu',sans-serif;
            font-weight: normal;
            letter-spacing: -0.02em;
            margin: 0;
            padding: 0;
            margin-top: 20px;
            margin-bottom: 30px;
            padding-left: 230px;
            padding-right: 230px;
        }
        #main.subpage.trips  .button-green{
            padding: 20px 30px 20px 64px;
            border-radius: 30px;
            background-position: 9px center;
        }

    #main.subpage.trips .school {
        background-color: #eaf2f4;
        padding-top: 55px;
        padding-bottom: 55px;
         
    }

    #main.subpage.trips h2{
        font-size: 28px;
        color: #094b85;
        font-weight: normal;
        font-family: 'Ubuntu',sans-serif;
        line-height: 1.3;
    }
    #main.subpage.trips small{
        font-size: 14px;
        color: #999999;
        font-family: 'Ubuntu',sans-serif;
        padding: 0 22%;
        display: block;
        line-height: 1.3;
        
    }

        #main.subpage.trips .school .imgCol {
            padding-left: 57px;
            width: 390px;
            float: left;
            position: relative;
            
        }
            #main.subpage.trips .school .imgCol .image{
                width: 258px;
                height: 258px;
                background: black;
                border-radius: 50%;
                border: 6px solid white;
                background: #fff url('../images/party.jpg') 0 0 no-repeat;
                background-size: cover;
                
            }
            #main.subpage.trips .school .imgCol .badge{
                width: 97px;
                height: 97px;
                background-color: #ed6c05;
                border-radius: 50%;
                position: absolute;
                right: 121px;
                bottom: -9px;
                box-shadow: 4px 4px 0px rgba(43, 51, 116, 0.08);
                background: #ed6c05 url('../images/party.svg') center center no-repeat;
            }

    #main.subpage.trips .opportunities {
        padding-top: 50px;
        text-align: center;
        padding-bottom: 70px;
    }
        #main.subpage.trips .opportunities h2{
            font-size: 42px;
            margin-bottom: 10px;
        }
        #main.subpage.trips .opportunities .twoCols {
            margin-top: 50px
        }
        #main.subpage.trips .opportunities .twoCols .colOne, .colTwo {
            width: 50%;
            float: left;
            text-align: left;
        }
        #main.subpage.trips .opportunities .twoCols li h3{
            color: #ec6d00;
            font-family: 'Ubuntu',sans-serif;
            font-size: 19px;
            font-weight: normal;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        #main.subpage.trips .opportunities .twoCols li {
            background: url('../images/check-bullet.svg') left top no-repeat;
            padding-left: 40px;
            min-height: 24px;
        }
        #main.subpage.trips .opportunities .twoCols li p {
            padding-top: 0;
            margin-top: 5px;
        }

    #main.subpage.trips .trips {
        background-color: black;
        color: white;
        text-align: center;
        padding-top: 130px;
        padding-bottom: 130px;
        background: black url('../images/karluv-most.jpg') 0 0 no-repeat;
        background-size: cover;
    }
        #main.subpage.trips .trips p{
            font-size: 32px;
            font-family: 'Ubuntu',sans-serif;
            line-height: 1.2;
            padding: 0 10%;

        }
    #main.subpage.trips .interested {
        padding-top: 70px;
        text-align: center;
    }
        #main.subpage.trips .interested h2 {
            font-size: 42px;
            margin-bottom: 0;
        }
        #main.subpage.trips .interested small {
            margin-bottom: 40px;
        }

.trips-page {
    text-align: center;
}

.trips-page .gform_wrapper {
    background-color: #eaf2f4;
    width: 520px;
    display: inline-block;
}

.trips-page form input[type="text"] {
    display: inline-block;
    width: 308px;
    height: 35px;
}

.trips-page form input[type=submit] {
    display: inline-block;
    padding: 20px 30px 20px 64px;
    border-radius: 30px;
    background-position: 9px center;
    text-decoration: none;
    font-family: 'Ubuntu',sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    background: #b6b74c url('../images/check.png') left center no-repeat;
    
    width: auto;
    height: auto;
    line-height: normal;
    opacity: 1;
    text-shadow: none;
}

.trips-page textarea {
    width: 308px;
    display: inline-block;
}

.trips-page .gfield_label {
    color: black;
}

.gform_validation_container {
    display: none;
}
 
.btn-choose-course {
    position: absolute; 
    top: 80px;
    right: 0;  
    padding: 20px 30px 20px 74px;
    font-family: 'Ubuntu',sans-serif;
    font-weight: bold;
    font-size: 15px !important; 
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 30px;
    color: white !important;
    background: #b6b74c url('../../../../images/course-icon.svg') 25px center no-repeat;
    transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.btn-choose-course:hover  {
    background-color: #8d9f17;
}


/* Firemni vyuka */

#main.subpage.firemni {   
        
}

        #main.subpage.firemni .action {
            background-color: #eaf2f4; 
            border-top: 1px solid #c9dade;
            padding-top: 70px;
            padding-bottom: 70px;
            text-align: center;
        }

        #main.subpage.firemni .action  h2{
            font-size: 42px;
            margin-bottom: 0;
            color: #094b85;
            font-weight: normal;
            font-family: 'Ubuntu',sans-serif;
            line-height: 1.3;
        }
        
        #main.subpage.firemni .action small{
            margin-bottom: 40px;
            font-size: 14px;
            color: #999999;
            font-family: 'Ubuntu',sans-serif;
            padding: 0 22%;
            display: block;
            line-height: 1.3;
        }
        
        #main.subpage.firemni .action .button-green{
            padding: 20px 30px 20px 64px;
            border-radius: 30px;
            background-position: 9px center;
        }

.trips-page select{
    
    display: inline-block;
    width: 323px;
    height: 35px;
    
    background: #fff;
    
    border: 1px solid #b7b7b7;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    
    margin-top: 3px;
    color: #333333;
    font-family: Arial, sans-serif;
    font-size: 12px;
    //padding-left: 15px;
    box-shadow: 0 12px 8px -5px #E9E9E9 inset;    
}

.trips-page .gfield_checkbox li {
    width: 323px;
    color: black;
    text-align: left;
    margin: 0 auto;
}
    .trips-page .gfield_checkbox li label{
        color:black;
    }