/*
	CSS: www.nox-art.cz
	Author: Ji�� Petru�elka | www.nox-art.cz | petruzelka@nox-art.cz
*/

/* Reset */
html,body,div,p,ul,ol,li,menu,table,td,blockquote,address,pre,form,fieldset,legend,em,span,
h1,h2,h3,h4,h5,h6,pre,xmp{ margin: 0;padding: 0; }
table,img,fieldset,button{ border: none;outline: none; }

/* Elements */
html, body{ height: 100%; }
html{
	background: rgb(239,229,209) url('/obr/bg.jpg');
	}
body{
	font: 65%/1.3 Tahoma, "Lucida Grande CE", lucida, sans-serif;
	background: url('/obr/header-sides.jpg') repeat-x;
	color: rgb(72,69,63);
	}
body>#container {
 height: auto;
 }

a{ color: rgb(43,119,175);outline: none; }
a:hover{ color: rgb(164,59,31); }

	#content a[href^=http]{
		padding-right: 15px;
		background: url('obr/blank.gif') no-repeat right center;
		}
	#footer .bottom a[href^=http], #footer .column a[href^=http]{
		padding-right: 15px;
		margin-right: 3px;
		background: url('obr/blank-footer.gif') no-repeat right center;
		}
	#content a[href^="http://www.noxart"], #footer .column a[href^="http://www.noxart"]{
		padding-right: 0;
		background: none;
		}
	.no-arrow{
		padding-right: 0 !important;
		background: none !important;
	}

#container #content .banner{
padding: 0 !important;
display: block;
width: 88px;
background: none;
border: 1px solid rgb(206,196,184);
opacity: .8;
-moz-border-radius: 7px;
}
#container #content .banner:hover{opacity:1;}
#container #content .banner img{
border-radius: 7px;
-moz-border-radius: 7px;
}

abbr{
	border-bottom: 1px dotted rgb(72,69,63);
	cursor: help;
	}

address{
	width: 301px;
	background: rgb(255,247,228) url('/obr/box-bg.jpg') repeat-y;
	padding: 5px 25px 12px 25px;
	margin: 40px 0 50px -3px;
	position: relative;
	font-style: normal;
	}
	address strong{
		display: block;
		padding-top: 10px;
		color: rgb(43,119,175);
		}
	address strong:first-of-type{
		padding-top: 0;
		}
	
	address .top, address .bottom{
		position: absolute;
		left: 0;
		width: 351px;
		background: url('obr/box-sides.jpg');
		overflow: hidden;
		}
	address .top{
		height: 24px;
		top: -19px;
		}
	address .bottom{
		height: 7px;
		bottom: -7px;
		background-position: 0px -24px;
		}
	
	address a{
		font-style: normal;
		}
	#right address{
		margin: 20px 0 0 84px;
		}

input[type=text], input[type=password], textarea {
	width: 94%;
	padding: 3px 6px;
	border: 1px solid rgb(193,186,169);
	background: rgb(254,247,229);
	}
select{
	width: 98%;
	padding: 4px 8px;
	cursor: pointer;
	border: 1px solid rgb(193,186,169);
	background: rgb(254,247,229);
	}
option{
	background: rgb(254,247,229);
	text-indent: 8px;
	}

input[type=submit], input[type=button]{
	margin-top: 10px;
	padding: 1px 50px;
	font-size: 0.9em;
	cursor: pointer;
	color: rgb(60,80,0);
	}

input.submit{
	display: block;
	width: 238px;
	height: 30px;
	background: url('obr/send.jpg');
	border: none;
	outline: none;
	cursor: pointer;
	margin: 15px auto 5px;
	border: 0px solid rgb(244,235,219);
	}
input[type=submit].disabled{
	background-position: 0 -29px;
	cursor: pointer;
	outline: none;
	}

label{
	display: block;
	padding-top: 10px;
	color: rgb(43,119,175);
	font-size: 0.93em;
	font-weight: bold;
	margin: 5px 0 2px;
	}
label:first-of-type{
	padding-top: 0;
	margin-top: 0;
	}

.hr{
	display: block;
	width: 240px;
	height: 6px;
	overflow: hidden;
	background: url('obr/box-shadow.jpg');
	margin: 25px auto 20px;
	}

p{
	margin: 5px 0 15px;
	line-height: 1.5;
	}
strong{ /*font-size: 0.93em;*/ }

#footer p:first-letter {
	font-weight: bold;
	padding-right: 1px;
	font-size: 1.1em;
	color: rgb(185,195,50);
	}

ul{	margin-left: 1.4em;	}
	li{ list-style-type: square; }

/* Headers */

/* H1 */
h1{ font-size: 2.0em; }
/* H2 */
#content h2{
	font-size: 1.0em;
	color: rgb(95,106,0);
	margin: 0 0 20px 0;
	}
#left h2, #right h2{
	font-size: 1.2em;
	width: 218px;
	height: 20px;
	position: relative;
	margin: 20px auto 20px 0px;
	}
#right h2{ margin: 20px 0px 20px auto; }
#footer h2{
	margin-bottom: 16px;
	font-size: 1.2em;
	}/*
#footer h2:first-letter{
	font-weight: bold;
	color: rgb(185,195,50);
	}*/
	
h2#noxart, h2#info, h2#dalsi-reference{ height: 20px;margin-bottom: 5px; }

h2                  span{ background: url('/obr/titles.jpg'); }
h2#kontakt          span{ background-position: 0px -20px; }
h2#cenik            span{ background-position: 0px -40px; }
h2#info             span{ background-position: 0px -60px; }
h2#noxart 			span{ background-position: 0px -80px; }

/* H3 */
h3{ font-size: 0.9em; }
/* H4 */
h4{
	font-size: 1.0em;
	font-weight: normal;
	}


h1 em, h2 em, h3 em{
	display: block;
	font-weight: normal;
	font-size: 0.7em;
	color: rgb(143,136,125);
	}


/* Blocks ----------------------------------- */
h1 span, h1 a, h2 span, #footer menu em{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	}

/* Classes ----------------------------------- */
	
.clear{ _zoom: 1; }
.clear:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
	}

.clearer{
	clear: both;
	display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
	}
	
.form-message{
	display: block;
	margin: 10px auto 0; 
	width: 238px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	}
.form-message label{ margin: 0;padding: 0; }
	
.icon{
	width: 40px;
	height: 51px;
	background: url('/obr/icons.jpg') no-repeat;
	}
	.icon.403{ background-position: 0px 0px; }

.icon_small{
	width: 0;
	height: 0;
	background: url('/obr/icons_small.gif') no-repeat;
	margin: 0 8px 0 0;
	padding: 7px 5px;
	font-size: 0.5em;
	}
	.icon.lock{ background-position: 0px 0px; }
	
/* Template --------------------------------- */	

h1, #content, #footer-inner{
	width: 960px;
	margin: 0 auto;
	position: relative;
	}
h1{ height: 172px }
h1 span{text-decoration: none;
	
	}
h1 a{ background: url('/obr/header.jpg');z-index: 20; }
	
#container{
	height: 100%;
	min-height: 100%;
	position: relative;
	}
	
#content{
	margin-top: 40px;
	font-size: 1.2em;
	padding-bottom: 360px;
	}
#left, #right{
	display: inline;
	min-height: 300px;
	padding-bottom: 50px;
	float: left;
	}
#left{
	width: 350px;
	margin-right: 118px;
	_margin-right: 59px;
	}
#right{
	width: 419px;
	padding-right: 73px;
	text-align: right;
	}

#napiste-mi{
	display: block;
	text-align: center;
	margin: 12px 0 8px;
	color: rgb(70,90,20);
	}
	#napiste-mi a{ color: rgb(70,90,20); }

/* Footer -------------------------------------------- */
#footer{
	height: 173px;
	padding-top: 20px;
	background: rgb(77,58,43) url('/obr/footer-bg.jpg');
	color: rgb(249,249,249);
	font-size: 1.1em;
	
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	}
#footer-content{
	float: left;
	width: 810px;
	}
	
#footer img{
	margin: 39px 50px 0 0;
	float: left;
	position: relative;
	z-index: 10;
	}
#footer a{ color: rgb(185,195,50); }
#footer a:hover{ color: rgb(195,205,60); }

#footer menu{
	position: absolute;
	right: 20px;
	bottom: 0;
	overflow: hidden;
	z-index: 10;	
	}

#footer menu li{
	display: block;
	height: 42px;
	float: left;
	margin-left: 10px;
	padding: 0 !important;
	position: relative;
	top: 3px;
	}
#footer menu li:hover{ top: 2px; }

#footer menu a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	line-height: 42px;
	text-indent: 20px;
	}

#footer menu em{ background-image: url('obr/footer-buttons.png');_background-image: url('obr/footer-buttons.jpg');  }
#footer menu li#pro-tvurce				{	width: 151px;	}
#footer menu li#rss								{	width: 105px; }
	#footer menu li#rss em					{ background-position: -151px 0;	}
#footer menu li#pro-klienty				{	width: 153px; }
	#footer menu li#pro-klienty em	{ background-position: -258px 0;	}

#footer .bottom{
	width: 100%;
	height: 5%;
	clear: left;
	margin: 1px 0 0;
	color: rgb(165,145,100);
	}
#footer .bottom li{
	list-style: none;
	display: inline;
	padding-right: 4px;
	}

	#lama{
		width: 180px;
		height: 105px;
		background: url('/obr/lama.jpg');
		position: absolute; 
		right: 50px;
		top: -125px;
		}
	.column{
		max-width: 30%;
		_width: 20%;
		height: 148px;
		_overflow-y: hidden;
		min-height: 97%;
		float: left;
		margin-right: 10px;
		padding-right: 15px;
		}

/* Reference */
#colorbox{ font-size: 1.3em; }
	#cboxCurrent{ line-height: 21px; }
	
.reference{
	list-style: none;
	margin-bottom: 50px;
	}
.reference li{
	list-style: none;
	display: block;
	padding: 6px;
	width: 407px;
	height: 201px;
	background: url('/obr/reference-velke.png');
	margin-bottom: 15px;
	overflow: hidden;
	}
.reference li:hover{ background-position: 0px -212px; }
.reference li a.thumb{
	display: block;
	width: 403px;
	height: 173px;
	background: url('/obr/reference-content.jpg');
	margin: 0 2px 12px 2px;
	}
	.reference li#diva					a.thumb{ background-position: 0px 0; }
	.reference li#u-zachu				a.thumb{ background-position: 0px -173px; }
	.reference li#zahradnictvi-utechov	a.thumb{ background-position: 0px -346px; }
	.reference li#ramzova				a.thumb{ background-position: 0px -519px; }
	

.reference h3, .reference h4{
	float: left;
	/*width: 44%;
	_width: 40%;*/
	margin: 0px 3%;
	}
.reference h3{ width: 54%;_width: 50%; }
.reference h4{ width: 34%;_width: 30%; }


.reference h3{
	text-align: left;
	color: rgb(43,119,175);
	}

.reference.small li{
	width: 419px;
	height: 28px;
	background: url('/obr/reference-small.jpg');
	line-height: 28px; 
	}
	

#detail>h2, #detail>a{
	margin-left: 240px;
	}
#detail h2{
	margin-bottom: 4px;
	color: rgb(43,119,175);
	font-size: 140%;
	margin-left: 239px;
	}
#detail img{
	display: block;
	margin: 20px auto;
	border: 1px solid rgb(252,246,235);
	border-radius: 8px;
}

.dashed{
	width: 90%;
	margin: 0px 5%;
	height: 3px;
	background: url('/obr/dashed.jpg');
	opacity: .7;
}


/* -------------------------------------------------------------------------------------
      BLOG
------------------------------------------------------------------------------------- */

/* HTML --------------------------------------- */
#blog h2{ margin: 16px 0 2px; }
#blog .post-right h2{ margin: 0 0 20px; }

/* General ------------------------------------ */
#blog-sidebar input[type=text]{
	padding: 8px 20px 8px;
	height: 15px;
	font-size: 0.95em;
	color: rgb(100,90,75);
	width: 195px;
	margin-left: 2px;
	outline: 1px solid rgb(200,190,170);
	border: 1px solid rgb(253,253,253);
	background-color: rgb(250,241,222);
	}
#blog input[type=submit]{
	display: block;
	width: 239px;
	height: 31px;
	padding-bottom: 4px;
	line-height: 30px;
	margin: 6px 0 12px 1px;
	background: url('/obr/submit.jpg');
	outline: none;
	cursor: pointer;
	border: 0px solid rgb(244,235,219);
	text-align: right;
	line-height: 30px;
	color: rgb(90,82,65);
	font-size: 1.0em;
	text-align: center;
	text-shadow: 1px 1px 1px rgb(250,250,250);
	}
#blog input[type=submit]:hover{
	color: rgb(12,10,5);
}

/* Template ----------------------------------- */
#blog a.header-image{ background: url('/obr/blog-header.jpg'); }

#blog-content{
	width: 628px;
	margin: 32px 47px 0 30px;
	display: inline;
	float: left;
	background: url('obr/blog-center.jpg') repeat-y left 40px;
	position: relative;
	}
#blog-sidebar{
	width: 255px;
	float: left;
	}

	#blog-sidebar>ul>li{ list-style: none; }
	#blog-sidebar img{ position: relative;top: 4px;padding: 0 3px 0 1px; }

	#blog-content .blog-markup-top, #blog-content .blog-markup-bottom{
		position: absolute;
		left: 0;
		width: 100%;
		background: url('/obr/blog-sides.jpg');
		}
	#blog-content .blog-markup-top{	top: -30px;height: 30px;	}
	#blog-content .blog-markup-bottom{ bottom: -21px;height: 21px;background-position: left -30px;	}

#blog #footer h2{ margin-bottom: 10px; }
#blog #footer h4{ margin: 0;display: inline;padding-right: 5px;font-weight: bold; }
#blog #footer li { padding-bottom: 3px;	}
#blog #footer .bottom li{	padding-right: 2px;	}

#blog #footer .column{
	padding-left: 50px;
	background: url('/obr/footer-separator.jpg') no-repeat left -10px;
	}
#blog #footer .column:first-of-type{ padding-left: 0;background: none; }

#blog .navigation li{ list-style: none;	}

/* Post */

#blog .post-left{
	padding-top: 20px;
	color: rgb(100,95,80);
	width: 85px;
	float: left;
	display: inline;
	position: relative;
	}
#blog .arrow{
	position: absolute;
	right: -8px;
	top: 25px;
	width: 8px;
	height: 15px;
	background: url('/obr/blog-post-arrow.jpg');
	}

#blog .date em, #blog .post-left p{ text-shadow: 1px 1px 0px white; }

#blog .date em{ font-size: 2.3em;float: right;line-height: 0.8em;letter-spacing: -2px;color: rgb(125,150,48); }
#blog .date span{ float: right;display: inline;margin: 0 12px 10px 9px;line-height: 1.05em;text-align: center; }
	#blog .date strong{ font-size: 1.0em;font-weight: normal; }
	#blog .date small{ font-size: 0.8em; }

#blog .post-left hr, #blog .post-right hr{
	border: none;
	border-top: 1px solid rgb(220,211,193);
	width: 84%;
	margin: 5px auto;
	outline: none;
	}
#blog .post-right hr{ width: 100%;margin: 15px auto; }
#blog .post-left p{ text-align: right;padding-right: 10px; }

#blog .post-left a{
	display: block;
	width: 23px;
	height: 22px;
	padding-top: 2px;
	text-align: center;
	background: url('obr/blog-comments.jpg') no-repeat;
	margin: 30px 0px 0 52px;
	text-decoration: none;
	color: rgb(100,95,80);
	}

#blog .post-right{
	width: 490px;
	padding: 24px 20px 20px 30px;
	margin-bottom: 10px;
	float: left;
	display: inline;
	background: url('/obr/blog-shadow.jpg') no-repeat center bottom;
	}
#blog .post-right:last-of-type{
	margin: 0;
	background: none; 
	}
.blog-entry img{
	text-align: center;
	background-color: rgb(254,247,229);
	border: 1px solid rgb(222,215,199);
	padding: 5px;
	max-width: 98%;
	margin-bottom: 10px;
	margin-left: -1px;
	margin-right: 10px;
	float: left;
	}
#blog .post-right h2{	margin-bottom: 24px; }
#blog .post-right h2 a{ font-size: 110%; }
.blog-entry p{
	color: rgb(40,35,10);
	line-height: 1.6;
	font-size: 130%;
	font-family: Calibri, Sans-serif, Arial;
	text-shadow: 1px 1px 1px rgb(250,250,250);
}
#blog .postmetadata{ padding-top: 10px; }
#blog .postmetadata em{ font-style: normal;color: rgb(80,100,30); }

#blog .post-right label{ padding: 6px 0 2px 0; }

#blog #related{ color: rgb(100,120,48); }



/* ======================================================== *
 * Comments
 ======================================================== */
#blog #comments{ font-size: 0.95em; }
#blog #comments h3{
	padding-top: 40px;
	margin: 40px 0 20px;
	background: url('/obr/blog-shadow.jpg') no-repeat center top;
	}

#commentlist li{ list-style: none;margin: 5px 0 20px; }
#commentlist .avatar{
	display: inline;
	width: 60px;
	height: 60px;
	float: left;
	margin: 8px 10px 0 0;
	margin-right: 10px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	}
#commentlist .bypostauthor .avatar{
	float: right;
	margin: 8px 0 0 10px;
}


#commentlist p{
	float: left;
	padding: 15px 5px 15px 20px;
	width: 80%;
	background-color: rgb(250,247,238);
	margin: 0;
	min-height: 42px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 1px 1px 4px rgb(210,190,165);
	-moz-box-shadow: 1px 1px 4px rgb(210,190,165);
	}
#commentlist .bypostauthor p{
	
}

#commentlist .highlighted p{
	background-color: rgb(255,253,250);
	border: 1px solid rgb(185,160,120);
	box-shadow: 1px 1px 3px rgb(190,165,130);
	-moz-box-shadow: 1px 1px 3px rgb(190,165,130);
}

#commentlist p strong{
	font-size: 0.95em;
	line-height: 1.5;
	}
#commentlist p strong em{
	font-weight: normal;
	font-style: normal;
	padding-left: 30px;
	color: rgb(100,120,48);
	}
#commentlist .reply{
	font-size: 90%;
	padding-top: 15px;
	}

#wp-last-posts p{
	margin: 3px 0 8px;
	font-size: 90%;
}


/* ======================================================== *
 * Twitter
 ======================================================== */
#blog .twitter-message{
	font-size: 90%;
	padding: 10px 16px;
	width: 80%;
	background-color: rgb(250,245,240);
	border-radius: 8px;
	-moz-border-radius: 8px;
	box-shadow: 1px 1px 1px rgb(255,255,255);	
}
#blog .twitter-message a[href^=http]{
	padding-right: 0;
	background: none;
	}
#blog #follow-twitter{ opacity: .8; }
#blog #follow-twitter:hover{ opacity: 1; }