/*- Copyright (c) 2008 Lukáš Hroch. All rights reserved.  -*/
/*- Copyright (c) 2008 Now Interactive, spol. s r.o. All rights reserved.  -*/

/*- Basics -*/
html, body, div, p, li, ul, form, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }

body		{ background: #400 url('images/bg-body.png') -10% 0; color: #3B3805; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.6; font-size:62.8%; font-family:Arial, Helvetica CE, Helvetica, lucida, sans-serif }
a			{ color: #3B3805; }
a:hover	{ color: #000 !important; text-decoration: underline !important; }
a img   	{ border:0; }
input,
select,
textarea { font-family: "Helvetica CE", Helvetica, Arial, lucida, sans-serif; }
input, textarea	{ border: 1px solid #8e8e8e; background: #fff url('images/bg-input.png') no-repeat 0 0; color: #000; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px }
button	{ vertical-align: middle; margin: 0; padding: 0; background: none; border: none; width: 100px; } 
input.submit	{ width: auto !important; padding: 3px 15px !important; background: #D95700; border: 2px outset #948F3A; color: #fff; }

h1	{ font-size: 2.5em; margin-bottom: .1em; color: #3a3807; font-family: Times New Roman}
h2	{ font-size: 1.1em; color: #3B3805; line-height: 1.5; margin-bottom: .5em; }
h3	{ font-size: 1.4em; color: #D95700; }
h4	{ font-size: 1.2em; color: #D95700; }
h5	{ font-size: 1.1em; color: #3B3805; line-height: 1.5; margin-bottom: .5em; }
h6.info	{ font-size: .91em; color: #333; margin-top: -1em; margin-bottom: 2em; position: relative; font-weight: normal; }

dt	{ font-weight: bold; color: #D95700; }
dd	{ color: #948F3A; }

address	{ font-style: normal; line-height: 1.8; }
address p	{ margin-bottom: .5em; }

/*- Basic layout -*/
#view		{ width: 1000px; background: #fff; margin: 0 auto 50px; }
#head		{  }
#content	{  }
#foot		{ margin-top: 30px; }

.holder	{ position: relative; width: 960px; margin: 0 auto; font-size: 1.2em; }

#head		.holder	{ padding: 20px 0 7px; height: 74px; overflow: hidden; }
#content	.holder	{ }
#foot		.holder	{ border-top:7px solid #948F3A; padding: 10px 0 15px; }

/*- Main hacks -*/
.holder:after, .cols:after, .item:after, .paging:after, .smallPaging:after,
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .holder,
* html .clearfix	{ height: 1%; } 
.clearfix	{ display: block; }       

/*- Main blocks -*/
#menu .holder		{ background: #75722B url('images/bg-menu.png') repeat-x 0 0; height: 39px; border-bottom: 3px solid #3B3805; margin-bottom: 15px }
#menu ul	{ background: url('images/bg-menu-arrows.png') no-repeat 0 100%; height: 39px }
#menu li	{ float: left; line-height: 39px; font-size: 1.2em; margin-right: 6px; text-align: center; position: relative; } 
#menu li a { display: block; line-height: 39px; color: #fff; text-decoration: none; }
#menu li a:hover { color: #fff !important; text-decoration: none !important; }
#menu li a span	{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: 50% 100% no-repeat; cursor: pointer; cursor: hand; }
#menu li.active	{ background: #75722B !important; }
#menu li.active a span,
#menu li a:hover span	{ background-position: 50% 0; }
#menu li.uvo	{ width: 170px; }
#menu li.ter	{ width: 144px; }        
#menu li.jak	{ width: 192px; }
#menu li.mat	{ width: 196px; }
#menu li.faq	{ width: 145px; }
#menu li.con	{ width: 77px; }
#menu li.uvo span	{ background-image: url('images/menu/uvod.png'); }
#menu li.ter span	{ background-image: url('images/menu/fotogalerie.png'); }        
#menu li.jak span	{ background-image: url('images/menu/stavba.png'); }
#menu li.mat span	{ background-image: url('images/menu/drevo.png'); }
#menu li.faq span	{ background-image: url('images/menu/otazky.png'); }
#menu li.con span	{ background-image: url('images/menu/kontakt.png'); }

#logo			{ width: 128px; height: 40px; background: url('images/logo.png') no-repeat 0 0; overflow: hidden; position: absolute; top: 42px; right: 0 }
#logo a			{ display: block; height: 100%; width: 100%; padding: 40px; position: relative; z-index: 100;}   
#logo span.l	{ display: block; height: 100%; width: 100%; padding: 40px; }   
                
#head h2 	{ color: #3B3805; font-size: 12px; }
#head h6 	{ color: #6C692B; font-size: 16px; } 
#head 		{ background-image: url('images/header-claim.gif'); background-repeat: no-repeat;}

#foot .ni	{ padding-right: 30px; background: url('images/logo-ni-footer.png') no-repeat 100% 50%; margin-right: 5px; min-height: 19px; _height: 19px; line-height: 19px }

/*- Main classes -*/
.fr		{ float: right !important; }
.fl		{ float: left !important; }
.r			{ text-align: right !important; }
.l			{ text-align: left !important; }
.c			{ text-align: center !important; }
.last		{ margin-right: 0 !important; margin-bottom: 0 !important; }
.small	{ font-size: .91em; }
.big		{ font-size: 1.2em; }
.light	{ color: #666; }
.hidden	{ display: none; }   

.ico	{ padding-left: 20px; background: 0 50% no-repeat; }
.ico2	{ padding-right: 20px; background: 100% 50% no-repeat; }

.cols	.col1	{ float: left; width: 630px; }
.cols	.col2	{ float: right; width: 313px; }

.cols2v1	{ background: url('images/bg-cols2v1.png') repeat-y 644px 2px; }
.cols2v1	.col2	{ float: right; width: 300px; }
                                
.cols3			{ background: url('images/bg-cols3.png') repeat-y 100% 2px; }
.cols3 .col1	{ width: 311px; float: left; }
.cols3 .col2	{ width: 300px; float: left; margin-left: 19px; }
.cols3 .col3	{ width: 313px; float: right; }

.img		{ }

.more		{ }
.more	a	{ }

.list li		{ margin-bottom: .5em; background: url('images/ico/bul-arrow-red.png') no-repeat 0 .6em; padding-left: 20px }
.list2 li	{ background: url('images/ico/bul-arrow-red2.png') no-repeat 0 .45em; padding-left: 15px }
.list2 li .list li	{ background: url('images/ico/bul-sq-red2.png') no-repeat 0 .6em; padding-left: 10px; margin-left: 15px }

.ord li	{ margin-bottom: 2em; margin-left: 2em; clear: both;  }
.ord h4	{ color: #3B3805; position: relative; margin-bottom: .5em; }
.ord h4 em	{ color: #D95700; position: absolute; left: -1.7em; top: 0; font-style: normal; }
.ord p	{ margin-bottom: 1em !important; }

.block { margin-left: 2em;}
.block h4	{ margin-bottom: .5em; color: #3B3805; }

.offset	{ margin-top: .4em !important; }    

.info		{ color: #D95700; }
                       
p.more			{ font-size: .85em; }  
a.more			{ background: url('images/ico/bul-arrow-red.png') no-repeat 100% .4em; padding-right: 20px }             
p.more a.more	{ background-position: 0 .4em;}
h4 a.more		{ background-position: 0 .45em;}

.text p	{ margin-bottom: 1.5em; }         
.text ul	{ margin-bottom: 1.5em; } 

.item	{ margin-bottom: 10px; }
                      
.img	{ margin: 0 0 10px 0; }
.imgl	{ margin: 0 10px 5px 0; }  
.imgr	{ margin: 0 0 5px 10px; }  
.imgb	{ border: 2px solid #fff; }
                                    
.msg	{ padding: 3px 7px; margin-bottom: .5em; }            
.msg strong	{ color: #fff !important; }
.msgErr	{ border: 1px solid #000; background: #D95700; color: #fff; width: 300px; }                      
.msgOk { border: 1px solid #000; background: #948F3A; color: #fff; width: 300px; }
.form-back { font-size: 16px; font-weight: bold; }
     
/*- Boxes -*/
.box	{ margin: 0 0 20px 0; padding: 15px 15px 1px; border-top: 3px solid #3B3805; }    
.box h3	{ position: relative; margin-top: -0.5em; margin-bottom: 10px; } 

.box1	{ background: #F3ECBE url('images/bg-box1.png') no-repeat 100% 0; }
.box2	{ background: #fff url('images/bg-box2.png') no-repeat 100% 0; border-top-color: #D95700 }
.box3	{ background: #fff url('images/bg-box3.png') no-repeat 100% 0; padding-bottom: 10px}
.box3 .infoline	{ width: 222px; height: 32px; overflow: hidden; font-size: 3.35em; font-weight: bold; position: relative; color: #fff; line-height: 32px; margin-bottom: 15px; }
.box3 .infoline span	{ width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url('images/infoline.png') no-repeat 0 0;}
.box4	{ background: #fff url('images/bg-box4.png') no-repeat 100% 0; }
.box4	.list li	{ margin-bottom: 1em; }
.box5	{ background: #fff url('images/bg-box5.png') no-repeat 100% 0; border-top-color: #D95700; padding-bottom: 15px }
.box6	{ background: #fff url('images/bg-box6.png') no-repeat 100% 0; }
.box6 .list p	{ font-size: .91em; }
.box7	{ background: #fff url('images/bg-box7.png') no-repeat 100% 0; }
.box8	{ background: #fff url('images/bg-box8.png') no-repeat 100% 0; }
                                         
.box3 h3,
.box6 h3	{ color: #3B3805; }
.box2 a.more,
.box3 a.more	{ background-image: url('images/ico/bul-arrow-dark.png'); }           

.materials .item	{ border-bottom: 1px solid #948F3A; padding-bottom: 2em; margin-bottom: 2em; position: relative; }
.materials .last	{ border-bottom: none; padding-bottom: 1em; margin-bottom: 0; }             
.materials .iteml	{ width: 95px; }                    
.materials .imgr	{ position: absolute; top: 0; right: -250px; }
.materials h5	{ margin-left: 105px; margin-bottom: .75em; }
.materials p	{ margin-left: 105px; margin-bottom: 1em; }          
.materials dl	{ margin-left: 105px; }
.materials dt	{ float: left;  width: 10em; }
.materials dd	{ margin-left: 10em; margin-bottom: 5px; }  

.materialsLight	.imgl	{ height: 60px; overflow: hidden; width: 60px; }

.contacts	.block	{ margin-bottom: 20px;}

#ter .item	{ margin-left: 2em; }
.gallery h4		{ margin-bottom: .5em; }
.gallery .fl	{ margin: 0 20px 20px 0; border: 1px solid #999; }
.gallery .fl img	{ display: block; } 

.fBlock	{ padding: 10px 15px; border: 1px solid #948F3A; margin: 0 0 10px ; }
.fBlockR	{ float: right; padding: 10px 15px; border: 1px solid #948F3A; margin: 0 0 10px 10px; width: 260px; }
.fBlockL	{ float: left; padding: 10px 15px; border: 1px solid #948F3A; margin: 0 10px 10px 0; width: 260px; }
.fBlock dl, .fBlockL dl, .fBlockR dl { font-size: 1.2em; }
.fBlock p, .fBlockL p, .fBlockR p { margin-bottom: 0 !important; color: #444; }


#hpSlideShow	{ margin-bottom: .75em; }   

#faq .cols2v1 .col1	{ background: url('images/vizuals/faq.jpg') no-repeat 0 0; padding-top: 100px }
#jak .cols2v1 .col1	{ background: url('images/vizuals/jak.jpg') no-repeat 0 0; padding-top: 100px }
#mat .cols2v1 .col1	{ background: url('images/vizuals/mat.jpg') no-repeat 0 0; padding-top: 100px }
#con .cols2v1 .col1	{ background: url('images/vizuals/acon.jpg') no-repeat 0 0; padding-top: 100px }
#ter .cols2v1 .col1	{ background: url('images/vizuals/ter.jpg') no-repeat 0 0; padding-top: 100px }
      

#contForm	{ padding: 10px 15px; border: 1px solid #948F3A; margin: 0 2em 10px 0; background: #f1f1de; }
#contForm label	{ display: block; }
#contForm input	{ margin-bottom: 10px; width: 75%; }
#contForm textarea	{ width: 95%; margin-bottom: 10px; }
#contForm input,
#contForm textarea	{ font-size: 1em; padding: 2px 5px; font-size: 1.2em; }

#seo { position: absolute; bottom: 15px; right: 5px; }
#seo a { padding-left: 22px; background: url('images/seo-logo.gif') no-repeat scroll 0 0; padding-bottom: 3px; }

#call-2-action { display: block; padding-left: 40px; padding-top: 11px; width: 362px; height: 32px; background: url('images/button.png') no-repeat; font-size: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; margin-bottom: 15px; margin-top: 15px; }
#breadcrumbs { font-size: 11px; color: #3A3807; margin-left: 0; }

/* form */
.referrer { display: none; }
fieldset { width: 600px; display: block; border: none; }
textarea { width: 600px; display: block; }
form p.small { padding-bottom: 15px; }
label { width: 135px; display: block; }
.col1-f { float: left; width: 300px; }
.col2-f { float: left; width: 300px; }
.col1-f p,
.col2-f p { position: relative; }
input { margin-bottom: 20px; }
span.error-mark { font-size: 10px; color: #FF0000; position: absolute; left: 0; bottom: 3px; }
#error ul li { padding-bottom: 20px; color: #FF0000; }
p.error label { color: #FF0000; }
p.error input { border-color: #FF0000; }