@charset "utf-8";
/* CSS Dokument - www.drevorzbar.sk */
* {padding: 0; margin: 0;}
html {background: url(images/bg.jpg) repeat-x; text-align: left;}
body {font-size: 0.75em; line-height: 1.5em; text-align: left; font-family: Arial, Helvetica, sans-serif;}
#web {margin: 0px auto; width: 978px; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6F6F6F; text-align: left;}
a img {border: none;}
p {padding-top: 10px; padding-bottom: 10px;}
#uvod p, #omne p, #inspiracia p, #cennik p, #sluzby p, #rezby p, #malby p, #kresby p, #navrhy p {text-align: left;}
h1 {text-align: center; color: #5D3D14; font-weight: 100; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; padding-bottom: 10px;}
h2 {font-family: Georgia, "Times New Roman", Times, serif; font-weight: 200; padding-top: 10px; padding-bottom: 10px;}
#top_bg {background: url(images/top_bg.jpg) no-repeat; width: 978px; height: 113px;}
#jazyky {float: right; padding-top: 24px; padding-right: 15px; color: #FFF; vertical-align: middle; line-height: 30px; height: 30px;}
#jazyky a {text-decoration: none; color: #FFF; vertical-align: middle; line-height: 30px; height: 30px;}
#lista {background: url(images/menu.jpg) no-repeat; width: 978px; height: 49px;}
#menu {margin-left: 100px;}
#menu a {text-decoration: none; font-weight: bolder; margin-left: 1.7em;}
#obrazok {background: url(images/header.jpg) no-repeat; width: 978px; height: 338px;}
#listastred {width: 978px; height: 52px; background: #68411A; font-size: 24px; color: #FFF; text-align: center;}
.textstred {padding-top: 15px;}
#obsah {background: #ececec; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; width: 706px; float: left;}
#text {margin-left: 10px; margin-right: 10px; float: left;}
#rychlykontakt {background: url(images/rychlykontakt.jpg) #FFF no-repeat; width: 270px; height: 396px; float: right; color: #5E370E; font-size: 18px;} 
#toplist {float: right; margin-right: 10px;}
#kontaktpravo {margin-left: 5px; margin-right: 5px;}
#kontaktpravo a {text-decoration: none; color: #5E370E;}
#zakoncenie {background: url(images/zakoncenie.jpg) no-repeat; width: 708px; height: 11px; float: left;}
#ciara {background: url(images/shadow_bg.jpg) no-repeat; width: 708px; height: 68px; float: left;}
#paticka {background: url(images/footer_bg.jpg) repeat-x; height: 73px; width: 100%; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6F6F6F;}
#paticka a {font-weight:bold; text-decoration: none; color: #5B3511; }
#copy {margin: 0px auto; padding: 0; width: 978px; text-align: center;}
.copylavo {float: left; margin-left: 20px; padding-top: 30px;}
.copypravo {float: right; margin-right: 20px; padding-top: 30px;}
#chyba404 h1, h2 {text-align: center;}
#chyba404 h2 {text-align: center;}
#chyba404 {width: 706px;}
#chyba404 a {text-decoration: none; color: #5D3D14; font-weight: bold;}
#kontakt h3 {padding-top: 10px; padding-bottom: 10px;}
#kontakt h2 {text-align: left; color: #5D3D14;}
#kontakt h1 {text-align: center; color: #5D3D14;}
#kontakt {width: 680px;}
#mapa {float: right;}
#googlemapa, #udaje {border: 5px solid #D6D7D9;}
#udaje {float: left; width: 300px; height: 300px; text-align: center;}
#kontaktneudaje {padding-top: 1px;}
#udaje a {text-decoration: none; color: #5D3D14;}
#uvod h1, h2 {text-align: left;}
#uvod h2, h3, h4 {font-size: 24px; color: #5D3D14; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100;}
#uvod img {border: 7px solid #D6D7D9;}
ul.tlacitka {
	margin: 0 0;
	padding-top: 6px;
	list-style: none;
	float: left;
	clear: left;
}

ul.tlacitka li {
	float: left;
}

ul.tlacitka li a {
	float: left;
	text-decoration: none;
	color: #633B17;
	padding: 14px 10px 10px 0;
	margin-right: 1px;
}

ul.tlacitka li a span {
	float: left;
	padding-right: 8px;
	padding-left: 4px;
	display: block;
	margin-top: -14px;
	margin-left: -10px;
	height: 45px;
}

ul.tlacitka li a:hover {
 	color: #FFFFFF;
	background: url(images/hover.png) no-repeat top right; margin-bottom: 10px;
}

ul.tlacitka li a:hover span {
	background: url(images/hover.png) no-repeat top left; margin-bottom: 10px;
}

ul.tlacitka li a.current {
	background: url(images/hover.png) no-repeat top right; 
 	color: #FFFFFF;
}

ul.tlacitka li a.current span {
	background: url(images/hover.png) no-repeat top left; margin-bottom: 10px;
}
#inspiracia img {border: 5px solid #D6D7D9;}
#gallery{
	/* The pics container */
	width:700px;
	height:550px;
	position:relative;
}

.pic, .pic a{
	/* Each picture and the hyperlink inside it */
	width:70px;
	height:70px;
	overflow:hidden;
}

.pic{
	/* Styles specific to the pic class */
	position:absolute;
	border:5px solid #EEEEEE;
	border-bottom:18px solid #eeeeee;
	
	/* CSS3 Box Shadow */
	-moz-box-shadow:2px 2px 3px #333333;
	-webkit-box-shadow:2px 2px 3px #333333;
	box-shadow:2px 2px 3px #333333;
}

.pic a{
	/* Specific styles for the hyperlinks */
	text-indent:-999px;
	display:block;
	/* Setting display to block enables advanced styling for links */
}

.drop-box{
	/* The share box */
	width:240px;
	height:130px;
	position:absolute;
	bottom:0;
	right:0;
	z-index:-1;
	
	background:url(img/drop_box.png) no-repeat;
}

.drop-box.active{
	/* The active style is in effect when there is a pic hovering above the box */
	background-position:bottom left;
}

label, input{
	/* The modal dialog URL field */
	display:block;
	padding:3px;
}

label{
	font-size:10px;
}

fieldset{
	border:0;
	margin-top:10px;
}

#url{
	/* The URL field */
	width:240px;
}
#navrhy h1, p {text-align: center;}
#navrhy {width: 680px; height: 100%;}
#navrhy {border: 5px solid #EEEEEE;}
.cotojatka-anchor { border: 2px solid #753511; }
.cotojatka { border: 2px solid #753511; }
.cotojatka, .cotojatka-anchor { padding: 3px 5px; background: #FFF; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 90%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }
.mono-data { font-family: monospace; background: #FFFCED; font-size: 115%; }
* html .mono-data { font-size: 100%; }
pre { width: 480px; border-top: 3px dashed #753511; border-bottom: 3px dashed #753511; background: #ECECEC; padding: 10px; overflow: auto; font-size: 115%; }
* html pre { padding-bottom: 25px; overflow-y: hidden; font-size: 100%; }
.vitajtepismo {padding: 0 0 0 0; margin: 0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
a#hore {position: fixed; bottom: 8px; right: 8px; padding: 4px; background: url(images/scroll/btn.png); width: 51px; height: 50px;}  
a:hover#hore {background: url(images/scroll/btnho.png); width: 51px; height: 50px;}
#facebook {margin-top: 321px;}
a.facebok {display: block; background: transparent url(images/facebook/fb.jpg) no-repeat; width: 270px; height: 35px;}
a.facebok:hover {background: url(images/facebook/fbhover.jpg); width: 270px; height: 35px;}
#sluzby img, #rezby img, #kresby img, #malby img {border: 5px solid #D6D7D9;}
.stred p{text-align: center;}
.troskavpravo p {margin-left: 5px;}
#kresby h2, #malby h2, #rezby h2 {color: #5D3D14;}
#rezbicky img:hover, #malbicky img:hover, #kresbicky img:hover {border: 5px solid #5B3511;}