@charset "utf-8";
/*
Theme Name: Projekt Systém
Theme URI: http://www.projekt-system.cz/
Description: Default theme for the System Project website.
Version: 1.0
Author: Pavel Hamřík
Author URI: http://www.hmd.cz/
Tags: old, scratch, beige, brown, box, aged, static, small, simple, custom
*/

body, html {padding:0; margin:0;}
body {background:#26251e; text-align:center; font:0.75em Verdana, Arial, Helvetica, sans-serif;}

#back-top {background:url(images/background-top.png) repeat-x top;}
#back-body {background:url(images/background-body.png);}
#back-bottom {background:url(images/background-bottom.png) repeat-x bottom; padding-bottom:60px;}

#container {height:700px; width:960px; text-align:left; margin:0 auto; position:relative;}
*>#container {height:auto; min-height:700px;}

#header {height:240px;}

#logo-flyer {height:166px; width:530px;}
#logo-flyer a {display:block; height:166px; width:530px; background:url(images/logo_flyer.png) no-repeat 0 0;}
.en #logo-flyer a {background-image:url(images/logo_flyer-en.png);}
#logo-flyer a:hover, #logo-flyer a:focus {background-position:0 -166px;}
#logo-flyer span {display:none;}

#photocloud {display:block; width:415px; height:190px; background:url(images/photocloud.png) no-repeat 0 0; position:absolute; right:2px; top:2px;}
#photocloud:hover, #photocloud:focus {background-position:0 -190px;}

#menu {width:966px; height:50px; padding:0; margin:24px -3px 0; background:url(images/menu.png) no-repeat;}
#menu li {padding:0; margin:0; list-style:none; float:left; margin-left:3px;}
#menu li.right {float:right; margin-right:3px;}
#menu li a {display:block; padding:16px 15px 14px; font-size:13px; text-transform:uppercase; color:#fff; text-decoration:none; background:url(images/menu-hover.png) no-repeat 0 50px;}
#menu li.application a {color:#49c51e;}
#menu li.output a {color:#ffbd00;}
#menu li a:hover, #menu li a:focus {background-position:-10px 2px; color:#ffbd00;}
#menu li.first a:hover, #menu li.first a:focus {background-position:0 2px;}
#menu li.last a:hover, #menu li.last a:focus {background-position:100% 2px;}

#language-switcher {position:absolute; top:0; right:0;}
#language-switcher li {list-style:none;}
#language-selector #lang_sel_list, #language-selector #lang_sel_list ul {width:auto; text-align:right; border:none;}
#language-selector #lang_sel_list li a {font-size:13px; font-family:Verdana, Geneva, sans-serif; color:#ad1010; background:transparent; border:none; display:block; padding:0; text-transform:uppercase; display:block; padding:8px 13px 20px 20px;}
#language-selector #lang_sel_list li a:hover, #language-selector #lang_sel_list li a:focus {color:#3c7b41; text-decoration:underline !important;}
#language-selector ul li {float:none; width:auto;}
.webkit #language-selector #lang_sel_list li a {display:block; padding-bottom:5px;}
.en #language-selector #lang_sel_list li.icl-en a, .cs #language-selector #lang_sel_list li.icl-cs a {display:none;}


#catcher {float:right; position:relative; background:url(images/catcher.png) no-repeat 2px 0; width:480px; height:324px; margin:12px 0 0; font-family:Georgia, "Times New Roman", Times, serif; color:#403d2f; overflow:hidden;}
#catcher .more {display:block; width:104px; height:43px; background:url(images/bt-more.png) no-repeat 0 0; position:absolute; bottom:5px; right:45px;}
.en #catcher .more {background-image:url(images/bt-more-en.png);}
#catcher .more span {display:none;}
#catcher .more:hover, #catcher .more:focus {background-position:0 -43px;}
#catcher .col-left {font-size:18px; width:200px; float:left; font-weight:bold; font-style:italic; margin:35px 0 0 30px; white-space:nowrap;}
#catcher .col-right {font-size:14px; width:200px; float:right; margin:35px 30px 0 0; font-style:italic; white-space:nowrap; line-height:15px;}
#catcher #binder {display:block; width:51px; height:45px; background:url(images/binder.png) no-repeat; position:absolute; top:23px; left:9px;}
#catcher p {margin-top:0;}

#tv {width:460px; height:286px; padding:6px 10px 9px; background:url(images/tv.png) no-repeat 1px 0; float:left; margin:25px 0 0;}

#subpage {padding:0 15px; line-height:1.5em;}

.col-left {width:458px; float:left;}
.col-right {width:458px; float:right;}
.col-right p, .col-left p {padding:0 2px;}
.col-right ul, .col-left ul {padding:0 2px 0 22px;}

#footer {clear:both; height:180px; width:960px; margin:0 auto; position:relative; color:#fff;}
#footer a {color:#ffbd00; text-decoration:none;}
#footer a:hover, #footer a:focus {color:#49c51e; text-decoration:underline;}

#copyright, #metainfo {float:right; padding:13px 20px 23px;}
#copyright {float:left;}

#partners {clear:both; background:url(images/hr-footer.png) no-repeat 50% 0; padding:0; position:relative; height:113px;}
#partners a span {display:none;}
#partners a {display:block; position:absolute; height:93px; background:url(images/partner-com.png) no-repeat 0 0; width:155px; top:18px; left:7px;}
#partners a:hover, #partners a:focus {background-position:0 -93px;}
#partners a#eu {background-image:url(images/partner-eu.png); width:215px; left:185px;}
#partners a#mladez-pair {background-image:url(images/partner-mladez-pair.png); width:134px; left:413px;}
#partners a#mladez {background-image:url(images/partner-mladez.png); width:173px; left:555px;}
#partners a#vodafone {background-image:url(images/partner-vodafone.png); width:210px; left:740px;}
#partners-full {background:#fff; text-align:center; margin:0 2px; -moz-border-radius:8px; -webkit-border-radius:8px;}
#partners-full img {margin:15px 20px;}

#sticker-amplifier {width:108px; height:108px; background:url(images/sticker-amplifier.png) no-repeat; position:absolute; top:-68px; right:276px; cursor:default;}

/* The Timetable */
#timetable {position:relative; clear:both; padding:11px 0 0; line-height:1.4em;}
.box-container, .box-system-container {width:240px; float:left; position:relative;}
#sticker-sigma {width:57px; height:57px; background:url(images/sticker-sigma.png) no-repeat; position:absolute; top:-8px; left:1px;}
.box-top {background:url(images/box-chain-top.png) no-repeat 50% 0; height:5px; overflow:hidden;}
.box-body {background:url(images/box-chain-body.png) repeat-y 50%;}
.box-bottom {background:url(images/box-chain-bottom.png) no-repeat 50% 0; height:6px; overflow:hidden;}
.box-overlay {background:url(images/box-chain-overlay.png) no-repeat 50% 0;}
.box-system-container .box-top {background-image:url(images/box-system-top.png);}
.box-system-container .box-body {background-image:url(images/box-system-body.png);}
.box-system-container .box-bottom {background-image:url(images/box-system-bottom.png);}
.box-system-container .box-overlay {background-image:url(images/box-system-overlay.png);}
.box-overlay {padding:9px 25px 1px;}
.box-container h2, .box-system-container h2 {text-align:center; background:url(images/hr-short.png) no-repeat 50% 100%; padding:0 0 9px; margin:0;}
h2.the-system {color:#ad1010;}
.arrow {width:45px; height:57px; background:url(images/arrow.png) no-repeat; position:absolute; top:116px; left:217px;}
#arrow-2 {left:457px;}
#arrow-3 {left:697px;}
/*.application .box-overlay {padding-bottom:20px;}*/
#bt-application {display:block; width:122px; height:44px; background:url(images/bt-application.png) no-repeat 0 0; position:absolute; bottom:-15px; right:0px;}
.en #bt-application {background-image:url(images/bt-application-en.png);}
#bt-application:hover, #bt-application:focus {background-position:0 -44px;}
#bt-application span {display:none;}

/* The Home's Additional */
#additional {clear:both; line-height:1.4em;}
#stay-in-touch {width:480px; float:left;}
#microblog {width:480px; float:right;}
#additional .box-top {background-image:url(images/box-small-top.png); height:3px;}
#additional .box-body {background-image:url(images/box-small-body.png);}
#additional .box-bottom {background-image:url(images/box-small-bottom.png); height:5px;}
#additional .box-overlay {background-image:url(images/box-small-overlay.png);}
#stay-in-touch h2, #microblog h2 {background:url(images/hr-double.png) no-repeat 50% 50%; text-align:center; padding:30px 0; margin:0;}
#stay-in-touch h2 img, #microblog h2 img {position:relative; top:2px;}
#additional h3 {font-size:1.2em; font-weight:bold; text-align:center; background:url(images/hr-short.png) no-repeat 50% 100%; padding:0 0 0.6em; color:#403d2f}
#additional h3.inside {padding:0;}
#additional h3.inside span {display:block; background:url(images/hr-short.png) no-repeat 50% 0; padding:0.6em 0;}
#heading-rss {position:relative;}
#sticker-rss {display:block; width:50px; height:51px; background:url(images/sticker-rss.png) no-repeat !important; border:0; position:absolute; top:-6px; left:-26px;}
.run {border:1px solid #c2bdae; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:2px; display:block;}
.blog-archive-entry {display:block; margin:0.8em 0;}
.blog-archive-entry .date {display:block; font-size:0.9em;}

#clicks4system {clear:both; width:938px; margin:0 0 20px 10px; position:relative; top:20px;}
#clicks4system img {display:block; width:938px; height:50px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; border:1px solid #d0cab9;}
#clicks4system p {margin:10px 15px 30px; padding:0;}
#clicks4system strong {font-weight:bold; color:#ad1010;}
#clicks4system form {display:none; width:938px; height:35px; padding-top:15px; position:absolute; top:1px; left:1px; text-align:center; background:url(images/want-overlay.png);}
#clicks4system form input {background:#e2dbc7; font:1em Verdana, Arial, Helvetica, sans-serif; padding:3px; border:1px solid #c2bdae; color:#000; width:200px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#clicks4system form input.submit {background:#ad1010; border:1px solid #ad1010; color:#fff; width:70px; padding:2px 1px; font-weight:bold;}
#clicks4system form input.submit:hover, #newsletterFormDiv input.submit:focus {background:#3c7b41; border-color:#3c7b41; cursor:pointer;}
#clicks4system form input#want-close {width:24px; background:#b1ac99; border-color:#b1ac99;}


/* The AJAX Newsletter Plugin */
#newsletterFormDiv {width:190px; white-space:nowrap;}
#newsletterFormDiv input {background:#e2dbc7; font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:3px; border:1px solid #c2bdae; color:#000; width:120px; margin-right:4px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#newsletterFormDiv input:hover, #newsletterFormDiv input:focus {border-color:#3c7b41;}
#newsletterFormDiv input.submit {background:#ad1010; border:1px solid #ad1010; color:#fff; width:56px; padding:2px 1px; font-weight:bold;}
#newsletterFormDiv input.submit:hover, #newsletterFormDiv input.submit:focus {background:#3c7b41; border-color:#3c7b41; cursor:pointer;}
#newsletterLoading {font-size:0.9em; margin:2px 3px 0;}
#newsletterLoading img {position:relative; top:4px;}
.success {font-size:0.9em; color:#3c7b41;}
.error {font-size:0.9em; color:#ad1010;}

/* The Comments */
ol.commentlist {padding:0; margin:0 0 1em;}
ol.commentlist li {list-style:none; padding:0.5em 0; margin:0 0 0.4em; border-bottom:1px dotted #868376;}
ol.commentlist .author {font-weight:bold;}
ol.commentlist .date {font-size:0.9em;}
ol.commentlist p {margin:0 0 0.4em;}
ol.commentlist p.comment-head {margin:0; color:#403d2f;}
ol.commentlist .comment-body {font-size:0.9em; line-height:1.4em;}

#commentform input, #commentform textarea {background:#ece7d7; font:0.9em Verdana, Arial, Helvetica, sans-serif; padding:3px; border:1px solid #c2bdae; color:#000; width:120px; margin-right:4px; -moz-border-radius:2px; -webkit-border-radius:2px;}
#commentform input:hover, #commentform input:focus, #commentform textarea:hover, #commentform textarea:focus {border-color:#3c7b41;}
#commentform #comment {width:444px; height:80px;}
#commentform input#submit {background:#ad1010; border:1px solid #ad1010; color:#fff; padding:2px 5px; font-weight:bold;}
#commentform input#submit:hover, #commentform input#submit:focus {background:#3c7b41; border-color:#3c7b41; cursor:pointer;}
#commentform .pending {color:#ad1010; font-style:italic;}

/* TYPOGRAPHY */

p {margin:0.8em 0;}
ul {padding-left:1.3em;}
ol {padding-left:2.5em;}
li {list-style:disc; margin:0.8em 0;}
ol li {list-style:decimal;}

h2 {font-size:1.7em; color:#000; margin:0.8em 0 0.6em; color:#403d2f; font-family:"Brooklyn", "Palatino Linotype", "Book Antiqua", Palatino, serif;}
h2.pagetitle {font-size:2em; margin:0.8em 0 0.2em;}
.home h2 {font-size:2em;}

h3 a {text-decoration:none;}
h3 a:hover, h3 a:focus {text-decoration:underline;}

ul.tight {margin:0.8em 0;}
ul.tight li {margin-top:0; margin-bottom:0;}

strong {font-weight:normal; color:#986c18;}
em {font-style:italic;}

a {text-decoration:underline; color:#ad1010;}
a:hover {color:#3c7b41;}
#subpage a {font-weight:bold;}

/* font-face */
@font-face {font-family: 'Brooklyn'; src: url('fonts/cebrookt-webfont.eot'); src: local('☺'), url('fonts/cebrookt-webfont.woff') format('woff'), url('fonts/cebrookt-webfont.ttf') format('truetype'), url('fonts/cebrookt-webfont.svg#webfontpCch8iUC') format('svg'); font-weight: normal; font-style: normal;}

/* THE COLORS */

.red {color:#ad1010 !important;}
.green {color:#3c7b41 !important;}
.yellow {color:#ffbd00 !important;}
.brown {color:#403d2f !important;}
.grey {color:#888 !important;}

/* VARIOUS */

.more-link {display:block; text-align:right; text-decoration:none; font-weight:bold;}
.more-link:hover, .more-link:focus {text-decoration:underline;}

.cleaner {clear:both;}
hr.cleaner {height:1px; border:none; background:none; visibility:hidden;}

.notfound {text-align:center;}
h2.notfound {margin-top:150px; font-size:2.2em; color:#ad1010;}

.separated {background:url(images/hr-double.png) no-repeat 50% 50%; text-align:center; padding:15px 0; margin:0;}

.external {background:url(images/external.png) no-repeat 100% 0; padding-right:13px;}

.small {font-size:0.9em !important;}
.big {font-size:1.2em !important;}

.col-right .ngg-galleryoverview {padding-left:8px;}
.col-left .ngg-galleryoverview {padding-right:8px;}

html body #TB_window {background:#f2eee3; color:#000; border:1px solid #fff;}
html body #TB_window a {color:#ad1010;}
html body #TB_window a:hover, html body #TB_window a:focus {color:#3c7b41;}
html body #TB_window #TB_Image {border:1px solid #fff;}

/* UGLY HACKS AND FIXES :( */

/* IE 7 */
*:first-child+html #menu {position:relative; top:24px;}

/* IE 6 */
* html #menu {position:relative; top:24px;}
* html #catcher .col-left {margin-left:15px;}
* html #timetable .box-container, * html #timetable .box-system-container {width:238px;}
* html #stay-in-touch .box-container {overflow:hidden;}