/* Basic Elements */
body {font:62.5% Arial, Helvetica, sans-serif; color:#000;background:#fff url("../img/bg.gif") repeat-x;}
h1, h2, h3, h4 {font-weight:bold;}
h1 {font-size:3em;}
h2 {font-size:2.5em;}
h3 {font-size:2em;}
h4 {font-size:1.5em;}
p {font-size:1.3em; line-height:18px;}
fieldset  {margin:0 0 20px 0;}
fieldset legend{font-size:1.3em;font-weight:bold;margin:0 0 10px 0;}
hr {background:#ddd;color:#ddd;height:1px;margin:10px auto;border:none;width:80%;}
ol {list-style-position:inside;list-style-type:decimal !important;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.center {text-align:center;}
.tright {text-align:right;}
.red {color:red;}
#stranka p.mb {margin:0 0 40px 0;}
.displaynone {display:none;}
#stranka p.prihlaska {padding:20px 0;display:block;text-align:center;}
#stranka p.prihlaska a {background:#F29F32 url("../img/prihlasit.png") no-repeat 10px 50%;padding:10px 10px 10px 40px;color:#000;text-decoration:none;}
#stranka p.prihlaska a:hover {background:#EE7F00 url("../img/prihlasit.png") no-repeat 10px 50%;}

#stranka p.prihlaska_webinar {padding:20px 0;display:block;text-align:center;}
#stranka p.prihlaska_webinar a {background:#F29F32 url("../img/prihlasit.png") no-repeat 10px 50%;padding:10px 10px 10px 40px;color:#000;text-decoration:none;}
#stranka p.prihlaska_webinar a:hover {background:#EE7F00 url("../img/prihlasit.png") no-repeat 10px 50%;}

.webinarform {background:#7DE06D;text-align:center;padding:10px 20px;font-size:16px;display:none;}
.webinarform input[type='text'] {padding:5px;}
.webinarform input[type='submit'] {font-size:16px;padding:5px;cursor:pointer;} 

.bform {background:#eee;padding:20px;}
.bform label {display:block;font-size:120%}
.bform input[type="text"] {width:30%;padding:5px;margin:5px 0;}


/* Container */
#container {margin:auto; width:960px;}

#top p {color:#eee;font-size:14px;text-align:right;margin:10px 0 10px 0;}
#top p a {color:#05335b;text-decoration:underline;padding:0 2px;}
#top p a:hover {text-decoration:none;}
#top .volejte strong{color:#ee7f00;}
#top .volejte {color:#05335b;}

#header {overflow:hidden;}
#header #logo {float:left;width:270px;}
#header #top-slogan {float:left;width:181px;height:98px;background:url("../img/slogan-top.png") no-repeat;}
#header #tel {float:left;color:#222;font-size:24px;margin:30px 0;}
#header #tel span {color:#ee7f00;}
#header #search {float:right;width:282px;height:80px;background:url("../img/bg-search.png") no-repeat;margin-top:10px;}
#header #search form {margin:30px 0 0 32px;}
#header #search input.s{border:solid 1px #00172b;padding:3px;color:#222;margin:0;vertical-align:middle;}
#header #search input.b{vertical-align:middle;}

#header #header_gotline {float: left;color:#005da9; font-size: 1.8em;font-weight: bold;margin: 27px 0 0 20px;}
#header #header_gotline a {color:#005da9;}

#slogan{margin:60px 0 40px 0;}
#slogan h1 {text-align:center;}
#slogan p a {color:#ED5A00;}

#box {overflow:hidden;}
#box a {color:#222;text-decoration:none;font-size:22px;text-align:center;width:187px;float:left;margin:10px 70px 10px 0;}
#box a img{display:block;margin:0 0 10px 0;}
#box a.l{margin:10px 0 40px 0;}
#box span {font-size:14px;margin:10px 0 0 0;display:block;}

#boxs {overflow:hidden;}
#boxs a {color:#222;text-decoration:none;font-size:22px;text-align:center;width:187px;float:left;margin:0 40px 10px 0;}
#boxs a.nn {width:60px;}
#boxs a img{display:block;margin:0 0 10px 0;}
#boxs a.l{margin:0 0 40px 0;}
#boxs span {font-size:14px;margin:10px 0 0 0;display:block;}
#stranka #boxs {margin:0 0 0 40px;}
#stranka #boxs a {color:#222;}


#box2 {overflow:hidden;margin:40px auto;width:150px;text-align:center;}
#box2 a {color:#222;text-decoration:none;font-size:18px;text-align:center;width:187px;margin:0 auto;}
#box2 a img{display:block;margin:0 0 10px 0;}
#box2 a.l{margin:0 0 40px 0;}
#box2 span {font-size:14px;margin:10px 0 0 0;display:block;}

#box3 {overflow:hidden;width:678px;margin:20px auto;height:85px;background:#eee url('../img/bg-energetika-ubytovani.jpg') no-repeat;border:solid 5px #05335b;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#box3 a {color:#fff;background:#05335b;font-size:18px;padding:5px;}
#box3 #b1 {margin:30px 0 0 0;float:left;width:339px;text-align:center;}
#box3 #b2 {margin:30px 0 0 0;float:right;width:339px;text-align:center;}

#container-footer {overflow:hidden;background:#363636 url("../img/bg-footer-asi.png") bottom no-repeat;clear:both;}
#footer {margin:auto; width:960px;overflow:hidden;padding:0 0 20px 0;background:url("../img/bg-footer.gif") no-repeat;} 
#footer p {color:#969696;font-size:12px;}
#footer a {color:#969696;text-decoration:underline;}
#footer a:hover {text-decoration:none;}
#footer  h4 {color:#aaa;font-size:18px;margin:12px 0 20px 20px;}
#footer #n1 {width:290px;float:left;}
#footer #n2 {float:left;width:300px;overflow:hidden;}
#footer #n2 p {font-size:14px;line-height:20px;margin:0 0 20px 20px;}
#footer #n3 {float:left;}
#footer ul {font-size:14px;line-height:24px;margin:0 0 20px 20px;}
#footer ul li {background:url("../img/sipka.gif") no-repeat left;padding:0 0 0 20px;}

#container-newsbox {overflow:hidden;background:#eee;clear:both;margin:0 0 20px 0;}
#newsbox {margin:auto;width:960px;overflow:hidden;padding:0 0 20px 0;background:#eee url("../img/bg-newsbox.png") no-repeat;min-height:270px;overflow:hidden;} 
#newsbox #news {float:left;width:590px;}
#newsbox #news a {color:#222;}
#newsbox #news a:hover {text-decoration:none;}
#newsbox #news .it {padding:10px;overflow:hidden;border-bottom:dotted 1px #ccc;}
#newsbox #news .it p span {font-weight:bold;}
#newsbox #news .it p span  strong {}
#newsbox #news .it p span.author,span.author  {font-weight:normal;color:#05335B;font-size:85%;display:block;}
#newsbox #news .it p span.author {margin:0 0 0 75px;}
#newsbox #news .it p span.author a {color:#05335B;}
#stranka span.author {margin:0 0 0 85px;}
#stranka span.author a {color:#05335B;} 
#newsbox #hodnoty{float:left;width:370px;position:relative;}
#newsbox #hodnoty #bubble {overflow:hidden;background:url("../img/bubble.png") no-repeat;width:210px;height:157px;padding:50px 30px 0 30px;position:absolute;left:50px;top:60px;}
#newsbox #hodnoty #bubble p  {font-size:22px;text-align:center;line-height:normal;color:#222;margin-bottom:10px;}
#newsbox  h4 {color:#fff;font-size:18px;margin:12px 0 20px 20px;}

#stranka {margin:50px 0 40px 0;overflow:hidden;min-height:500px;}
#stranka #dnav p {margin:0 0 20px 0;color:#888;}
#stranka a {color:#ED5A00;}
#stranka a:hover {text-decoration:none;}
#stranka h1{margin:0 0 20px 0;}
#stranka h4 {margin:0 0 10px 0;}
#stranka h3 {color:#05335b;margin:20px 0 20px 0;}
#stranka h2 {color:#05335b;margin:20px 0 20px 0;}
#stranka p {font-size:14px;line-height:20px;margin:0 0 10px 0;}
#stranka ul {font-size:14px;line-height:24px;list-style-type:none;margin:0 0 20px 20px;}
#stranka ul li {background:url("../img/square.gif") no-repeat left top;padding:0 0 0 20px;}
#stranka hr {color:#eee;background:#eee;border:none;height:1px;}
#stranka ol {font-size:14px;line-height:24px;list-style-type:none;margin:0 0 20px 20px;list-style-type:decimal-leading-zero;}

#stranka .os {float:left;width:320px;margin:0 0 20px 0;}
#stranka .os img{margin:0 10px 10px 0;float:left;border:solid 5px #ddd;}
#stranka .os2 {float:left;width:280px;margin:0 20px 20px 0;min-height:180px;background:#eee;padding:10px;position:relative;}
#stranka .os2 img{margin:0 10px 0 0;float:left;border:solid 5px #fff;}
#stranka .os2 small {color:#444;font-size:13px;display:block;margin:5px 0;}
#stranka .os2 a {position:absolute;display:block;bottom:0;left:0;text-align:center;width:100%;background:#F29F32;color:#000;text-decoration:none;padding:5px 0;}
#stranka .os2 a:hover {background:#EE7F00;}

#stranka #box {margin:0 0 0 110px;}
#stranka #box a {color:#222;}

#peu {margin:20px auto;width:700px;overflow:hidden;}
#peu img {float:left;margin:0 10px 10px 0;}
#peu a {color:#000;}
#peu a:hover {text-decoration:none;}
#peu small {display:block;text-align:center;margin:0 0 5px 0;font-size:11px;}

.box {width:50%;float:left;}
.boxa {float:left;width:360px;margin:0 20px 0 0;}
.boxb {float:left;width:580px;}
.box1 {float:left;width:470px;margin:0 20px 0 0;}
.box2 {float:left;width:470px;}
.boxas {float:left;width:620px;margin:0 40px 0 0;}
.boxbs {float:left;width:300px;}
.boxbs img {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:5px 0 0 0;}
.boxbs p {padding:0 0 10px 0;}
#stranka .boxbs ul {margin:0 0 10px 0;}
#stranka .boxbs ul li {margin:0;padding:0 0 0 15px;}
.form-bg {background:#c6d9e7;padding:20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;}
.form-bg label {display:block;color:#000;margin:0 0 5px 0;font-size:12px;}
.form-bg input[type="text"] ,.form-bg input[type="email"] {border:solid 2px #a6c0d7;padding:5px;width:95%;margin-bottom:10px;}
.form-bg input[type="submit"] {float:right;} 
.form-bg textarea {border:solid 2px #a6c0d7;padding:5px;width:100%;margin:0 0 20px 0;box-sizing:border-box;}
.form-bg table {width:100%;margin:0;}
.form-bg legend {font-size:18px;color:#05335b;}
.form-bg fieldset {margin:0;}
.form-bg small{font-size:90%;line-height:1.2em;color:#444;}
.button, .button:visited {background: #222;display: inline-block;padding: 5px 10px 6px;color: #fff; text-decoration: none;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;	cursor: pointer;}
.button:hover { background-color: #111; color: #fff; }
.button:active { top: 1px; }
.small.button, .small.button:visited{ font-size: 11px}
.button, .button:visited,
.medium.button, .medium.button:visited { font-size: 13px; font-weight: bold;line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);  }
.large.button, .large.button:visited 	{ font-size: 14px;  padding: 8px 14px 9px; }
.super.button, .super.button:visited { font-size: 34px; padding: 8px 14px 9px; }
.blue.button, .blue.button:visited		    { background-color: #2981e4; }
.blue.button:hover							{ background-color: #2575cf; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover						{ background-color: #fc9200; }

table.terminy_skoleni {font-size:12px;text-align:left;border-top:solid #EE7F00 3px;} 
table.terminy_skoleni  tr th {padding:5px;background:#ddd;}
table.terminy_skoleni  td {padding:5px;border-bottom:dotted 1px #EE7F00;background:#FDFDFD;}
.plne {color:red;font-weight:bold;}
#stranka a.prihlaseni {display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#EE7F00;padding:5px;color:#000;margin:5px 0 0 0;text-decoration:none;font-weight:bold;}
#stranka a.prihlaseni:hover {background:#F29F32;}
#stranka a.prihlaseni_skoleni {display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#EE7F00 url('../img/calendar_view_day.png') no-repeat left 50%;padding:10px 10px 10px 50px ;color:#000;margin:5px 0 0 0;text-decoration:none;font-weight:bold;}
#stranka a.prihlaseni_skoleni:hover {background:#F29F32 url('../img/calendar_view_day.png') no-repeat left 50%;}
#stranka a.prihlaseni_skoleni2 {display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fc3 url('../img/calendar_view_day.png') no-repeat left 50%;padding:10px 10px 10px 50px ;color:#000;margin:5px 0 0 0;text-decoration:none;font-weight:bold;}
#stranka a.prihlaseni_skoleni2:hover {background:#fc0 url('../img/calendar_view_day.png') no-repeat left 50%;}

.il {margin:0 0 10px 20px;float:right;}
#stranka a.all {font-size:14px;color:#000;}
#stranka #fotky {margin:0;}
#stranka #fotky li {list-style:none;margin:0;background:none;padding:0;float:left;margin:10px;}
p.provoz span {padding:3px;background:#cf6;display:inline;margin:0 0 10px 0;text-transform:uppercase;font-weight:bold;color:#030;}
p.priprava span {padding:3px;background:#c00;display:inline;margin:0 0 10px 0;text-transform:uppercase;font-weight:bold;color:#fff;}

.foto div{width:160px;margin:10px;float:left;background:#eee;overflow:hidden;}
.foto div img {height:100px;width:150px;padding:5px;}
#stranka .foto div p {margin:0;}
p.notice {background:#eee;padding:5px;}

h1#es {padding:5px 5px 5px 0;}
h1#es a {text-decoration:none;margin:0 0 0 20px;background:#E3EDF2;padding:20px;width:250px;} 
h1#es a:hover {color:#222;background:#eee;}
#stranka .tabNav {overflow:hidden;margin:0 0 10px 0;}
#stranka .tabNav p {display:inline;}
#stranka .tabNav p.current a{text-decoration:none;color:#000;}

#stranka .note {background:;clear:both;display:block;margin:20px 0;}
#stranka .note ul li {margin:0 0 10px 0;}
#stranka .note a {font-weight:bold;}
#stranka .note span {display:block;}
#stranka .about {display:block;clear:both;}
#stranka .about p {background:#eee;padding:10px;font-size:13px;}
#stranka .about strong {display:block;}
#stranka .about2 p {font-size:13px;}
#stranka p.more {color:#222;font-weight:bold;margin:20px 0;}
#stranka p.more a {color:#222;}
#stranka #gmap {width:100%;height:400px;font-size:13px;}

.note2 {padding:10px;font-weight:bold;background:#ffb;text-align:center;border:dashed 2px #fe3;}
div.sm p{font-size:12px !important;}
#neprehlednete {padding:5px 20px;font-size:12px;line-height:1.4em;}
#neprehlednete h4 {color:#000;margin:0 0 10px 0;}
#neprehlednete p {margin:0 0 10px 0;font-size:12px;}
#neprehlednete a {color:#EE7F00;}
#neprehlednete .date {color:#05335B;}

#leftbox {
	width: 640px;
	float: left;
	padding-right: 20px;
}

#rightbox {
	width: 300px;
	float: left;
} 

#icons-portal {
	margin: 1em 1em 2em 1em;
	text-align: center;
}

#icons-portal img {
	padding:10px;
	border: solid 2px white;
	background: white;
	margin: 10px;
}

#icons-portal img:hover,#icons-portal img.active {
	border: solid 2px orange;
}

div.help-boxs {
	text-align: center;
}

a.help-box {
	border: solid 1px black;
	margin:0 20px 20px 0;
	text-decoration: none;
	background: #eee;
	display: inline-block;
}

a.help-box:hover {
	background: #ddd;
}

a.help-box img {
	display: block;
}

.important {
padding: 2em;
background: #ddd;
margin-bottom: 2em;
overflow: hidden;
}

.important label {
	font-size: 14px;
	display: block;
	margin-top: 10px;
}

.important label.inline {
	display: inline-block;
}

.label {
	font-size: 14px;
	color: #444;
}

.label small {
	font-size: 10px;
}

.sla-note {
	background: #f9e79f;
	padding: 10px;
	clear: both;
}

.success {
	padding: 10px;
	text-align: center;
	clear:both;
	background: #a9dfbf ;
	font-weight: bold;
}

#stranka .sla-note p {
	margin:0;
}

.input-block {
	display: block;
	margin-bottom: .5em;
	box-sizing: border-box;
	border: solid 1px gray;
	background:#eee;
	padding:5px;
}

.input-block:disabled {
	border: solid 1px #eee;
}

.textarea {
	width: 100%;
	box-sizing: border-box;
	border: solid 1px gray;
	background:#eee;
	padding:5px;
}

#portal-menu {font-size: 16px; background: #ddd;margin-top:20px;}
#portal-menu a {padding: 5px 10px;border-right: solid 1px #ccc;display:inline-block;}
#portal-menu a:hover {background:#ccc;}
#portal-menu span {float:right;}
#portal-menu span a {padding:5px 0;border-right:none;}
#portal-menu span a:hover{background:none;}
a.portal-menu-active {color:black !important;text-decoration: none;background:#ccc;}
.table {font-size:12px;}
.table tr th {text-align:left;padding: 5px;background:#ddd;}
.table tr {border-bottom: solid 1px #ccc;}
.table tr td {padding: 5px;}
.table tr:hover {background:#ddd;}

#facebook-share-box {
	-webkit-box-shadow: 6px 6px 14px 0px rgba(227,227,227,1);
	-moz-box-shadow: 6px 6px 14px 0px rgba(227,227,227,1);
	box-shadow: 6px 6px 14px 0px rgba(227,227,227,1);
	position:fixed;top:35px;right:10px;width:260px;background:#fff;
	padding:20px;
	border: solid 1px #eee;
	border-left: solid 4px #3b5998;
	display: none;
}

#facebook-share-box a {
	color:#3b5998;
	font-size:1.7em;
	text-decoration:none;
	display: block;
}
#facebook-share-box a small {
	font-size:0.8em;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}

#facebook-share-box a img {
	float: left;
	margin-right: 10px;
	width: 40px;
}

#facebook-share-box-close {
	position:absolute;font-size:2.4em;top:2px;right:5px;cursor:pointer;
}

.clanek-vypis {
	overflow: hidden;
	margin-bottom: 20px;
	
	padding-bottom: 20px;
}

.clanek-vypis img.img {
	width:200px;float:left; margin-right: 10px; 
}

.clanek-vypis a.title {
	font-size:1.6em;margin-bottom:10px;display:block;font-weight:bold;
}

.clanek-vypis span.info {
	color:#888;font-size:1.2em;
}