@charset "utf-8";


/* other */

.block{
display: block;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
img{
border: none;
}
div, p, h1{
margin-top: 0;
}
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
	background:url(../image/background_main.gif) #CFD8DD repeat-y 50% 0px;

}
#container {
	width: 900px;  
	margin: 0 auto; 
	text-align: left; 
	background-color: White;
}
/* hlavicka*/
#mainHeader {
	background-color: #E56B3D;
	height: 250px;	
	background:url(../image/previewheader.jpg) #E56B3D 50% 50% no-repeat;
    position: relative;
}
/* navigacia */
#mainNavig{
	list-style: none;
	list-style-position:inside;	
	height: 40px;
	padding: 0;
	padding-left: 10px;
/*	margin: 10px auto 10px auto;*/
	margin: 10px -10px 10px 0px;
}

#mainNavig li{
	float: left;
	margin-right: 10px;
	text-align:left ;
}
#mainNavig li.first a{
	
}
#mainNavig li a{
	background: url(../image/background_navig_button.gif) no-repeat 0px 0px;
	font: Tahoma;
	display: block;
	width: 101px;
	height: 40px;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	font-size: 10px;
}
#mainNavig li a b,#mainNavig li a  strong {
font-weight: normal;
padding: 5px;
display: block;
}
#mainNavig li a:hover, #mainNavig li.selected a{
	background-position: 0px -40px;
	color: black;
}
#mainNavig li a:hover b, #mainNavig li.selected a b{
font-weight: bold;
}

#mainNavig li a:hover strong, #mainNavig li.selected a strong{
font-weight: bold;
}


#breadcrumb {
background-color: #E56B3D;
color: white;
font-size: 10px;
padding: 4px 5px; 
margin: 0 10px 10px 10px; 
}
#breadcrumb a{
color: white;
text-decoration: none;
}
#breadcrumb a:hover{
text-decoration: underline;
}
#footer {
background-color: #E56B3D;
color: white;
font-size: 10px;
padding: 4px 5px; 
text-align: center;
margin: 0px 10px 10px 10px; 
}
#footer a{
color: white;
text-decoration: none;
}
#footer a:hover{
text-decoration: underline;
}
#mainContent {
	clear: both;
	padding: 0 10px; 
	text-align:left;
}
/* left navig*/ 

#leftNavig{
background-color: #CDD5DA;	
width: 212px;
margin-bottom: 10px;
}
#leftNavig ul{
	padding: 0px;
	margin: 0px;
	width: 212px;
	background-color: #A6B4BE;		
	list-style: none;
/*	list-style-position:inside;	*/
	list-style-position: outside;
	line-height: 30px;
}

#leftNavig li{
	padding: 0px !important;
	margin: 0px !important;
	text-align:left ;
	list-style-position: outside;	
	list-style: none;	
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid white;
	
}
#leftNavig li.first a{
	
}
#leftNavig li a{
	background-color: #CDD5DA;
	display: block;
	color: #666666;
	text-decoration: none;
	overflow: hidden;
	font-size: 10px;
	padding-left: 10px;
}
#leftNavig li a b{
font-weight: normal;
display: block;
}
#leftNavig li a:hover, #leftNavig li.selected a{
background-color: #A6B4BE;  
}
#leftNavig li a:hover b{
font-weight: bold;
}
#leftNavig li.first a{
height: 45px;
background: url(../image/navig_left_first.gif) no-repeat 0px 0px;
padding-left: 30px;
padding-top: 5px;
font-size: 14px;
}
#leftNavig li.first :hover b{
font-weight: normal;
cursor: default;
color: #666666;
}
#leftNavig li.open a{
	background-color: #A6B4BE;
}
#leftNavig li.open a b{
font-weight: bold;
}
#leftNavig li.open ul{
padding-left: 10px;
width: 202px;
}
#leftNavig li.open ul li{
background-color: #CDD5DA;	
border-bottom: 1px solid white;
}
#leftNavig li.open ul li.last{
border-bottom: none;
}

#leftNavig li.open ul li a{
background-color: #CDD5DA;	
color: #666666;
height: 30px;
}
#leftNavig li.open ul li a b{
font-weight:  normal;
color: #666666;
}
#leftNavig li.open ul li a:hover, #leftNavig li.open ul li.selected a  {
background: url(../image/navig_left_arrow.gif)  no-repeat 10px 12px #A6B4BE;
padding-left: 25px;

}
#leftNavig li.open ul li a:hover b{
font-weight:  normal;
}


/* right content */
#rightContent{
	width: 658px;
    /*width: 670px;*/
	float: right;
}
/* sub navig*/
#subNavig ul{
	margin: 0;
	padding: 0px;
	list-style: none;
	list-style-position: outside;	
	height: 41px;	
	background-color: #CDD5DA;
}

#subNavig li{
	padding: 0px ;
	margin: 0px ;
	text-align:left ;
	float: left;
	width: 101px;
	height: 41px;	
	height: 39px;	
	border-top: 2px solid #B9BEC1;
	margin-right: 10px;
}
#subNavig li.last{
	margin: 0px ;
	
}
#subNavig li a{
display: block;
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	width: 101px;
	height: 41px;
  overflow: hidden;	
	/*font-size: 9px;*/
	
}
#subNavig li a b{
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}

#subNavig li a:hover{
background-color: #A6B4BE;
}
#subNavig li.last a:hover{

border-right: 1px solid #A6B4BE;
}

#subNavig li a b{
font-weight: normal;
}
#subNavig li a:hover b{
font-weight: bold;
font-size: 10px;
}
#subNavig li a:hover, #subNavig li.selected a{
background-color: #A6B4BE;
}

#Content{
	border: 9px solid #A6B4BE;
	background-color: white;
	padding: 10px;
	font-size: 12px;
	margin-bottom: 10px;
    width: 620px;
    overflow: hidden;
}
#Content ul li{
list-style: square;
}


#Content table td, #Content table th{
vertical-align: top;
}


h1,h2,h3,h4,h5,h6{
color: #666666;	
}
h1{
font-size: 18px;
}
h2{
font-size: 16px;
}
h3{
font-size: 14px;
}
h4{
font-size: 12px;
}
h5{
font-size: 10px;
}
h6{
font-size: 8px;
}

#Content h1{
/*margin-bottom: 0;*/
font-weight: normal;
}

#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6{
margin-top: 0;
/*font-weight: normal;*/
}

.news{
width: 200px;
height: 180px;
overflow: hidden;
float: left;
text-align:left;
margin-bottom: 20px;
margin-right: 26px;
/*
border: 10px solid #CFD8DD;
width: 180px;
*/
}
.news b,.news strong, .news span{
display: block;
font-size: 10px;
padding: 4px;
padding-left: 6px;
padding-right: 6px;
}
.news b{
	/*background-color: #CFD8DD;*/
}
.news span{
	display: block;
	
	
}

.nrm {
margin-right: 0;
}
.news a{
display: block;
text-decoration: none;
color: #333333;
background-color: white;
height: 180px;
}
.news a:hover{
background-color: #E7EBEE;
}
.news a:hover b, .news a:hover strong{
background-color: black;
color: white;
}

a {
color: #333333; 
text-decoration: none;
}
a:hover {
color: #788D9C; 
}


#Content a{
 color: #333333; 
}
#Content a:hover{
 color: #788D9C; 
}

/* kontakt form*/

.error_msg{
 color: #E56B3D; 
}

.kontakt{
    margin: 0;
    padding: 0;
    margin-bottom: 15px;    
}
.kontakt label{
display: block;
margin-top: 5px;
margin-bottom: 5px;
font-weight: bold;
font-size: 0.9em;
color: #788D9C;
}
.kontakt input, .kontakt textarea{
background-color: #CDD5DA;
color: black;
width: 300px;
border: 0;
padding: 3px;
}
.nodecor{
background-color: transparent !important;
width: auto !important;

}
.kontakt .submit{
    font-weight: bold;
    /*background:url(../imgs/submit_sipka.gif) 286px 5px no-repeat;        */
    background-color: #788D9C;
    margin-top: 15px;
    width: 306px;
}

.icon{
    width: 45px;
}

.fotorealizace{
text-align: justify;
margin-top: 10px !important;
margin-left: 5px;

}
.fotorealizace img, .fotorealizace a{
margin-right: 12px;
margin-bottom: 12px;
}

#mainNavig li a b.smaller, #mainNavig li a strong.smaller {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}

#mainNavig li a:hover b.smaller, #mainNavig li a:hover strong.smaller {
    font-size: 9px !important;
    letter-spacing: normal !important;
}

#mainNavig li a b.smaller2, #mainNavig li a strong.smaller2 {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}

#mainNavig li a:hover b.smaller2, #mainNavig li a:hover strong.smaller2 {
    font-size: 9px !important;
    letter-spacing: -0.05em !important;
}


#mainNavig li a b.smaller, #mainNavig li a strong.smaller {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}



b.smaller, strong.smaller {
    font-size: 10px !important;
    letter-spacing: -0.05em !important;
}

a:hover b.smaller, a:hover strong.smaller {
    font-size: 9px !important;
    letter-spacing: -0.05em !important;
}


#h1_title{
  margin: 0; padding: 0;
  position: absolute;
  overflow: hidden;
  font-size: 160%;  
  top: 0px;
  left: 10px; 
}
