html {
  font-size: 100.01%;
}

body, table, th {
  font-size: 1em;
  text-align: left;
}

html, body, form, fieldset,input, h1, h2, h3, h4, h5, h6, p, pre,blockquote, ul, ol, dl, address,tr, th, td, table{
	margin: 0;
  	padding: 0;
  	font-size: 1em;
}

.none, .print, #helpNav, .noscreen{
	display: none;
}

ul li, ol li {list-style-type: none}

img {border: 0 none;display: block;}

input, select, textarea, table {
	font-size: 100%;
	font-family: inherit;
	font-family: Tahoma, helvetica, sans-serif;
}

address{
	font-style: normal;
	float:left;
}


body{
	background: #e1e1e1;
	text-align: center;
	font: 0.7em/180% Tahoma, helvetica, sans-serif;
	color: #575757;
}


.clear{
  clear: both; 
  display:block;
  font-size:1px; 
  height: 1px;
  line-height: 1px;
}


#container{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	margin-top: 40px;
	position:relative;
}

#header{
	background: #fff url(../images/box-background.gif) no-repeat right 132px;
	padding: 50px 0 30px 30px;	
	border-bottom: 15px solid #e1e1e1;
	position: relative;
}

#logo{
	width:109px;
	height: 61px;
	cursor: hand;
	overflow: hidden;
	display: block;
position:relative;
}

#logo a, #offer a, #last-realization a{
	cursor: hand;
}

#logo span{
	display: block;
	width:109px;
	height: 61px; 
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/logo.png) no-repeat top left;
}

p{
	color: #575757;
	text-align: justify;
	margin-bottom: 1em;
}


#main{
	
}
#main p{
		margin-bottom: 1.5em;	
}
a{
	color: #2b77a7;
	text-decoration: none;
	padding-bottom: 3px;
	background: url(../images/link-background.gif) repeat-x bottom;
}

a:hover{
	background: url(../images/link-hover-background.gif) repeat-x bottom;	
}

#slogan{
	display: block;
	float: right;
	position:absolute;
	top: 60px;
	right: 40px;
	width: 337px;
	height: 47px;
	overflow: hidden;
}

#slogan span{
	display: block;
	width: 337px;
	height: 47px;
	position: absolute;
	top: 0;
	left: 0;	
	background: url(../images/slogan.gif) no-repeat top left;	
}

#contact-form h2{
	display: block;
	width: 150px;
	height: 20px;
	overflow: hidden;
	position: relative;
}

#contact-form h2 span{
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;	
	background: url(../images/kontaktni-formular.gif) no-repeat top left;	
}
#last-realization h2{
	display: block;
	width: 150px;
	height: 20px;
	overflow: hidden;
	position: relative;
}

#last-realization h2 span{
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;	
	background: url(../images/posledni-realizace.gif) no-repeat top left;	
}

#contact h2{
	display: block;
	width: 150px;
	height: 20px;
	overflow: hidden;
	position: relative;
}

#contact h2 span{
	display: block;
	width: 150px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;	
	background: url(../images/kontaktni-informace.gif) no-repeat top left;	
}
#bottom h2{
	margin-bottom: 25px;
}


#main{
	background: #fff url(../images/box-background.gif) no-repeat bottom right;
	margin-bottom: 15px;

}
#main h2{
	margin-top: -60px;
}

#illustration-photo{
	background:  url(../images/illustration-photo.jpg) no-repeat top right;
	display:block;

	width: 603px;
	/*	float:right;*/
	height: 185px;
	margin-right: 15px;
	_margin-right: 7.5px;
    margin-bottom: 5px;
	/*margin-top: 18px;*/
}


#bottom{
	height: 230px;
	background: #fff;

	}

#menu{
	display:block;

	width: 615px;
	z-index: 1000;
	text-align: left;
	margin-left: 343px;
}

#menu li{
	float:left;
	display: block;
	background: url(../images/menu-background.gif) no-repeat top right;
	text-transform: uppercase;
	border-right: 1px solid #e1e1e1;	

}
#menu li#active{
	border-right: none;
}
#menu li a{
	border: none;
	background:none;
	display: block;
	padding: 20px 15px 25px 15px;	

}

#menu li#active a, #menu li a:hover{
	background: #2d7aaa url(../images/menu-active-background.gif) no-repeat top right;
	color: #fff;
}

#menu li a:hover{
	background: #e1e1e1;
	color: #606060;
}

#bottom{
	clear:both;
}

#contact, #last-realization{
	float:left;
	border-right: 1px solid #e1e1e1;	

	height: 180px;
	_height: 230px;
	padding: 15px 30px 35px 30px;
	position:relative;
	background: #fff url(../images/box-background.gif) no-repeat bottom right;	
}

#contact-form {
    float:left;
    border-right: 1px solid #e1e1e1;    

    height: 180px;
    _height: 230px;
    padding: 15px 30px 35px 30px;
    position:relative;
    background: #fff url(../images/box-background.gif) no-repeat bottom right;        
}

#last-realization img{
	margin-top: 20px;
}

#contact-form{
	width: 250px;
	_width: 310px;
}
#last-realization{
	width: 220px;
	_width: 280px;
}
#contact{
	border: none;
	width: 308px;
	_width: 370px;
	
}

#contact #map{
	float:left;
	padding-right: 30px;
	margin-right: 20px;
	border-right: 1px solid #e1e1e1;
}

#contact #map img{
	margin-bottom: 10px;
}
#contact #map p{
	margin: 0;

}
input, textarea{
	width: 170px;
	border: 1px solid #c9c9c9;
	padding: 3px 0 3px 0;
	margin-left: 10px;
}

textarea{
	height: 50px;

}

a.right-down{
	position:absolute;
	right: 0;
	_margin-right: -2px;
	bottom: 0;
	width: 135px;
	height: 32px;
	display: block;
	border: none;
}
a.right-down span{
	display: block;
	width: 135px;
	height: 32px;
	position:absolute;
	right: 0;
	bottom: 0;
	background: url(../images/other-references.gif) no-repeat top left;
}
input.submit{
	width: auto;
	padding: 0;
	margin: 0;
	margin-right: -1px;
	border: none;
	position:absolute;
	bottom: 0;
	right: 0;
}
#contact-form table td{
	line-height: 100%;
		padding-bottom: 5px;
	
}


address{
	line-height: 200%;
}

#contact p.mail-phone{
	display:block;
	clear:both;
	padding-top: 1em;
}
#copyright{
	clear:both;
	
	color: #787878;
	padding-right: 15px;
	padding-top: 20px;
	
	*margin-top: 10px;
	_margin: 0 30px 0 0;
	
	text-align: right;
	}


#copyright a{
	color: #787878;
	border-color: #787878;
	background: none;
}

h2{
	font-size: 2em;
	color: #5398c4;	
}

h3 {
    font-size: 1.3em;
    color: #585858;
    margin-bottom: 5px;
}

h4 {
    font-size: 1.1em;
    color: #595959;
}

.important{
	color: #5398c4;	
}
#main p{
	padding-right: 30px;

}

#main.home h2{
	width: 79px;
	height: 27px;
	position:relative;
	text-indent: -9999px;
	background: url(../images/vitejte.gif) no-repeat top left;
}

h2{
	margin-bottom: 15px;
}

#main{

	padding-bottom: 20px;
}


#left{
	padding-top: 50px;
	padding-left: 30px;
	width: 310px;
	_width: 340px;
	float:left;
}

#offer{
	clear:both;
	padding: 30px 0 30px 0;
	*padding-top: 15px;
	_padding-top: 30px;

}

#offer li{
	float:left;
	display: block;
	padding-left: 12px;
	
}
#offer li a{
	width: 221px;
	height: 144px;
	overflow: hidden;
	display: block;
	position:relative;
	border: none;
	background: none;
}

#offer li a span{
	width: 221px;
	height: 144px;
	position: absolute;
	top: 0;
	left: 0;
}
#offer li#zabezpecovaci-systemy{
	padding-left: 20px;

}

#offer li#zabezpecovaci-systemy a span{
	background: url(../images/zabezpecovaci-systemy.gif) no-repeat top left;
}

#offer li#elektronicka-pozarni-signalizace a span{
	background: url(../images/elektronicka-pozarni-signalizace.gif) no-repeat top left;
}

#offer li#specialni-technika a span{
	background: url(../images/specialni-technika.gif) no-repeat top left;
}


#offer li#bezpecnostni-videotechnika a span{
	background: url(../images/bezpecnostni-videotechnika.gif) no-repeat top left;
}

a.up{
	display:block;
	width: 26px;
	height: 25px;
	overflow:hidden;
	position:relative;
	float:right;
	background: none;
}

a.up span{
    width: 26px;
	height: 25px;
	position:absolute;
	top: 0;
	left: 0;
	background: url(../images/up-button.gif)
}

/***********************************************/
/* DODEL?VKY CONTENT CONTENT CONTENT CONTENT   */
/***********************************************/

.other {
}

#content {
	width: 920px;
	margin: 70px auto 0 auto;
}

a.nodecoration {
    text-decoration: none;
    color: #575757;
    background-image: none; 
}

#main-left {
    width: 302px;
    float: left;
}

#main-right {
    width: 618px;
    float: right;
    margin-top: -60px;
}

ul.seznam, ul.seznam li {
    list-style-type: circle;
    margin-left: 10px; 
}

span {
    padding: 0px;
    margin: 0px;
}

/** registrace **/
#h4registrace {
    font-size: 1.1em;
    margin: 10px auto 0 50px;
}

/*** specialni technika tabulka ***/

table#specialni{
    margin: 0 auto 25px auto;
    width: 650px;
    border-collapse:collapse;
    border: 1px solid #CDE3FE;
    text-align: center;
}

table#specialni th {
    text-align: center;
}

table#specialni h3 {
    font-size: 100%;
}

table#specialni th{
    background-color: #CDE3FE;
}

table#specialni td{

}

table#specialni tr{
    background-color: #F2F8FF;
    /*font-size: 70%;*/
    /*border: 1px solid #7189EC;*/
} 

table#specialni tr.alt{
    background-color: #E6F2FF;
}

/*** specialni technika detail ***/

#detail-produkt {
    font-size: 110%;
    line-height: 30px;
}

#detail-produkt span {
    color: #58a7db;
    font-weight: bold;
}


#detail-produkt h3 {
    font-size: 180%;
}

#photos {
    min-width: 700px;
    /*margin: 0 auto 0 auto;*/
    border: 1px solid #CDE3FE;
    background-color: #F2F8FF;
}

#photos .one-photo {
    background-color: #E6F2FF;
    width: 141px;
    height: 133px;
    padding-top: 8px;
    margin: 15px;
    float: left;
}

#photos .one-photo img {
    width: 125px;
    height: 125px;
    margin: 0 auto 0 auto;
}

/* h2 pro novinky */
#main .mainh2 {
    font-size: 100%;
    color: #A70000;
    background: none;
    margin: 0px;
    padding: 0px;
    /*text-indent: 5px;*/
}

.capital {
    text-transform: capitalize;
}

.tblTermovize {
    border-collapse:collapse;
    width: 100%;
}

.tblTermovize thead {
    text-align: center;
    background-color: #E1E1E1;
    font-size: 1.2em;
}

.tblTermovize td, .tblTermovize th {
    border-collapse:collapse;
    border: 1px solid #E1E1E1;
    height:50px;
    min-width: 100px;
    padding: 10px;
    text-align: justify;
}

.noSpace {
    position: relative;
    top: -15px;
}
/*
#main.home .mainh2 a:link {
    color: #A70000;
    text-decoration: none;
    padding-bottom: 1px;
    background: url(../images/link-background-red.gif) repeat-x bottom;  
}

#main.home .mainh2 a:visited {
    color: #A70000;
    background: url(../images/link-background-red.gif) repeat-x bottom; 
}

#main.home .mainh2 a:hover{
    color: #A70000;
    background: url(../images/link-hover-background-red.gif) repeat-x bottom;    
}*/