/* 
    Document   : screen
    Created on : 29.12.2009, 13:50:17
    Author     : lmanik
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

* {
    margin: 0;
	padding: 0;
}

body {
	margin: 0px auto;
	background: #140c01;
}

#container {
	padding: 0 0 20px 0;
	width: 100%;
	background: url('../pictures/bg3new.jpg');
}

p {
	margin: 5px 0 5px 5px;
	font: normal 16px/1.5 Arial;
	text-align: justify;
	color: #fff;
}

#page {
	margin: 0px auto;
	width: 861px;
	min-height: 300px;
}

#logo {
	padding: 15px 0 0 0;
}

/* MENU */
#menu {
	height: 47px;
}

#menu menu li {
    height: 47px;
    float: left;
    list-style: none;
    position: relative;
}

#menu menu li a.domu, a.o_firme, a.nase_prace, a.graficke_navrhy, a.kde_nas_najdete, .zbytek {
    height: 47px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: url('../pictures/menu.png') no-repeat;
}

#menu li.domu, a.domu {
    width: 76px;
}

#menu li.o_firme, a.o_firme{
    width: 88px;
}

#menu li.nase_prace, a.nase_prace {
    width: 115px;
}

#menu li.graficke_navrhy, a.graficke_navrhy {
    width: 149px;
}

#menu li.kde_nas_najdete, a.kde_nas_najdete {
    width: 155px;
}

#menu li.zbytek {
    width: 278px;
	background-position: -582px 0;
}

#menu a.domu {
    background-position: 0 0;
}

#menu a.domu:hover {
    background-position: 0 -47px;
}

#menu a.o_firme  {
    background-position: -76px 0;
}

#menu a.o_firme:hover {
    background-position: -76px -47px;
}

#menu a.nase_prace {
    background-position: -164px 0;
}

#menu a.nase_prace:hover {
    background-position: -164px -47px;
}

#menu a.graficke_navrhy {
    background-position: -279px 0;
}

#menu a.graficke_navrhy:hover {
    background-position: -279px -47px;
}

#menu a.kde_nas_najdete {
    background-position: -428px 0;
}

#menu a.kde_nas_najdete:hover {
    background-position: -428px -47px;
}

#menu menu li span {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    padding-left: 40px;
}

#menu menu li span a {
    font: normal 10px/1.5 Arial;
    color: #FFFFFF;
    line-height: 49px;
    text-decoration: none;
}

#menu menu li:hover span a {
    font: normal 10px/1.5 Arial;
    color: #a8c800;
    cursor:pointer;
}

/* //MENU */

#content {
	padding: 5px 15px 15px 15px;
}

#content h2 {
	padding: 10px 0 0 0;
	font: normal 16px/1.5 Arial;
	color: #ffffff;
}

#content h2:first-letter {
	font: bold 16px/1.5 Arial;
	color: #ffc500;
}

#content p {
	margin: 10px 0 0 0;
	font: normal 13px/1.5 Arial;
	text-align: justify;
	color: #fff;
}

p.firstLetter:first-letter {
	font: bold 15px/1.5 Arial;
	color: #ffc500;
}

#footer {
	margin: 0px auto;
	width: 861px;
}

#kontaktniFormular {
	padding: 10px 15px 10px 15px;
	width: 400px;
}

#kontaktniFormular table {
	margin: 10px 0 0 0;
	width: 391px;
}

#kontaktniFormular td {
	font: normal 13px/1.5 Arial;
	padding: 0 0 4px 0;
	color: #ffffff;
}

#kontaktniFormular input {
	background: url('../pictures/input.png') no-repeat;
	font: normal 13px/1.5 Arial;
	width: 250px;
	padding: 3px 10px 0 10px;
	height: 19px;
	color: #ffffff;
	border: none;
}

#kontaktniFormular input[type=submit] {
	background: url('../pictures/inputsubmit.png') no-repeat;
	font: normal 13px/1.5 Arial;
	width: 160px;
	padding: 0;
	height: 25px;
	color: #ffffff;
	border: none;
}

#kontaktniFormular textarea {
	background: url('../pictures/textarea.png') no-repeat;
	font: normal 13px/1.5 Arial;
	padding: 10px 10px 10px 10px;
	width: 358px;
	height: 120px;
	color: #ffffff;
	border: none;
}

#kontakt {
	float: right;
	padding: 10px 15px 10px 15px;
	width: 380px;
}

#kontakt table {
	margin: 10px 0 0 0;
	width: 200px;
}

#kontakt td {
	padding: 10px 0 0 0;
	font: normal 16px/1.5 Arial;
	color: #ffffff;
}

div.cleaner {
	clear: both;
	height: 0;
	width: 100%;
}

div.napsaliL {
	margin: 0px auto;
	background: url('../pictures/bublina.png');
	height: 160px;
	width: 795px;
}

.napsali p {
	padding: 60px 25px 0 40px;
}

#rozcestnik {
	background: #140c01;
	margin: 20px 0 20px 0;
	border: 5px solid #140c01;
	width: 833px;
}

#mapa {
	margin: 20px 0 10px 0;
	border: 5px solid #140c01;
	background: #140c01;
	width: 830px;
	height: 426px;
	text-align: center;
}

#mapa a img {
	border: 2px solid #140c01;
}

#mapa img {
	width: 826px;
}

#mapa a:hover img {
	border: 2px solid #a48259;
}

.adresa {
	font: bold 15px/1.5 Arial;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

.mazani {
	height: 150px;
	min-width: 169px;
	background: #a48259;
	float: left;
	margin: 5px;
}

.mazani_fotka {
	height: 127px;
}

.mazani a {
	font: normal 15px/1.5 Arial;
	color: white;
}

.mazani a:hover {
	color: black;
}

#fotky {
	margin: 15px 0 10px 0;
	padding: 5px;
	width: 815px;
	background: #140c01;
	border: 5px solid #140c01;
	text-align: center;
}

#fotky a img {
	border: 2px solid #140c01;
	width: auto;
	height: 127px;
}

p.error {
	margin: 4px 0 0 0;
	padding: 0;
	font: bold 15px/1.5 Arial;
	color: red;
}

p.green {
	margin: 4px 0 0 0;
	padding: 0;
	font: bold 15px/1.5 Arial;
	color: green;
}

#fotky a:hover img {
	border: 2px solid #a48259;
}

p a {
	color: white;
}

/* kwicks */

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.kwicks li {
	/* these are required, but the values are up to you (must be pixel) */
	width: 133px;
	height: 258px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;
}

.kwicks a {
	display: block;
	height: 258px;
}

.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */
	float: left;
}

#kwick_1 {
	background: url('../pictures/kuchyne.png');
}

#kwick_2 {
	background: url('../pictures/detskePokoje.png');
}

#kwick_3 {
	background: url('../pictures/obyvak.png');
}

#kwick_4 {
	background: url('../pictures/loznice.png');
}

#kwick_5 {
	background: url('../pictures/skrine.png');
}

#kwick_6 {
	background: url('../pictures/jine.png');
}