/*
Theme Name: Default
Theme URI: http://www.developstudio.com/
Description: Developstudio style
Version: 20.5.2008
Author: Tomas Kapler
Author URI: http://www.developstudio.com/
Tags: fixed width, three columns

*/



html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	list-style: none;
}
body {
	background: #333;
	font-size: 62.5%;
/* Nastaví 1em na 10px pro všechny prohlížeče */
	color: white;
/* vždy nastavit barvu písma, lepší než černá je tmavě šedá */
 font-family: sans-serif;
}
#content {
	width: 1235px;
	text-align: left;
	position: relative;
	padding-left: 15px;
}
#main {
	width: 572px;
	float: left;
	position: relative;
	padding: 30px 19px 4em 19px;
	border-top: 1px solid #1f1f1f;
	margin-left: 18px;
	display: inline;
}
#homepage #main {/* 
	width: 238px;
	padding: 10px 4px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	z-index: 1000; */
	width: 238px;
	margin: 0 0 -100% 0;
	float: right;
	padding: 0;
	border: none;
}
#submain {
	position: absolute;
	top: 95px;
	left: 33px;
}
#homepage #submain {
	position: relative;
	width: 718px;
	float: left;
	top: 0;
	left: 0;
	padding: 0 0 4em 0;
	margin-left: 34px;
	display:inline;
}
#side {
	width: 260px;
	float: left;
	position: relative;
	left: 343px;
	z-index: 1;
}
#homepage #side {
	border-top: 1px solid #1f1f1f;
	width: 246px;
	top: 43em;
	padding-top: 1em;
	left: 236px;
}
#otherside {
	overflow: hidden;
float: left;
	width: 316px;
	position: relative;
	left: -240px;
	z-index: 1;
}
#homepage #otherside {
	width: 220px;
	left: -242px;
	margin-top: 10px;
}
#ngg_tiltviewer1 {
width: 718px;
height: 460px;
background: url(images/reference.jpg) no-repeat left top;
}
#header {
	height: 89px;
}
#header li {
display: inline;
}
#homepage #header {
	height: 0;
	position: static;
}
.menu li:hover {
	background-color: #cddc29 !important;
}
#menu h2, .menu a strong {
	display: none;
}
#otherside ul.wp-tag-cloud {
margin: 0 15px 10px;
}
#otherside ul.wp-tag-cloud li {
display: inline;
}
#otherside .menu li {
	line-height: 25px;
	height: 25px;
	background: #111 url(images/menu.png) no-repeat left top;
	display: block;
	margin-bottom: 1px;
	font-size: 110%;
}
#otherside .menu li a {
	height: 25px;
	background: url(images/menu-r.png) no-repeat right top;
	padding: 0 1em 0 17px;
	display: block;
	color: white;
	text-decoration: underline;
	white-space: nowrap;
}
#otherside .menu li:hover, #otherside .menu li.current {
	background-position: left bottom;
}
html #otherside .menu li:hover a, #otherside .menu li.current a {
	color: #333;
	text-decoration: none;
	background-position: right bottom;
	font-weight: normal;
	white-space: nowrap;
}
#otherside .menu li.current a {
  font-weight: bold;
}
#top-menu {
	position: absolute;
	top: 28px;
	width: 570px;
	height: 39px;
}
#top-menu li {
	line-height: 39px;
	height: 39px;
	background: black url(images/topmenu.png) no-repeat left top;
	float: left;
	margin: 0 1px 0 0;
	font-size: 140%;
}
#top-menu li a {
	display: block;
	height: 39px;
	background: url(images/topmenu-r.png) no-repeat right top;
	padding: 0 10px;
	text-decoration: none;
	color: #fdfdfd;
	white-space: nowrap;
}
#top-menu li:hover, #top-menu li.current {
	background-position: left bottom;
}
#top-menu li:hover a, #top-menu li.current a {
	color: black;
	text-decoration: underline;
	background-position: right bottom;
}
#homepage-menu {
	position: absolute;
	width: 51px;
	height: 300px;
	left: 0;
	top: 90px;
}
#homepage-menu li {
	display: inline;
	line-height: 1px;
}
#homepage-menu a {
	width: 36px;
	margin-right: 15px;
	height: 0;
	padding: 83px 0 0 0;
	background: transparent no-repeat left top;
	overflow: hidden;
	display: block;
	line-height: 2;
	float: left;
	font-size: 1px;
	line-height: 1px;
	color: #333;
}
#homepage-menu .blog a {
	background-image: url(images/menu-blog.png);
	padding-top: 58px;
}
#homepage-menu .stranky a {
	background-image: url(images/menu-stranky.png);
	padding-top: 76px;
}
#homepage-menu .kontakt a {
	background-image: url(images/menu-kontakt.png);
}
#homepage-menu .homepage a {
	background-image: url(images/menu-homepage.png);
	padding-top: 62px;
}
#homepage-menu a:hover, #homepage-menu .current a {
	background-position: right top;
	width: 51px;
	margin-right: 0;
	font-weight: normal;
}
#side h2 {
	font-size: 190%;
	margin-left: 5px;
	color: white;
	position: relative;
	top: -1.4em;
	margin-bottom: -1.2em;
}
#homepage #side h2 {
 position: static;
 margin-bottom: 0.2em;
}
#side h2 span a {
	color: #cddc29;
}
#side h2 a:hover {
	color: white;
}
#side-blog p {
font-size: 110%;
}
#submain h2 {
	font-size: 230%;
	color: white;
	position: absolute;
	padding-bottom: 0.3em;
	top: 23px;
	width: 100%;
	border-bottom: 1px solid #1f1f1f;
	letter-spacing: -1px;
	left: 0;
}
#submain h2 span, #side h2 span {
	font-size: 80%;
}
#submain .reference {
padding-top: 100px;
}
#submain #sluzby h2 {
	top: -40px;
	border: none;
	background: url(images/darktop733.png) no-repeat left bottom;
	padding-bottom: 16px;
	font-size: 23px;
	width: 733px;
	padding-left: 15px;
}
#submain #sluzby {
	background: #111 url(images/bg-sluzby.png) repeat-x left top;
	width: 733px;
	margin-right: -15px;
	padding: 10px 0;
	position: relative;
	left: -15px;
}
#submain #sluzby .item {
	width: 210px;
	float: left;
	padding: 10px;
	margin: 0 2px 0 10px;
	background: #222 url(images/bg-sluzba.png) repeat-x left top;
	display:inline;
}
#submain #sluzby .item h3 {
	color: white;
	font-size: 200%;
	text-transform: none;
	margin-bottom: 0.8em;
}
#submain #sluzby .item h3 a {
text-decoration: none;
}
#submain #sluzby .item h3 a strong {
color: white;
font-weight: normal;
}
#submain #sluzby .item h3 a:hover strong {
color: #cddc29;
}
#submain #sluzby .item img {
	float: left;
	margin: 0 10px 10px 0;
}
#submain #sluzby .item p {
	font-size: 110%;
}
#side .item {
	padding: 0 10px 10px 10px;
	background: #111 url(images/darkbottom260.png) no-repeat left bottom;
	margin-bottom: 2px;
	position: relative;
}
#side .item a img {
display: block;
margin: 0 auto;
}
#side .item h3 {
	font-size: 140%;
	font-weight: normal;
	text-transform: none;
	background: #111 url(images/darktop260.png) no-repeat left top;
	width: 240px;
	margin: 0 -10px;
	padding: 10px;
}
#homepage #side .item {
	background-image: url(images/darkbottom246.png);
}
#homepage #side .item h3 {
	background-image: url(images/darktop246.png);
	width: 226px;
  }
#breadcrumb li {
	display: inline;
}
#header a strong {
	display: none;
}
#current a {
/* vždy klikací logo! příklad náhrady textu obrázkem*/
	position: absolute;
	width: 0;
	height: 54px;
	padding-left: 120px;
	overflow: hidden;
	display: block;
	background: url(images/logo.png) no-repeat left top;
	left: 666px;
	top: 20px;
	z-index: 500;
}
#homepage #current a {
	left: 820px;
	top: 41px;
}
html #current a#menujump {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}
#other {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
#other a {
	color: white;
}
form, fieldset, legend {
	margin: 0;
	padding: 0;
	border: none;
}
form {
	background: #111;
	padding: 10px;
}
#main form {
margin: 0 auto;;
width: 75%;
}
.linklove {
	display: none;
}
#otherside #usermessagea {
display: none;
}
#otherside form, #otherside #usermessagea.success {
	background: #111 url(images/darktop316.png) no-repeat left top;
	width: 296px;
	padding-top: 0;
	margin-top: 2px;
	display: block;
}
#homepage #otherside form, #homepage #otherside #usermessagea.success {
	padding-top: 100px;
	width: 200px;
	background-image: url(images/darktop220.png);
}
#otherside #usermessagea.success {
font-size: 140%;
color: #cddc29;
padding: 10px !important;
}
#homepage  #otherside #usermessagea.success {
	padding-top: 110px !important;
}

#otherside #usermessagea.failure {
font-size: 140%;
color: #DC143C;
font-size: 140%;
position: absolute;
background: #111;
padding: 10px;
width: 296px;
z-index: 1000;
	display: block;
}
#homepage #otherside #usermessagea.failure {
	width: 200px;
z-index: 1000;
top: 100px;
left: 0;
}

#otherside form li {
display: inline;
}
#otherside  .linklove {
	background: url(images/darkbottom316.png) no-repeat left bottom;
	width: 316px;
	padding-top: 4px;
	overflow: hidden;
	height: 0;
	display: block;
}
#homepage #otherside  .linklove {
	background-image: url(images/darkbottom220.png);
	width: 220px;
}
fieldset {
}
fieldset legend {
	font-size: 180%;
	font-weight: normal;
	color: white;
/* jinak IE dává modrou, takže vždy nastavit */
}
fieldset legend strong {
	font-size: 200%;
	font-weight: bold;
	color: #cddc29;
	position: relative;
	top: 0.1em;
}
fieldset legend span {
	color: #cddc29;
}
fieldset fieldset legend {
	font-size: 130%;
}
form label {
	text-align: left;
	display: block;
	margin-top: 0.6em;
}
form li {
	padding-top: 1em;
	font-size: 120%;
}
form li.cf-box-group {
	font-size: 110%;
}
form li.cf-box-title {
display: block !important;
}
form input, form textarea {
	width: 96%;
	display: block;
	padding: 5px;
	margin: 0;
	border: none;
	border-right: 1px solid #888;
	border-bottom: 2px solid #585858;
	background: #333 url(images/input.png) no-repeat left top;
	color: #cddc29;
	font-family: sans-serif;
	font-size: 110%;
	overflow: hidden;
	overflow-y: auto;
}
form input {
overflow: hidden;
}
#otherside form input, #otherside form textarea {
	width: 285px;
}
#homepage #otherside form input, #homepage #otherside form textarea {
	width: 189px;
}
form .reqtxt, form .emailreqtxt {
	float: left;
}
form .cf_hidden {
	display: none;
}
form label input, form input.cf-box-b {
	width: auto !important;
	height: auto !important;
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0.2em;
}

form .cf-box-group label {
	margin-top: 0.2em;
	display: block;
	clear: both;
	height: 1.8em;
	line-height: 1.8em;
	position: relative;
	padding-left: 2.3em;
}
form .sendbutton {
	width: 75px !important;
	height: 33px;
	padding: 0;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
	background: #cddc29 url(images/odeslat.png) no-repeat left top;
	display: block;
	text-indent: 75px;
	line-height: 33px;
	border: none;
	cursor: pointer;
	margin: 1em 0 0 auto;
}
form .sendbutton:hover {
	background-position: left bottom;
}
#footer {
	height: 2em;
	clear: both;
	width: 572px;
	margin: -4em 0 0 18px;
	border-top: 1px solid #1f1f1f;
	padding: 1em 19px 1em 19px;
}
#homepage #footer {
	width: 677px;
	margin-left: 34px;
}
#footer li {
	display: inline;
}
#footer br {
	display: none;
}
#lista {
	clear: both;
	text-align: justify;
	width: 572px;
	margin-left: 18px;
	padding: 1em 19px 0.5em 19px;
}
#homepage #lista {
	width: 677px;
	margin-left: 34px;
}
/* vždy nastavit obecný h1 až aspoň h4 */
h1, h2, h3, h4, h5, h6 {
/* sdružovat společná nastavení */
	font-family: Verdana, "Geneva CE", lucida, sans-serif;
	font-weight: normal;
	color: #cddc29;
	margin: 0 0 0.5em 0;
}
h1 {
	font-size: 210%;
	color: white;
	letter-spacing: -1px;
/*Velká písmena dělat stylem, ne textem! */
}
#homepage h1 {
	font-size: 190%;
	margin-top: 10px;
}
h2 {
	font-size: 140%;
}
#main h2 {
	margin-top: 1em;
	clear: both;
}
#homepage #main h2 {
margin-top: 0;
}
h3 {
	font-size: 120%;
}
#main h3 {
	font-size: 130%;
	color: white;
	font-weight: bold;
}

h4 {
	font-size: 120%;
}
/* tagy nastavovat vždy uvnitř elementu, kterého se týkají */
#main p {
/* velikost písma nastavovat na konkrétní tag, ne na celý div, písmo určené pro čtení (tj. ne nutně třeba patička) by mělo mít vždy minimálně 12 px (tj. 120%). Pakliže se nejedná o nějaký element, kde je velikost písma důležitá pro přesný design (občas u horizontálního menu a textových "obrázků"), tak jej nastavovat vždy v relativních jednotkách (em nebo %). */
	font-size: 120%;
	margin: 0.5em 0;
	line-height: 1.4em;
/* běžný text by měl mít meziřádkové mezery aby se co nejlépe četl */
}
#homepage #main p {
line-height: 1.3em;
}
#main ul, #main ol {
	margin: 0.5em 0;
}
#main ul li, #main ol li {
	font-size: 120%;
	line-height: 1.1em;
}
#main ul li, #main #wp_page_numbers li.page_info {
	background: url(images/li.png) no-repeat left top;
	padding: 0.1em 0 0.4em 22px;
}
#main ol li {
	margin-left: 2em;
	list-style: decimal url();
        padding: 0.1em 0 0.4em;
}
#main .skryvani h3 {
	color: black;
	border-bottom: 1px black dotted;
}

#main .skryvani {
width: 80%;
margin-left: 15%;
padding: 5px;
background: #ccc;
}
#main .skryvani p {
/* display: none; */
color: black;
margin-left: 20px;
}
#main .skryvani h3 strong {
display: none;
}
#main .skryvani a {
color: #5c7d15;
font-weight: bold;
}

li li, #main li li {
	font-size: 100% !important;
}
#submain ul, #submain ol {
	margin: 0.5em 0;
}
#submain ul li, #submain ol li {
	font-size: 120%;
	line-height: 1.1em;
}
#submain ul li {
	background: url(images/li.png) no-repeat left top;
	padding: 0.1em 0 0.4em 22px;
}
#submain ol li {
	margin-left: 2em;
	list-style: decimal url()
}
#main table {
	margin: 0 auto;
	font-size: 120%;
	background: black;
	width: 99%;
}
#main table.srovnani td, #main table.srovnani th {
width: 47%;
padding: 0.2em 1%;
}
#main table th {
	text-align: right;
	color: #cddc29;
}
#main table th, #main table td {
	vertical-align: middle;
}
#main table td.plus {
background: #cddc29;
color: black;
}
#main table thead th, #main table th.right, #main table th.left {
	text-align: center;
	float: none;
}
#main table td.right {
	text-align: right;
	float: none;
}
#main table td.left {
	text-align: left;
	float: none;
}
#main table thead th, #main table thead td {
	border-bottom: #333 double;
}
#main table tfoot th, #main table tfoot td {
	border-top: #333 double;
}
#main table tbody th {
	border-right: #333 double;
}
#main table caption {
	caption-side: bottom;
	font-style: italic;
	text-align: left;
}

#map {
width: 100%;
height: 200px;
}

.reference-item, .category-item {
position: relative;
height: 10em;
min-height: 100px;
}
.category-item {
background: black;
padding: 0 5px;
margin: 5px 0;
height: 11em;
min-height: 110px;
}
.reference-item.lichy, .category-item.lichy {
padding-left: 200px;
}
.reference-item.sudy, .category-item.sudy{
padding-right: 200px;
}
.reference-item img, .category-item img{
position: absolute;
top: 0.5em;
left: 50px;
}
.reference-item.sudy img, .category-item.sudy img{
left: auto;
right: 50px;
}

#wp_page_numbers {

}
#main #wp_page_numbers li {
display: inline;
background: none;
}
#main #wp_page_numbers li.active_page a{
font-weight: bold;
color: white;
}
#greenline {
display: inline;
}
#greenline a {
position: absolute;
left: 860px;
top: 10px;
padding-left: 119px;
width: 0;
height: 82px;
overflow: hidden;
background: url(images/800-SEO-SEOb.png) no-repeat left top;
	z-index: 1000;
}
#homepage #greenline a {

top: 12px;
left: 650px;
top: 12px;
padding-left: 131px;
height: 45px;
background-image: url(images/800-SEO-SEO.png);
}


/* skrývání nepotřebných částí, vždy nechat */
.hidden {
	display: none;
}
a {
	text-decoration: underline;
/* odkazy by měly být vždy potržené, ne nutně u blokových menu a podobně */
	color: #cddc29;
/* vždy musí mít nějakou základní barvu, kontrastní s pozadím main, nejlépe modrou */
}

a:hover {
	text-decoration: none;
	color: white;
}

a[href^="http"]:after { content:" \21D7"; }
a[href*="developstudio.com"]:after, #main div a:after { content:"" !important; }

/* #main div {
text-align: center;
} */
.center {
text-align: center;
}


.clear {
clear: both;
line-height: 1px;
font-size: 1px;
padding: 0;
margin: 0;
}

a img {
	border: none;
	margin: 0;
	padding: 0;
	line-height: 0;
/* vždy nechat, kvůli IE nesmyslu s okrajem obrázků v odkazech */
}
/* zarovnání obrázků v Texy , vždy nastavit */
.left {
	float: left
}
.right {
	float: right;
}
img.left {
	margin: 0.5em 1em 0.5em 0;
}
img.right {
	margin: 0.5em 0 0.5em 1em;
}

#ranky_form {width: 430px !important;}
#ranky_form .text {width: 380px; margin-bottom: 5px;}
#ranky_form legend {margin-bottom: 5px;}

.ranky_vypis {margin-bottom: 20px !important; width: 450px !important;}
.ranky_vypis caption {caption-side: top !important;}
.ranky_vypis th {padding: 5px; background-color: #CDDC29; border: none !important; color: black !important;}
.ranky_vypis td {padding: 5px; border: 1px solid #333333; text-align: right; background-color: #111111;}

.pozice {margin-bottom: 20px !important; border: 2px solid black; width: 450px !important;}
.pozice caption {caption-side: top !important;}
.pozice th {padding: 5px; background-color: #CDDC29; border: none !important; color: black !important;}
.pozice td {padding: 5px; border: 1px solid #333333; text-align: right; background-color: #111111;}
.pozice .slovo {padding: 5px; border: 1px solid #333333; text-align: right; color: white !important;}


#ranky_form .submit {
  background:#CDDC29 url(images/odeslat.png) no-repeat scroll left top;
  border: medium none;
  cursor: pointer;
  display: block;
  height: 33px;
  line-height: 33px;
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 0;
  text-align: right;
  text-indent: 75px;
  white-space: nowrap;
  width: 75px !important;
}