@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext);
body{background:#fff;color:#000;font:.85em/1.6 'Open Sans',arial,tahoma,verdana,sans-serif;position:relative;margin:0;padding:0}
a{color:#1b4da1}
a:hover{color:#386cc2}
form {margin:0;padding:0}
h1 {margin:0;font-size:5em;padding:4px 0 10px;font-weight:normal;text-align:center;}
h1 a {text-decoration:none;}
#header {border-bottom:3px solid #EE252D;background:#fff; height:150px; position:fixed; width:100%; z-index:1000; opacity:0.96;box-shadow:0 0 10px #888 }
#header-content {width:970px;margin:0 auto;text-align:left;position:relative;overflow:hidden}
#logo {height:100px; }
#language {position:absolute; right:30px; top:40px;}
#language img { margin-right:5px; }
#language a {font-size:1em; text-decoration:none; background:#eee;border:1px solid #ddd; color:#000; font-weight:bold; text-transform:uppercase; padding:10px; }
#language a:hover {background:#FFEF6B;}
#social {padding:10px 4px 0 0;text-align:right;position:absolute;right:0;top:0;display:none}
#mission {margin:0 0 20px;font-size:1.5em;text-align:center;background:#b8d778;padding:12px 6px;border-radius:5px;color:#435f0a;box-shadow:0 0 5px #ddd}

#banner {background:#fff url("/images/homepages/layout/bg.jpg") no-repeat top right fixed;background-size:cover; height:980px; position:fixed; width:100%; left:0; top:150px; z-index:-100;}

#content {margin:0 auto;padding-top:150px;}

#photo-wrapper {background:#fff; width:960px; height:280px; margin:20px auto; position:relative; border-bottom:1px solid #eee;}

#short-description {font:1.2em/1.6 'Domine', 'Open Sans',arial,tahoma,verdana,sans-serif;}
#short-description a {font-weight:bold;background:#E8F5FF; padding:0 2px; border-bottom:1px dotted #1865A3;text-decoration:none; color:#1865A3}
#short-description a:hover {color:#3786CC}
#short-description strong {background:#FFEF6B;padding:0 2px}



#photo-slogan {text-align:center;position:absolute;left:0;top:0; margin:5px 12px; width:370px; height:250px;  padding:30px 5px;font:3.1em/1.3 'Fjalla One', impact,sans-serif;color:#000;  }


#photo {text-align:left;position:absolute;right:0;top:0; margin:0 12px; width:540px; height:270px;  }
#photo-content {padding:20px 10px 0; }
.flexslider {}

.event-panel { position:relative;}
.event-panel-name {color:#000;font-weight:bold;}
.event-panel-btn {position:absolute;right:0;top:0px;text-align:right;padding:0;}
.event-panel-btn a {background:#000;background:rgba(0,0,0,0.5);color:#fff;padding:1px 4px;text-decoration:none;font-weight:bold;}
.event-panel-btn a:hover {background:#2CC73E}

#pricing-left {width:500px;float:left;}
#pricing-left h3 {margin:10px 0 0}
#pricing-left p {margin:0}

#pricing-right {width:410px;margin-left:510px;margin-top:20px;text-align:left;background:#eee}
#pricing-right-content { padding:10px }
#pricing-right h3 {margin:0}
#pricing-right h4 {margin:0}
#pricing-right ul {margin:0 0 10px;}

#pricing-box {margin-bottom:25px;font-family:Arial, sans-serif;}
#pricing-box th {text-align:left;padding:5px;width:120px; vertical-align:top;padding-top:10px}
#pricing-box td {text-align:left;padding:5px;}
#pricing-box .help {font-size:0.8em;margin:0;padding:0}
#pricing-box input {overflow:visible;padding:5px;width:250px;font-family:Arial, sans-serif; font-size:1.2em}
#pricing-box textarea {width:400px;height:100px;overflow:visible;padding:5px;font-family:Arial, sans-serif; font-size:1.2em }
#pricing-box .submit-button {padding:10px; width:200px; background:#23B834; color:#fff; font-size:1.2em; font-weight:bold; border:1px solid #23B834; cursor:pointer}
#pricing-box .submit-button:hover {background:#2CC73E}
#pricing-box .error_message {color:#ed1c24;font-weight:bold;margin:0;}


#article {text-align:left;position:relative;margin:0px auto 20px; width:960px;background:#fff;background-color:rgba(255,255,255,0.8);z-index:100}
#article-content {padding:10px 20px;}
#article h2 {font-family: 'Fjalla One', sans-serif;text-align:left;font-size:2.8em;color:#000;margin:20px 0 10px; }
#article h3 {font-size:1.6em; }


#article-left {width:400px;float:left;}
#article-left h3 {margin:0; padding:0;font-weight:bold;}
#article-left ul {padding:0;font-size:0.95em}
#article-left ul li {margin:0;list-style-type:none;background: url("/images/homepages/layout/tick.png") no-repeat scroll 0 8px transparent;font-size: 1.65em; padding: 0 0 2px 35px; border-bottom:1px solid #eee}
#article-right {width:520px;float:right;text-align:right;}
#article-right img {border:1px solid #ddd;box-shadow:0 0 15px #bbb;}
#article-right img:hover {border:1px solid #bbb;}  
.box1{ background:#eee; margin:10px 5px;width:450px; }
.box1-height1 {height:220px}
.box1-height2 {height:220px}
.box1-content{ padding:10px; text-align:center; }
.box1-content h3 {color:#ed1c24;;margin:0;font-size:1.8em;font-weight:normal}
.box1-content ul{ list-style-type:square;margin-top:5px;}
.box1-content ul li { text-align:left;font-size:1.1em;font-weight:bold;}

.features {margin:10px;padding:10px 0;}
.features-left {width:440px; float:left; background:#fff; }
.features-right {width:440px; float:right; background:#fff}
.features ul {}
.features ul li {list-style-type:none;background: url("/images/homepages/layout/tick.png") no-repeat scroll 0 0 transparent;font-size: 1.15em; padding: 0 0 2px 35px; }
.features li ul li {list-style-type:square;background:none;border-bottom:0px solid #eee;padding: 0 0 2px 0}

#conference-box h2 {margin:0;padding:10px 10px 0;color:#fff;width:900px}
#conference-box {background:#333 url("/images/homepages/layout/bg-conference-box.png") repeat-y; margin:0 0 20px;box-shadow:0 0 15px #bbb;padding:0 0 10px; }
#conference-box input {margin:5px 5px 5px 0; padding:5px}
#conference-box .email {width:280px;}
#conference-box .conference {width:395px;}
#conference-box .submit-button {width:180px;font-size:1.2em}                              
#conference-box table {padding:0;}
#conference-box form {margin:0 10px;}  
#conference-box th, #conference-box td {vertical-align:middle; font-size:0.9em;text-align:left;line-height:1em;color:#eee}
#conference-box .error_message {color:#ffea00;font-weight:bold;margin:0;padding:0;}

#prednasky {text-decoration:none;font-weight:normal;font-size:1.5em}
img {border:0;}
#references {text-align:center;}
#references a img {border:1px solid #ccc;margin:10px;box-shadow:0 0 15px #eee;}
#references a:hover img {border:1px solid #aaa;box-shadow:0 0 10px #bbb}
#references-english {background:url('/images/homepages/layout/bg-references-english.png') 0 50% no-repeat;}
#references-czech {background:url('/images/homepages/layout/bg-references-czech.png') 0 50% no-repeat}

#references table {margin:20px 0}
#references th {background:#fff; text-align:center; font-weight:bold; font-size:1em; border-right:1px solid #ddd;}
#references td {background:#fff; text-align:center; font-weight:bold; font-size:1em; }

#image-box {
  opacity:0.75;
  background:#fff url("/images/homepages/layout/bg.jpg") no-repeat center middle;
  background-size:cover; padding:0; width:100%; height:660px;margin:-500px auto 0;text-align:center}

#footer {background:#fff url('/images/homepages/layout/bg-footer.png') 0 0 repeat-x; margin:0 auto 0;}
#footer-content {padding:30px 0;color:#888; width:960px; margin:0 auto}
#footer-content p {margin:0}
#footer-left {text-align:left;float:left;width:380px;padding:0;}
#footer-right {margin-left:380px;text-align:right;padding:0;}
#footer-right img {vertical-align:middle;}
#footer a img:hover {opacity:0.75;}


hr.cleaner {clear:both;margin:-1px 0 0 0;padding:0;height:1px;border:none;visibility:hidden;}

#demo-page {background:#555 url('/images/homepages/layout/bg-demo-page.png') 0 0 repeat;margin:10px auto 0;text-align:center;width:960px;}

#testimonials {margin:15px 0 0;}
#testimonials p {border-bottom:1px solid #eee; padding:15px 0; margin:0 30px; font-style:italic;}
#testimonials p:last-child  {border-bottom:0px dashed #eee;}
.testimonials-table { box-shadow:0 0 3px #aaa; margin:0 0 20px;background:#eee;  }
.testimonials-table img { box-shadow:0 0 3px #aaa; border:5px solid #ddd;}
.testimonials-table td, .testimonials-table th {padding:15px; }


.testimonials-box {clear:both; height:130px; background:#eee; padding:10px; margin:15px 0;overflow:auto}
.testimonials-left {float:left;width:100px;text-align:center;}
.testimonials-right {margin-left:120px;font-style:italic;}

table {border-collapse:collapse;border-spacing:0;margin:0;}
td, th {vertical-align:top}

#demo-page td, tr {padding:0;margin:0;border:0;border-style:none;}

#contact {}
#contact table {margin:0 0 25px; width:400px;}
#contact th {background:#eee;width:120px;text-align:right}
#contact td, #contact th {padding:8px;border:1px solid #ddd;}

#contact-box {margin-bottom:25px;font-family:Arial, sans-serif;}
#contact-box th {text-align:right;padding:5px;width:120px; vertical-align:top;padding-top:10px}
#contact-box td {text-align:left;padding:5px;}
#contact-box .help {font-size:0.8em;margin:0;padding:0}
#contact-box input {overflow:visible;padding:5px;width:250px;font-family:Arial, sans-serif; font-size:1.2em}
#contact-box textarea {width:700px;height:100px;overflow:visible;padding:5px;font-family:Arial, sans-serif; font-size:1.2em }
#contact-box .submit-button {padding:10px; width:200px; background:#23B834; color:#fff; font-size:1.2em; font-weight:bold; border:1px solid #23B834; cursor:pointer}
#contact-box .submit-button:hover {background:#2CC73E}
#contact-box .error_message {color:#ed1c24;font-weight:bold;margin:0;}

p.error-message { margin:10px 0; padding:10px; background:#ed1c24; font-weight:bold; color:#fff; }
p.info-message { margin:10px 0; padding:10px; background:#388d1d; font-weight:bold; color:#fff; }




#article ul{ list-style-type:square;}
#article ul li { line-height:2em; }

ul#topbar-menu { height:50px; font-size:1.3em; list-style-type:none; margin:0;background:#fff;padding:0;}
ul#topbar-menu li { display:block; float:left; margin:0;}
ul#topbar-menu li a { height:50px; color:#000; text-decoration:none;font-weight:bold; border-right:1px solid #EE252D; text-transform:uppercase; display:block; float:left;	line-height:280%;	padding:0px 20px 0;}
ul#topbar-menu li a:hover { color:#000;background:#FFEF6B; }
ul#topbar-menu li a.current { color:#fff;	background:#ed1c24; }



.lightTip	{}
.lightTip .content { font-size:1.1em; width:440px;padding:10px;border:6px solid #ed1c24;background:#fff;color:#000; }
.lightTip .content b	{ color: #ed1c24; }
.lightTip .bottom	{ height:14px; background:url(/images/homepages/layout/notch-white.png) top center no-repeat; }


 
 
 /*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
#cs-buttons-coin-slider {position:absolute;top:0;right:0;width:100%;}
.cs-buttons { font-size: 16px; padding:10px 0; width:100%; float:left; box-shadow:0 0 15px #aaa;background:#eee url("/images/homepages/layout/bg-how-does-it-work.png") 15px 10px no-repeat;}
.cs-buttons a:hover { color:#fff600 }
.cs-button-coin-slider { margin-right:8px; padding:5px 10px; background:#fa0101; color:#fff; font-weight:bold;}
.cs-active { background-color:#ff8400; font-size:24px}
.cs-title { width: 510px; padding: 10px; background-color: #000000; color: #FFFFFF; }
.cs-prev, .cs-next { display:none;background-color: #000000; color: #FFFFFF; padding: 0px 10px; }
.coin-slider {border:1px solid #ddd;box-shadow:0 0 15px #bbb;}