* {font-family:'Nunito Sans',sans-serif;font-weight:400;font-style:normal;color:inherit;line-height:inherit;}
body { background:#e5ebf3;padding:0px;margin:0px;position:relative;padding-top:220px;line-height:24px;font-size:16px; }
strong {font-weight:bold;}
.cb {clear:both;}
.wrapper {display:block;position:relative;width:1200px;margin:0px auto;}
.uppcase {text-transform:uppercase;}
.radius {-webkit-border-top-left-radius: 12px;-webkit-border-bottom-right-radius: 12px;-moz-border-radius-topleft: 12px;-moz-border-radius-bottomright: 12px;border-top-left-radius: 12px;border-bottom-right-radius: 12px;}
#body h2 {display:block;color:#245788;border-left:8px solid #8c714c;font-size:18px;padding:0px 0px 0px 18px;font-weight:400;margin:24px 0px 12px 0px;text-transform:uppercase;text-decoration:none;}

#header { 	background: #0d2d5d; /* Old browsers */
			background: -moz-linear-gradient(top,  #0d2d5d 0%, #d5dfec 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #0d2d5d 0%,#d5dfec 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #0d2d5d 0%,#d5dfec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2d5d', endColorstr='#d5dfec',GradientType=0 ); /* IE6-9 */
			display:block;position:absolute;top:0px;left:0px;right:0px;height:264px;color:white;
		}
#header .wrapper {width:100%;height:100%;background:transparent url(img/bg_header.png) 50% 50% no-repeat;background-size:1200px 250px;}
#logo_idu {display:block;position:absolute;top:20px;left:50px;width:145px;height:90px;background:transparent url(img/logo_idu.png) top left no-repeat;background-size:145px 90px;text-indent:-1000px;overflow:hidden;}
#logo_chr {display:block;position:absolute;top:20px;right:100px;width:135px;height:90px;background:transparent url(img/logo_chr.png) top left no-repeat;background-size:135px 90px;text-indent:-1000px;overflow:hidden;}
h1 {position:absolute;font-size:55px;text-align:center;top:35px;height:60px;line-height:60px;left:250px;right:250px;font-weight:200;}
h4 {font-size:24px;line-height:30px;font-weight:200;margin:20px 0px 10px 0px;}
#menu {position:absolute;font-size:13px;text-align:center;top:160px;height:20px;line-height:20px;left:250px;right:250px;text-transform:uppercase;}
#menu a {text-decoration:none;display:inline-block;border:0px;}
#menu a:hover,#menu a.selected {border-bottom:1px solid white;padding-bottom:3px;}
#rightmenu {position:absolute;top:30px;right:40px;width:32px;}
#rightmenu a {display:block;text-indent:-1000px;overflow:hidden;width:32px;height:22px;padding-bottom:10px;background:transparent none top left no-repeat;background-size:32px 22px;}
#rightmenu .lang.en {background-image:url(img/en.png);}
#rightmenu .lang.cs {background-image:url(img/cs.png);}
#rightmenu .fb {background-image:url(img/logo_fb.png);}
#rightmenu .search {background-image:url(img/search.png);}

#motto {display:inline-block;padding:24px 25px;width:242px;height:200px;background-color:#8c714c;color:white;position:absolute;right:40px;line-height:30px;font-size:18px;}
#aktuality {display:block;position:relative;padding:0px;width:100%;height:250px;background-color:#c2d1e4;color:#245788;overflow:hidden;}
#aktuality h3 {font-size: 21px;}
#aktuality .aktualita {display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px;width:100%;background-color:#c2d1e4;}
#aktuality .aktualita img {display:block;position:absolute;height:250px;width:300px;}
#aktuality .aktualita .text {display:block;position:absolute;left:300px;top:0px;right:0px;padding:0px 48px 24px 48px;line-height:30px;font-size:18px;}
#aktuality .aktualita .text * {line-height:30px;font-size:18px;}
#aktuality .aktualita .text h3 {margin:0px 0px 32px -48px;background-color:#8c714c;color:white;font-size:14px;text-transform:uppercase;line-height:32px;padding-left:48px;-webkit-border-bottom-right-radius:12px;-moz-border-radius-bottomright:12px;border-bottom-right-radius:12px;}

#body {display:inline-block;width:824px;position:relative;min-height:500px;}
#body a {color:#245788;text-decoration:underline;}
#body a:hover {color:#8c714c;}
#body h2 a {color:inherit;text-decoration:none;}
#body p {display:block;margin:0px;padding:0px 0px 12px 0px;}
#body ul {margin-top:0px;padding-left:18px;}
#body ul li {padding-left:10px;}
#img_links a {text-decoration:none;border:none;display:inline-block;height:100px;position:relative;line-height:150px;margin:24px;}
#img_links a img {display:inline-block;height:100%;}

#footer {display:block;min-height:30px;line-height:30px;background-color:#97b0d0;color:white;padding:10px 0px 24px 0px;clear:both;}
#footer .label {color:#245788;}
#footer h2 {border:0px;padding-left:0px;}
#footer #copyright {display:block;position:absolute;right:24px;bottom:0px;}

#sidebar {display:inline-block;padding:0px;width:300px;position:relative;font-size:18px;float:right;margin-top:280px;margin-right:30px;}
#sidebar .sidebar {display:inline-block;width:290px;height:262px;margin-bottom:8px;color:white;font-size:14px;line-height:24px;text-indent:0px;}
#sidebar .sidebar a {display:block;width:290px;height:230px;position:absolute;}
#sidebar .sidebar a img {display:block;width:100%;height:100%;position:absolute;}
#sidebar .sidebar a span {display:block;line-height:24px;background-color:black;opacity:0.8;position:absolute;bottom:0px;left:0px;right:0px;padding:0px 14px;}
#sidebar .sidebar strong {display:block;background-color:#8c714c;padding:0px 14px;line-height:32px;text-transform: uppercase;font-weight:normal;}
.profil {width:375px;position:relative;display:block;float:left;font-size:14px;padding:15px;}
.profil h4 {font-size:16px;margin:0px;padding:0px;padding-bottom:10px;font-weight:700;}
.profil .foto {display:block;width:100px;float:right;margin-left:10px;margin-bottom:10px;}


body.w900 {padding-top:165px;line-height:18px;font-size:14px;}
.w900 .wrapper {width:900px;}
.w900 #header {height:198px;}
.w900 #header .wrapper {background-size:900px 187px;}
.w900 #logo_idu {top:15px;left:35px;width:108px;height:67px;background-size:108px 67px;}
.w900 #logo_chr {top:15px;right:75px;width:101px;height:67px;background-size:101px 67px;}
.w900 h1 {font-size:40px;top:30px;height:45px;line-height:45px;left:187px;right:187px;}
.w900 #body h2 {font-size:16px;padding:0px 0px 0px 16px;margin:20px 0px 10px 0px;}
.w900 #menu {font-size:11px;top:120px;height:15px;line-height:15px;left:150px;right:150px;}
.w900 #rightmenu {top:22px;right:30px;width:24px;}
.w900 #rightmenu a {width:24px;height:16px;padding-bottom:7px;background-size:24px 16px;}
.w900 #motto {padding:18px;width:181px;height:150px;right:30px;line-height:22px;font-size:13px;}
.w900 #aktuality {height:186px;}
.w900 #aktuality .aktualita .text {left:223px;padding:18px 36px;padding-top:0px;font-size:10px;line-height:15px;}
.w900 #aktuality .aktualita h3 {line-height:20px;font-size:11px;margin-left:-36px;padding-left:36px;margin-bottom:20px;}
.w900 #aktuality .aktualita img {height:186px;width:223px;}
.cs .w900 #aktuality .aktualita img {margin-right:-36px;}
.w900 #aktuality .aktualita strong {font-size:12px;}
.w900 #body {width:618px;}
.w900 #body p {padding:0px 0px 9px 0px;}
.w900 #img_links a {height:75px;line-height:112px;margin:18px;}
.w900 #footer {line-height:22px;padding:7px 0px 18px 0px;}
.w900 #footer #copyright {right:18px;}
.w900 #sidebar {width:217px;margin-top:210px;}
.w900 #sidebar .sidebar {width:217px;height:196px;margin-bottom:6px;font-size:11px;line-height:15px;}
.w900 #sidebar .sidebar a {width:217px;height:172px;}
.w900 #sidebar .sidebar a span {line-height:15px;padding:0px 10px;}
.w900 #sidebar .sidebar strong {padding:0px 10px;line-height:20px;}
.w900 .profil {width:285px;font-size:10px;padding:10px;}
.w900 .profil h4 {font-size:12px;padding-bottom:7px;}
.w900 .profil .foto {width:70px;margin-left:7px;margin-bottom:7px;}

body.w600 {padding-top:110px;line-height:12px;font-size:9px;}
.w600 .wrapper {width:600px;}
.w600 #header {height:132px;}
.w600 #header .wrapper {background-size:600px 124px;}
.w600 #logo_idu {top:10px;left:23px;width:80px;height:50px;background-size:80px 50px;}
.w600 #logo_chr {top:10px;right:50px;width:75px;height:50px;background-size:75px 50px;}
.w600 h1 {font-size:27px;top:20px;height:30px;line-height:30px;left:124px;right:124px;}
.w600 #body h2 {font-size:14px;padding:0px 0px 0px 14px;margin:18px 0px 7px 0px;}
.w600 #menu {font-size:11px;top:80px;height:15px;line-height:15px;left:100px;right:100px;}
.w600 #rightmenu {top:15px;right:20px;width:16px;}
.w600 #rightmenu a {width:16px;height:11px;padding-bottom:5px;background-size:16px 11px;}
.w600 #motto {padding:12px;width:121px;height:100px;right:20px;line-height:15px;font-size:9px;}
.w600 #aktuality {height:124px;}
.w600 #aktuality .aktualita .text {left:149px;padding:12px 24px;padding-top:0px;font-size:8px;line-height:10px;}
.w600 #aktuality .aktualita h3 {line-height:20px;font-size:11px;margin-left:-24px;padding-left:24px;margin-bottom:20px;}
.w600 #aktuality .aktualita img {height:124px;width:149px;}
.cs .w600 #aktuality .aktualita img {margin-right:-24px;}
.w600 #aktuality .aktualita strong {font-size:10px;}
.w600 #body {width:412px;}
.w600 #body p {padding:0px 0px 6px 0px;}
.w600 #img_links a {height:50px;line-height:75px;margin:12px;}
.w600 #footer {line-height:15px;padding:5px 0px 12px 0px;}
.w600 #footer #copyright {right:15px;}
.w600 #sidebar {width:145px;margin-top:140px;margin-right:20px;}
.w600 #sidebar .sidebar {width:145px;height:131px;margin-bottom:4px;font-size:11px;line-height:15px;}
.w600 #sidebar .sidebar a {width:145px;height:115px;}
.w600 #sidebar .sidebar a span {line-height:15px;padding:0px 10px;}
.w600 #sidebar .sidebar strong {padding:0px 10px;line-height:20px;}
.w600 .profil {width:195px;font-size:8px;padding:5px;}
.w600 .profil h4 {font-size:11px;padding-bottom:5px;}
.w600 .profil .foto {width:50px;margin-left:5px;margin-bottom:5px;}

body.w300 {padding-top:140px;line-height:12px;font-size:9px;}
.w300 .wrapper {width:300px;}
.w300 #header {height:165px;}
.w300 #header .wrapper {background-size:439px 81px;background-position:50% 0%;}
.w300 #logo_idu {top:10px;left:15px;width:48px;height:30px;background-size:48px 30px;}
.w300 #logo_chr {top:10px;right:15px;width:45px;height:30px;background-size:45px 30px;}
.w300 h1 {font-size:24px;top:0px;height:24px;line-height:24px;left:60px;right:60px;}
.w300 #body h2 {font-size:14px;padding:0px 0px 0px 14px;margin:18px 0px 7px 0px;}
.w300 #menu {font-size:13px;top:83px;height:auto;line-height:25px;left:10px;right:10px;}
.w300 #rightmenu {position:static;width:100%;padding:50px 0px 0px 15px;text-align:center;}
.w300 #rightmenu a {position:static;display:inline-block;width:32px;height:22px;padding:0px 15px;background-size:32px 22px;}
.w300 #motto {padding:12px;width:auto;height:45px;right:0px;left:0px;line-height:15px;font-size:10px;}
.w300 #aktuality {height:138px;}
.w300 #aktuality .aktualita {display:block;padding-top:28px;margin-left:-10px;}
.w300 #aktuality .aktualita .text {font-size:8px;line-height:10px;display:inline;position:static;padding:0px;}
.w300 #aktuality .aktualita h3 {display:block;position:absolute;line-height:20px;font-size:11px;top:0px;left:22px;right:-22px;}
.w300 #aktuality .aktualita img {display:block;position:static;float:left;height:100px;width:auto;padding:10px;padding-left:20px;margin-top:-10px;}
.cs .w300 #aktuality .aktualita img {margin-right:0px;}
.w300 #aktuality .aktualita strong {font-size:10px;}
.w300 #body {width:100%;padding-top:85px;}
.w300 #body p {padding:0px 0px 6px 0px;}
.w300 #img_links a {height:50px;line-height:75px;margin:12px;}
.w300 #footer {line-height:15px;padding:5px 0px 12px 0px;}
.w300 #footer #copyright {position: static;padding-top: 15px;}
.w300 #sidebar {font-size:10px;margin:10px auto;}
.w300 .profil {width:100%;float:none;font-size:8px;padding:5px;}
.w300 .profil h4 {font-size:11px;padding-bottom:5px;}
.w300 .profil .foto {width:50px;margin-left:5px;margin-bottom:5px;}

.alert {display:block;padding:10px;background-color:#97b0d0; margin:10px;
		-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;
}
.alert.error {color:red;background-color:rgb(254, 192, 192);}
.alert.done {color:#005500;background-color:#baceba;}

fieldset {border:0px;border-bottom:1px solid #8c714c;padding:5px;width:50%;}
label {display:block;}
label.error span,
p.error {color:red;}
p.done {color:#005500;}
fieldset.osobni label span {display:inline-block;width:120px;}
fieldset.osobni label input,
fieldset.osobni label select {width:280px;line-height:24px;margin:2px;border:0px;font-size:100%;}
fieldset.dotaznik label {display:block;text-align:right;}
fieldset.dotaznik label span {display:block;text-align:left;}
fieldset.dotaznik label textarea,
fieldset.dotaznik label input,
fieldset.dotaznik label select {display:block;margin-left:90px;width:280px;margin:2px;border:0px;font-size:100%;}
fieldset.prispevek label {display:block;text-align:right;}
fieldset.prispevek label span {display:block;text-align:left;}
fieldset.prispevek label textarea,
fieldset.prispevek label input,
fieldset.prispevek label select {display:block;margin-left:90px;width:280px;margin:2px;border:0px;font-size:100%;}
fieldset.prispevek label textarea {height:100px;}

button {display:block;width:100px;margin:5px auto;}
label.required span:after {content:"*";color:red;}
fieldset.buttons {border:0px;}
fieldset.buttons label {text-align:center;font-size:60%;}

table.data thead tr th {background-color:#8c714c;color:white;text-align:left;}
table.data tbody td {padding:5px;vertical-align:top;}
table.data tbody tr {background-color:#d0dae8;}
table.data tbody tr:nth-child(even) {background-color:#f0f0f0;}

.galerie img {width:265px;margin:0px 9px 5px 0px;display:inline-block;}
.loga {margin:30px auto;}
.loga img {height:100px;margin:10px;}