/*
autor: Pavel Kodrle
web: http://www.modernistranky.cz
e-mail: info@modernistranky.cz
*/

/* resety a vseobecne */

* {
	padding: 0;
	margin: 0;
	text-indent: 0;
	border: 0;}

html, body {height:100%;}

body {
	font: .9em Arial, Helvetica, sans-serif;
	line-height: 140%;
	color: #000;
	background: #333 url(../images/bg.gif) top center repeat-x;
	text-align: justify;}

body>#main {height: auto;}

/* Opera 9.5+  malý hack  */
html[xmlns*=""] #main {display: table;width:100%;height: 100%} 
/* Opera 9.5+  malý hack  */

h1, h2, h3 {font-weight: normal;}
h1 {font-size: 105%;}
h3 {color: #03c;font-size: 120%;margin: 15px 0 5px 0;}
a {color: #c96;}
a:hover {text-decoration: none;}
p, table, ul, ol, dl, fieldset {margin: 3px 0;}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;}

th {text-align: center;font-weight: bold;}
th, td {padding: 3px 5px;}
ul, ol {margin-left: 30px;}
ul.none {list-style-type: none;}
ul ul, ol ol {margin-left: 20px;}
li {display: list-item;}
dd {margin-left: 30px;}
fieldset {position: relative;border: 1px solid #ccc;padding: 10px;}

legend {
	position: absolute;
	top: -1em;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	margin: 0;}

abbr, acronym, code, .help {
	display: block;
	background-color: #fec;
	border: 1px dashed #777;
	cursor: help;
	padding: 5px;
	margin: 5px 0;}

.del, a:hover .del {text-decoration: line-through !important;}
strong, .strong, dt, em.at {font-weight: bold;}
em.at {padding-left: 210px;}
cite, em, q {font-style: italic;}
code, kbd, samp {font-family: monospace;font-size: 110%;}
blockquote {font-style: italic;margin: 15px 20px;}
.clear {clear: both;}
.noscreen {display: none;}
.podtrzeno {text-decoration: underline;}
.normal {font-weight: normal;}
.red {color: #f03;}

/* resety a vseobecne - konec */

#main {
	position: relative;
	height: 100%;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto;}

/* header */

#header {
	position: relative;
	display: block;
	width: 930px;
	margin: auto;
	padding-top: 15px;
	overflow: hidden;}

#header-txt {
	height: 137px;
	text-align: left;
	line-height: 175%;
	color: #fff;
	padding-top: 5px;
	margin: 0 0 18px 0;}

#header-txt h1 {margin: 0 0 10px 0;}
ul.head-txt {padding: 0 0 0 20px;margin-left: 0 !important;}

ul.head-txt li {
	list-style: none;
	background: url(../images/sipka-header.png) no-repeat left center;
	padding: 0 0 0 20px;}

.nadpisy-top {width: 930px;margin: 0 auto;}

.nadpisy-top h2 {
	float: left;
	display: block;
	font-size: 100%;
	color: #ff0;
	background: #777;
	letter-spacing: 2px;
	padding: 2px 10px;
	margin: 15px 0;}

.nadpisy-top h3 {
	float: right;
	display: block;
	font-size: 100%;
	color: #000;
	text-align: right;
	font-weight: normal;
	padding: 2px 0px;
	margin: 15px 0;}

.nadpisy-top h3 a {color: #ff0;}

/* header - konec*/


/* logo */

#logo, #logo span {
	float: left;
	display: block;
	width: 315px;
	height: 75px;}

#logo {
	position: relative;
	cursor: pointer;
	overflow: hidden;}

#logo span {
	position: absolute;
	background: url(../images/logo.jpg) no-repeat;
	padding: 0;
	left: 0;
	top: 0;
	z-index: 1;}

/* logo - konec */


/* menu */

ul.menu {
	float: right;
	width: 430px;
	list-style: none;
	padding-top:44px;
	overflow: hidden;}

ul.menu li {display: inline;}

.menu a, .menu a span {float: left;display: block;height: 28px;}

.menu a{
	color: #630;
	background: url(../images/roundleft.gif) no-repeat left 5px;
	text-decoration: none;
	padding: 0 0 0 4px;
	margin: 0 5px 0 0;}

.menu a.end {margin: 0 !important;}

.menu a span{
	background: url(../images/roundright.gif) no-repeat right 5px;
	padding: 7px 9px 1px 6px;
	cursor: pointer;}

ul.menu a:hover, ul.menu a.activ {color: #000;background: url(../images/roundleft.gif) no-repeat left 0px;}
ul.menu a:hover span, ul.menu a.activ span {background: url(../images/roundright.gif) no-repeat right 0px;padding: 3px 9px 1px 6px;}

/* menu - konec */


/* stred hlavni */

#content, #content-2 {
	display: block;
	width: 930px;
	height: 100%;
	min-height: 100%;
	padding: 0 0 250px 0;
	margin: auto;}

.uvod {min-height: 370px !important;}

#content-2 {
	width: 870px !important;
	background: #def url(../images/content-bg.gif) top repeat-x;
	padding-left: 30px;
	padding-right: 30px;}

#content-2 p {padding: 5px 0;}
#content-2 h2 {margin: 15px 0 0 0;color: #900;background: #cde;}
#content-2 h3 {text-decoration: underline;}
#content-2 ul {list-style: url(../images/ul.gif);}
#content-2 ul li {margin: 2px 0;}
#content-2 a {color: #09f;}

.ref, .ref-end {
	float: left;
	width: 220px;
	height: 280px;
	text-align: left;
	color: #fff;
	background: url(../images/shadow.gif) 5px 191px no-repeat;
	padding: 0 5px;
	margin-top: 15px;}

.ref {margin-bottom: 25px;}
.ref p, .ref-end p {margin-top: 7px;}
.ref a:hover img, .ref-end a:hover img {border: 5px solid #aaa;}

.ref img, .ref-end img {
	display: block;
	width: 210px;
	height: 180px;
	border: 5px solid #444;
	margin: 0;}

.sipka {background: url(../images/odkaz.gif) no-repeat 100% 7px;padding-right: 20px;}
.top {text-align: right;clear: left;}
#content-2 .top {text-align: right;padding-bottom: 25px;clear: left;}
.kontakt {float: left; margin: 55px 0 0 35px;}

/* stred hlavni - konec */


/* Table */

table.ceniktab {width: 850px;color: #000;border-collapse: collapse;}
table.ceniktab td.podtrzitko {font-weight: bold;border-bottom: 3px solid #e63;}
table.ceniktab td {border-bottom: 1px solid #069;padding: 0 0 0 80px;}
table.ceniktab td.popis {width: 50%;}
table.ceniktab td.cena {width: 50%;}
table.ceniktab b {color: #f00;}

/* Table - konec*/


/* footer */

#footer {
	position:absolute;
	width: 100%;
	font-size: .9em;
	text-align: left;
	line-height: 180%;
	color: #999;
	background: #222 url(../images/footer.gif) repeat-x;
	bottom: 0;
	left: 0;
	overflow: hidden;}

.footer-in {
	width: 930px;
	height: 200px;
	padding-top: 10px;
	margin: auto;}

#footer a {color: #bb0;}
#footer a.valid {color: #9c0;}
#footer p {float: left;height: 100%;}
#footer p.prvni {width: 200px;padding-right: 25px;}
.kont {color: #f90;}
#footer p.cara-1 {width: 320px;background: url(../images/cara.gif) no-repeat 0 10px;padding: 0 25px;}
#footer p.cara-2 {width: 310px;background: url(../images/cara.gif) no-repeat 0 10px;padding-left: 25px;}
#footer strong {font-weight: normal;}

#footer strong.odkazy {
	display: block;
	width: 135px;
	letter-spacing: 1px;
	background: #333;
	padding: 2px 5px;
	margin: 4px 0;}

#footer img {
	float: left;
	display: block;
	width: 88px; 
	height: 31px;
	border: 1px dashed #777;
	margin: 4px 6px 4px 0px;}

#footer a:hover img {border: 1px solid #ccc;}

/* footer -konec */


/* form */

.form {
	float: left;
	width: 600px;
	height: 320px;
	margin-top: 45px;}

.form fieldset {
	float: left;
	display: inline;
	width: 260px;
	border: none;
	padding: 0;
	margin-left: 25px;}

.form p {margin: 0 0 15px 0;}

.form input.inp {
	float:left;
	width: 250px;
	height: 22px;
	background: #fff url(../images/form-input.gif) repeat-x;
	border: 1px solid #777;
	padding: 0 0 0 3px;}

.form textarea {
	float:left;
	width: 260px;
	height: 140px;
	border: 1px solid #777;
	overflow: auto;}

.form input.button {
	float: left;
	display: block;
	width: 110px;
	height: 37px;
	font-size: 1.5em;
	letter-spacing: .1em;
	background: url(../images/form-button.png) no-repeat 0 0;
	margin: 20px 0 0 450px;
	cursor: pointer;}

input:hover, textarea:hover {border-color: #000 !important;}
input:focus, textarea:focus {border-color: #000 !important; background-color: #eee !important;}

/* form - koknec */


/* ostatni */
.chybovka h3 {color: #000;}
.chybovka {font-size: 1.1em;line-height: 230%;padding: 20px 0 0 110px;}
.chybovka ul li {padding: 0 0 0 15px;}
ul.sitemap {text-align: left;line-height: 160%;letter-spacing: 1px;margin: 30px 0 50px 70px;}
.Report {font-size: 1em;font-weight: bold;line-height: 220%;margin: 10px 0 0 120px;}
/* ostatni - konec */


/* mapa webu + rss */

urlset, channel {
	display: block;
	margin: 20px;
	font: normal normal normal 0.8em arial, tahoma, verdana, sans-serif;
	line-height: 1.5;
	word-spacing: 0.1em;
}

url, channel item {
	display: list-item;
	list-style-type: square;
	text-align: left;
	margin-left: 10px;
}

url loc, channel item link {color: #07b;}
url changefreq, channel item title {color: #e12;}
url priority, channel item description {color: #000;}
channel item description, channel item link {display: block;}

/* mapa webu + rss - konec */