@import url(reset.css);

/* ----- [ basic layout ] ----- */
html, body {
	margin: 0;
	padding: 0;
	background: #fff;
	}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
	text-align: center;
	color: #000;
	position: relative;
	padding-top: 30px;
	}
#container {
	height: 100%;
	width: 100%;
	}
#container-in {
	height: 100%;
	width: 100%;
	}
#master {
	min-width: 960px;
	}
#master-in {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	}
#header {
	height: 55px;
	position: relative;
	background: #000 url(../graphics/layout/navigation2.png) no-repeat 0 0;
	margin-bottom: 30px;
	}
#header h1 a {
	display: block;
	width: 170px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	left: 19px;
	top: 10px;
	background: url(../graphics/layout/navigation2.png) no-repeat -15px -10px;
	}
#header h1 a:hover {
	background-position: -15px -65px;
	}
#header h1 a:active {
	background-position: -15px -120px;
	}

/* ----- [ navigation ] ----- */
#navigation {
	position: absolute;
	left: 305px;
	right: 200px;
	top: 0;
	bottom: 0;
	}
#navigation li {
	float: left;
	padding: 0;
	margin: 0;
	}
#navigation a {
	display: block;
	background: url(../graphics/layout/navigation2.png) no-repeat 0 0;
	position: relative;
	float: left;
	height: 55px;
	line-height: 35px;
	text-decoration: none;
	text-indent: -9999px;
	color: #fff;
	overflow: hidden;
	}
#nav-novareklama a { width: 128px; background-position: -305px 0; }
#nav-novareklama a:hover { background-position: -305px -55px; }
#nav-novareklama a:active, #nav-novareklama a.active { background-position: -305px -110px; }

#nav-sluzby a { width: 70px; background-position: -433px 0; }
#nav-sluzby a:hover { background-position: -433px -55px; }
#nav-sluzby a:active, #nav-sluzby a.active { background-position: -433px -110px; }

#nav-reference a { width: 100px; background-position: -503px 0; }
#nav-reference a:hover { background-position: -503px -55px; }
#nav-reference a:active, #nav-reference a.active { background-position: -503px -110px; }

#nav-blog a { width: 64px; background-position: -603px 0; }
#nav-blog a:hover { background-position: -603px -55px; }
#nav-blog a:active, #nav-blog a.active { background-position: -603px -110px; }

#nav-kontakty a { width: 88px; background-position: -667px 0; }
#nav-kontakty a:hover { background-position: -667px -55px; }
#nav-kontakty a:active, #nav-kontakty a.active { background-position: -667px -110px; }

#dropdown {
	position: absolute;
	top: 55px;
	left: -10000px;
	background: #d6d6d6 url(../graphics/layout/dropdown-bg.png) repeat-x 0 0;
	z-index: 999;
	width: 180px;
	border: 1px solid #bbbbbb;
	border-top: none;
	}

#nav-sluzby:hover #dropdown {
	left: 130px !important;
	}
#navigation li ul {
	display: block;
	float: none;
	padding: 10px 0;
	border: 1px solid #dfdfdf;
	border-top: none;
	}
#navigation li ul li, #whisperer li {
	float: none;
	background: none;
	margin: 0;
	padding: 0;
	}
#navigation li ul li a, #whisperer li a {
	background: none;
	margin: 0;
	padding: 0 20px;
	color: #484848;
	text-shadow: 0 1px 0 #fff;
	text-indent: 0;
	float: none;
	width: auto;
	height: 28px;
	line-height: 28px;
	}
#whisperer li a {
	display: block;
	}
#navigation li ul li a:hover, #whisperer li a:hover {
	background: #acacac url(../graphics/layout/dropdown-hover.png) repeat-x 0 0;
	color: #fff;
	text-shadow: 0 -1px 0 #333;
	text-decoration: none;
	}
#search {
	position: absolute;
	right: 45px;
	top: 14px;
	}
#search input {
	border: none;
	display: block;
	background: transparent;
	width: 115px;
	height: 25px;
	color: #666;
	font-size: 100%;
	}
.krizek {
	 display: block;
	 background: url(../graphics/layout/cancel.png) no-repeat 0 0;
	 width: 26px;
	 height: 26px;
	 position: absolute;
	 right: -25px;
	 top: 2px;
	}
.krizek:hover {
	background: url(../graphics/layout/cancel.png) no-repeat 0 -26px;
	cursor: pointer;
	}
#naseptavac {
	position: absolute;
	top: 55px;
	left: -10000px;
	background: #d6d6d6 url(../graphics/layout/dropdown-bg.png) repeat-x 0 0;
	z-index: 999;
	width: 203px;
	border: 1px solid #bbbbbb;
	border-top: none;
	}
#whisperer {
	display: block;
	float: none;
	padding: 10px 0;
	border: 1px solid #dfdfdf;
	border-top: none;
	}
#whisperer-in {
	}

/* ----- [ columns framework ] ----- */
.main {
	line-height: 140%;
	color: #666;
	padding: 0;
	}
.cols {
	clear: both;
	margin: 20px 0;
	}
.cols .cols {
	margin: 0;
	}
.col1span3, .col1span2, .col3span1, .col1span1, .col2span1, .col2span2 {
	float: left;
	}
.col1span3-in, .col1span2-in, .col3span1-in, .col1span1-in, .col2span1-in, .col2span2-in {
	padding: 0 20px;
	}
.col1span3 { width: 960px; }
.col1span2 { width: 640px; }
.col3span1 { width: 320px; }
.col1span1 { width: 320px; }
.col2span1 { width: 320px; }
.col2span2 { width: 640px; }

.clearfix {
	clear: left;
	}

.separator {
	margin: 30px 0;
	padding: 0 20px;
	background: url(../graphics/layout/separator-span3.gif) no-repeat 50% 50%;
	height: 2px;
	}
.col1span2 .separator, .col2span2 .separator {
	background: url(../graphics/layout/separator-span2.gif) no-repeat 50% 50%;
	}
.separator hr {
	display: none;
	}

.main p {
	padding: 2px 0 0 0;
	margin: 0 0 20px 0;
	}
ul.bullets {
	margin: 20px 0;
	}
ul.bullets li {
	padding-left: 30px;
	background: url(../graphics/layout/bullet.gif) no-repeat 10px 50%;
	margin: 0 0 3px 0;
	}
dl {
	margin: 10px 0;
	}
dt {
	font-weight: bold;
	color: #000;
	}
dd {
	padding-left: 30px;
	margin-bottom: 20px;
	background: url(../graphics/layout/bullet.gif) no-repeat 10px 5px;
	}
a {
	color: #0082be;
	text-decoration: none;
	}
a:hover {
	color: #06a5e8;
	text-decoration: underline;
	}
a:visited {
	color: #4a9dbf;
	}
a:active {
	color: #005281;
	text-decoration: none;
	}

a.go {
	padding-right: 7px;
	background: url(../graphics/layout/anchor-arrow.gif) no-repeat 100% 4px;
	}
a.go:hover { background-position: 100% -26px; }
a.go:active { background-position: 100% -56px; }

a.out {
	padding-right: 12px;
	background: url(../graphics/layout/anchor-out.gif) no-repeat 100% 3px;
	}
a.out:hover { background-position: 100% -27px; }
a.out:active { background-position: 100% -57px; }



.sidebar {
	background: url(../graphics/layout/sidebar-bottom.jpg) no-repeat 20px 100%;
	padding: 0 0 10px 0;
	min-height: 500px;
	}
.sidebar-in {
	background: url(../graphics/layout/sidebar-top.jpg) no-repeat 20px 0;
	padding-left: 40px;
	min-height: 420px;
	}

/* ----- [ subnavigation ] ----- */
.subnavigation {
	padding: 30px 0 50px 0;
	}
.subnavigation a, .subnavigation a:visited {
	display: block;
	width: 260px;
	height: 30px;
	font-size: 90%;
	line-height: 30px;
	text-decoration: none;
	text-align: right;
	text-shadow: 1px 1px 1px #000;
	background: #000 url(../graphics/layout/subnavigation.png) no-repeat 0 0;
	color: #e7e7e7;
	}

.subnavigation a:active {
	background: #000 url(../graphics/layout/subnavigation.png) no-repeat 0 -60px;
	color: #000;
	text-shadow: 1px 1px 1px #999;
	}
.subnavigation a span {
	display: block;
	padding: 0 25px 0 10px;
	}
.subnavigation ul a, .subnavigation ul a:visited {
	background: #727272 url(../graphics/layout/subnavigation.png) no-repeat 0 -120px;
	color: #fff;
	}
.subnavigation ul a span {
	padding: 0 35px 0 10px;
	}

.subnavigation ul {
	margin: 0 0 10px 0;
	}
.subnavigation a:hover {
	background: #444 url(../graphics/layout/subnavigation.png) no-repeat 0 -30px;
	color: #fff;
	text-decoration: none;
	}
.subnavigation ul a:hover {
	background: #aeaeae url(../graphics/layout/subnavigation.png) no-repeat 0 -150px;
	color: #fff;
	}
.subnavigation a:active {
	background: #333 url(../graphics/layout/subnavigation.png) no-repeat 0 -60px;
	text-shadow: 1px 1px 1px #999;
	color: #000;
	}
.subnavigation ul a:active {
	background: #333 url(../graphics/layout/subnavigation.png) no-repeat 0 -180px;
	text-shadow: 1px 1px 1px #999;
	color: #000;
	}
.subnavigation a.active {
	background: #333 url(../graphics/layout/subnavigation.png) no-repeat 0 -90px !important;
	color: #fff;
	margin: 10px 0 0 0;
	cursor: default;
	text-shadow: 1px 1px 1px #000 !important;
	}
.subnavigation ul a.active {
	background: #d1d1d1 url(../graphics/layout/subnavigation.png) no-repeat 0 -210px !important;
	margin: 0;
	color: #fff;
	text-shadow: 1px 1px 1px #000 !important;
	cursor: default;
	}
h2, h3, h4, h5, h6 {
	font-family: "Droid Sans", sans-serif;
	font-size: 250%;
	font-weight: normal;
	color: #000;
	margin: 30px 0 0 0;
	padding: 0 0 10px 0;
	line-height: 120%;
	}
h3 {
	font-size: 150%;
	}
h4 {
	font-size: 120%;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
	}
.cols > h2, .cols > h3 {
	margin: 0 20px;
	padding: 0 0 20px 0; 
	}
.order {
	padding: 70px 0 0 0 !important;
	text-align: center;
	background: url(../graphics/layout/order-bg.gif) no-repeat 50% 0;
	position: relative;
	}
.order strong {
	text-transform: uppercase;
	color: #000;
	display: block;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	padding: 10px 0;
	}
a.button, a.button:visited {
	display: block;
	margin: 5px 0;
	padding: 0 20px;
	background: url(../graphics/layout/button.png) no-repeat 50% 0;
	height: 38px;
	line-height: 36px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-shadow: -1px -1px -1px #005688;
	}
a.button:hover {
	background-position: 50% -40px;
	color: #fff;
	text-shadow: -1px -1px -1px #0082be;
	text-decoration: none;
	}
a.button:active {
	background-position: 50% -80px;
	line-height: 37px;
	color: #002d4a;
	text-shadow: 1px 1px 1px #9ec0d2;
	}


#footer {
	margin: 40px 0;
	/*background: url(../graphics/layout/footer-bg.png) no-repeat 50% 100% !important;*/
	}
#links {
	background: url(../graphics/layout/links.png) no-repeat 0 0;
	height: 243px;
	overflow: hidden;
	color: #525252;
	font-size: 90%;
	line-height: 150%;
	margin: 0;
	}
#links .col1span1, #links .col2span1, #links .col3span1 {
	padding-top: 30px;
	}
#links p { margin: 0 0 10px 0; }
#links h5 {
	font-size: 150%;
	color: #000;
	margin: 30px 0 5px 0;
	}
#contacts {
	color: #636363;
	font-size: 90%;
	line-height: 150%;
	margin: 10px 0 0 0;
	}
#contacts .col1span1-in, #contacts .col2span1-in, #contacts .col3span1-in, #contacts .col2span2-in  {
	padding: 0 !important;
	}
#contacts span.mail {
	padding-left: 20px;
	background: url(../graphics/layout/footer-icons.png) no-repeat -5px -265px;
	}
#contacts span.cellphone {
	padding-left: 20px;
	background: url(../graphics/layout/footer-icons.png) no-repeat -5px -297px;
	}
#links .next li {
	padding-left: 30px;
	background: url(../graphics/layout/bullet.gif) no-repeat 10px 50%;
	}
#links .next li a {
	color: #525252;
	}
span.copyright { display:block; float: right; text-align: right; }
#links .next .current, #links .next .active { display: none; }
.share {
	position: relative;
	top: -10px;
	}
.share a {
	display: block;
	color: #525252;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 35px;
	}
#share-mail { background: url(../graphics/layout/footer-icons.png) no-repeat 0 0; }
#share-mail:hover { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -32px; }

#share-facebook { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -64px; }
#share-facebook:hover { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -96px; }

#share-twitter { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -128px; }
#share-twitter:hover { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -160px; }

#share-rss { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -192px; }
#share-rss:hover { background: url(../graphics/layout/footer-icons.png) no-repeat 0 -224px; }

#contacts a {
	color: #636363;
	}
.local-nav {
	margin: 50px 0 0 0;
	position: relative;
	}
.local-nav .previous {
	position: absolute;
	left: 0;
	top: 0;
	}
.local-nav .next {
	position: absolute;
	right: 0;
	top: 0;
	}
.local-nav .next a {
	padding-right: 15px;
	background: url(../graphics/layout/anchor-circle_arrow-right.png) no-repeat 100% 0;
	}
a.play {
	padding-right: 15px;
	background: url(../graphics/layout/anchor-play.png) no-repeat 100% 0;
	}
.local-nav .next a:hover { background-position: 100% -30px; }
.local-nav .next a:active { background-position: 100% -60px; }
.local-nav .previous a {
	padding-left: 15px;
	background: url(../graphics/layout/anchor-circle_arrow-left.png) no-repeat 0 0;
	}
.local-nav .previous a:hover { background-position: 0 -30px; }
.local-nav .previous a:active { background-position: 0 -60px; }

.separator-vertical {
	background: url(../graphics/layout/separator-vertical.png) no-repeat 50% 50%;
	}
#alone {
	margin: 0;
	}

.notopmargin { margin-top: 0 !important; }
.notoppadding { padding-top: 0 !important; }

ol {
	margin: 20px 0;
	}
ol li {
	padding: 3px 0 0 45px;
	margin: 0 0 3px 0;
	}
ol li.one { background: url(../graphics/layout/bullet-01.png) no-repeat 0 0; }
ol li.two { background: url(../graphics/layout/bullet-02.png) no-repeat 0 0; }
ol li.three { background: url(../graphics/layout/bullet-03.png) no-repeat 0 0; }
ol li.four { background: url(../graphics/layout/bullet-04.png) no-repeat 0 0; }
ol li.five { background: url(../graphics/layout/bullet-05.png) no-repeat 0 0; }
ol li.six { background: url(../graphics/layout/bullet-06.png) no-repeat 0 0; }
ol li.seven { background: url(../graphics/layout/bullet-07.png) no-repeat 0 0; }
ol li.eight { background: url(../graphics/layout/bullet-08.png) no-repeat 0 0; }
ol li.nine { background: url(../graphics/layout/bullet-09.png) no-repeat 0 0; }
ol li.ten { background: url(../graphics/layout/bullet-10.png) no-repeat 0 0; }


/* formuláře */
label span, p.note span {
	font-weight: bold;
	color: #0082be;
	}
p.note {
	font-size: 90%;
	color: #ccc;
	font-style: italic;
	margin: 0;
	}
.alert {
	margin: -10px 0 20px 0;
	color: #0082be;
	}
.input-error {
	border: 1px solid #0082be;
	background: #dcf5ff;
	}
.FBConnectButton_Simple, .FBConnectButton_Text_Simple {
	background: none !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
	}

/* twitter */
.twtr-ft { display: none; }
.twtr-tweet-text p { line-height: 150% !important; }
a.twitter-button {
	display: block;
	height: 52px;
	width: 280px;
	margin: 20px 0;
	background: url(../graphics/layout/twitter-button.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -99999px;
	}
a.twitter-button:hover {
	background-position: 0 -52px;
	}
.top {
	margin-top: 0 !important;
	}
.highlight { font-weight: bold; }	
p span.highlight { font-weight: bold; color: #000; }	


.kariera {
	background: url(../graphics/images/titulni-strana/kariera.jpg) no-repeat 200px 20px;
	padding-right: 100px;
	}