/* ----------------------------------------------------- */
/* -------------------->>> CONTENT <<<------------------ */
/* ----------------------------------------------------- */
h1,h2.big { color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 18px; }
h2 { color: #fff; font-size: 14px; margin-bottom: 12px;  }
h3 { color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 10px; }
h4 { color: #fff; font-size: 11px; font-weight: normal; text-transform: uppercase; line-height: 1.5em; }
p { line-height: 1.5em; margin-bottom: 24px; }
#content p { line-height: 1.7em; }	
	
#content ul { list-style: none; padding-left: 18px; margin-bottom: 14px; }
#content ul li { padding-left: 10px; padding-bottom: 10px; background: url(../layout/li_arrow.gif) 0px 5px no-repeat; }

input.text 		{ }
input.button 	{ }
textarea 		{ }
select 			{ }

.project 		{ width: 324px; padding-top: 162px; position: relative; float: left; }
	.project_right { float: right; }
.project img 	{ display: block; background: #111111; border: 1px solid #252525; padding: 9px; position: absolute; top: 0; left: 0; }
.project div.ximage 	{ display: block; background: #111111; border: 1px solid #252525; padding: 9px; position: absolute; top: 0; left: 0; width:304px; height:121px; background-position:center;}
.project div.ximage_in {float:left; width:304px; height:121px; background-position:center; }
.project h3 	{ text-transform: uppercase; }

.gallery { background: #111111; border: 1px solid #252525; padding: 9px 0px 0px 9px; float: left; margin-bottom:10px; }
.gallery .padding { background: #363636; padding: 9px 9px 0 9px; /* width: 626px;*/ float: left; }
.gallery img { float: left; margin-right: 9px; margin-bottom: 9px; }
.gallery img.last { margin-right: 0; }
.gallery .line		{ clear: both; width: 100%; height: 1px; overflow: hidden; background: #252525; position: relative; margin-bottom: 9px; }

.news h2 { font-size: 24px; margin-bottom: 12px; font-weight: normal; }
.news .item { margin-bottom: -1px; border-top: 1px solid #252525; border-bottom: 1px solid #252525; padding: 16px 6px; border-left: 1px solid #111; border-right: 1px solid #111; }
.news h3 { background: url(../layout/news_h3.gif) 0 2px no-repeat; padding-left: 18px; margin-bottom: 6px; }
.news p { margin-bottom: 0; }
.news p.archive { text-align: right; padding-top: 16px; text-transform: uppercase; }

.news .hover,
.news .active { background: #252525; border: 1px solid #363636; }
.news .hover a.more,
.news .active a.more { color: #fff; }

.subnav ul 		{ list-style: none; }
.subnav li 		{ float: left; width: 224px; }
.subnav li a 		{ display: block; padding: 5px 6px; border: 1px solid #111; color: #959595; text-decoration: none; }
.subnav li.active a,
.subnav li a:hover { background: #252525; border: 1px solid #363636; }
 
a.more { margin-left: 8px; text-transform: uppercase; }

.all	{ width: 100%; height: 1px; position: relative; text-transform: uppercase; }
.all a 	{ position: absolute; top: -34px; right: 0; }

.line		{ width: 100%; height: 1px; position: relative; text-transform: uppercase; margin-bottom: 16px; }
.line div 	{ width: 685px; height: 1px; background: #252525; position: absolute; top: 0; left: -12px; overflow: hidden; }

#content img.content_img {float:left; border-color:#FFF; border-style:solid; border-width:1px; margin-right:15px; margin-top:8px; }

#komponenty { float:left; width:260px; margin-bottom:20px;}
#komponenty  p {margin:0px; padding:0px; float:left;}
#komponenty a {color:#4d4d4d;}
#komponenty a:hover {color:#FFFFFF;}
#wrap img.ramik {border-color:#4d4d4d; border-style:solid; border-width:1px; float:left;}