/* CSS layout */
h3, h4, h5, h6, blockquote, a:link, a:visited,   subnav, first, code { color: #000000; font-family: Arial ; font-size: 11px; z-index : 100}

body {behavior: url(csshover.htc)} 

.style1 {
	height: 20px; 
	width: 86px; 
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}
.style4 {
	height: 50px;
	margin: 0px 0px 90px 0px;
}
.style5 {
	width: 160px;
	height: 60px;
	margin: 30px 0px 20px 30px;
    padding: 0px;
	text-align: justify;
	font-family: Verdana;
}
.style6 {
	width: 160px;
	padding: 50px 0px 15px 40px;
}
.style7 {
    margin-bottom: 10px;
}
#company_header h1 {
	height: 45px;
	color: #0D475F;
	font-family: Verdana;
    padding-top:5px;
    font-size: 23px;
    font-weight: bold;
    margin: 0px 0px 15px 40px;
    border-bottom: 1px #cccccc solid;
}
#company_header h2 {
	height: 35px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 15px 40px;
    border-bottom: 1px #cccccc solid;
}
#company_header h3 {
    height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 13px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
    border-bottom: 1px #cccccc solid;

}
#body2 h1, #body3 h1, #body4 h1, #getting_started h1, #getting_started h2, #getting_started h3, #getting_started h4, #getting_started h5{
	height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 18px;
    font-weight: bold;
    margin: 0px 30px 0px 10px;
    border-bottom: 1px #cccccc solid;
}
#servis h1{
height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 18px;
    font-weight: bold;
    margin: 0px 30px 0px 10px;
    border-bottom: 1px #cccccc solid;
	}
#satelit h1{
height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 18px;
    font-weight: bold;
    margin: 0px 30px 0px 10px;
    border-bottom: 1px #cccccc solid;
	}	
	
	#eset h1{
height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 18px;
    font-weight: bold;
    margin: 0px 30px 0px 10px;
    border-bottom: 1px #cccccc solid;
	}
	
#left_col h1, #left_col2 h1, #left_col3 h1, #body5 h1, #right_col h1, #body1 h1, #body6 h1 {
	height: 30px;
	color: #0D475F;
	font-family: Verdana;
    
    font-size: 18px;
    font-weight: bold;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    border-bottom: 1px #cccccc solid;
}
#left_col2 p, #left_col3 p, #body3 p, #body4 p, #right_col p, #body2 p, #body5 p, #body6 p{
    margin: 10px 30px 0px 0px;
    text-align: left;
    font-family: Verdana;
}
#body1 p {
	margin: 10px 30px 0px 10px;
    text-align: justify;
    font-family: Verdana;

}
#left_col p {
	margin: 30px 30px 15px 10px;
    text-align: justify;
    width: 160px;
    font-size: small;
}
#body2 p {
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}
#servis p {
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}
#satelit p {
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}

#eset p {
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}


#left_col2 p {
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 0px;
	padding: 0px;
}
img {
	border: 0px;
}
body {
	margin: 0;
	padding: 0;
    background-color: #DBD8C1;
    border-bottom: 20px #DBD8C1 solid;
}
#wrapper {
	width: 960px;
	margin:0 auto;
	background-color: #ffffff;
	background-position: center;
}
#navwrapper {
	width: 940px;
    margin-left: 10px;
	background-color: #ffffff;
}
#bodywrapper {
	width: 940px;
	background-color: #ffffff;
	margin-left: 10px;
	

}
#masthead {
	float: left;
	width: 940px;
	height: 130px;
	
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url('images/logo2.jpg');
	
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#masthead img {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}
#masthead ul {
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}
#masthead li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#masthead p {
	color: #000000;
	font-size: small;
	font-weight: bold;
	margin: 5px 0px 0px 750px;
	padding: 0px;
	text-align: left;
	width: 200px;
	letter-spacing:4px;
}
#masthead a:link, #masthead a:visited{
	color: #000000;
	font-size: small;
	font-family: "Verdana";
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
}
#header {
	float: left;
	height:200px;
	width: 940px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	background-image: url('images/pozadie.jpg');
	background-repeat: no-repeat;
}
#header ul {
	float: right;
	padding: 180px 30px 0px 0px;
	margin: 0px;
	width: 680px;
	height: 20px;
}
#header li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
	list-style: none;
}
#header a:link, #header a:visited {
	margin: 1px;
	padding: 10px 10px 15px 10px;
	text-decoration: none;
    text-align: center;
    font-weight: bold;
	background-image: url('images/menu_gradient.png');
	background-repeat: repeat-x;
    width: 150px;
	color: #053245;
	height: 30px;
}
#header li:hover a {
    color:#0D475F;
    background-image: url('images/menu_gradient2.png');
    background-repeat: repeat-x;
}
#top_nav {
	width: 940px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}
#nav {
    float: left;
    line-height:26px;
    width:940px;
    margin: 0px;
    padding: 0px;
    background-image: url('images/bar_gradient.jpg');
	background-repeat: repeat-x;
}
#nav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width: 940px;
    font-weight:normal;
    line-height:1;
    float: left;
    padding: 0px;
}
#nav li {
    float:left;
    display: inline;
    margin: 0px;
    padding: 0px;
    list-style: none;  
}
#nav a:link, #nav a:visited{
    display:block;
    text-decoration:none;
    width: 124px;
    padding: 5px 5px 4px 5px;
    background-image:url('images/bar.jpg');
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    text-align: center;
}
#nav li ul ul {
    margin:-21px 0 0 100px;
}
#nav li ul li:hover a {
    color:#cccccc;
    background-image: url('images/bar_light.jpg');
}
#nav li:hover a, #nav li.sfhover a {
	color: #cccccc;
	background-image: url('images/bar_light.jpg');
}
#nav li:hover li a, #nav li li:hover li a {
    color:#ffffff;
    background-image: url('images/bar_transparent.png');
    height: 27px;
    border-right: 1px #000000 solid;
}
#nav li:hover ul ul{
    left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul {
    left:auto;
    margin: 0px;
    border-bottom: 1px #000000 solid;
    width: 104px;
}
#nav li:hover, #nav li.sfhover {
    color:#000000;
}
#left_col {
	width: 219px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
	height: 300px;
	border-right: 1px #cccccc solid;
	background-image: url('images/white_box.jpg');
	background-position: left 60px;
	background-repeat: no-repeat;
}
#left_col ul {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}
#left_col li{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#left_col a:link, #left_col a:visited{
	color: #0D475F;
	font-size: medium;
	font-family: "Verdana";
	padding: 0px;
	font-style: italic;
}
#left_col2, #left_col3 {
	width: 219px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	height: 180px;
	border-right: 1px #cccccc solid;
}
#left_col2 ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#left_col2 li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#left_col2 a:link, #left_col2 a:visited {
	color: #0D475F;
	font-size: 13px;
	font-family: "Verdana";
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}
#left_col2 p {
	font-size: 13px;
}
#left_col2 img {
	margin-top: 10px;
}

#left_col3 {
	width: 219px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	height: 480px;
	border-right: 1px #cccccc solid;
}
#left_col3 ul {
	float: left;
	margin:0px;
	padding: 0px 0px 0px 20px;
}
#left_col3 li {
	margin: 20px 0px 20px 0px;
	padding: 0px;
	display: block;
	list-style: square;
}
#left_col3 a:link, #left_col3 a:visited {
	color: #0D475F;
	font-size: 13px;
	font-weight: bold;
	font-family: "Verdana";
	
	margin: 0px;
	padding: 5px 0px 5px 20px;
	text-align: right;
    text-decoration: none;
    display:list-item;

}
#company_header {
	float: left;
	width: 660px;
	height: 60px;
	margin: 0px;
	padding: 0px;
}
#body1_content {
	width: 220px;
	float: left;
	margin: 0px;
	height: 300px;
	background-image: url('images/white_box.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 83px 0px 0px 0px;
	text-align: center;
	
}

#pokladnice {
	width: 220px;
	float: left;
	margin: 0px;
	height: 300px;
	background-image: url('images/pokladnicne_index.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 83px 0px 0px 0px;
	text-align: center;
	
	
}

#eshop {
	width: 220px;
	float: left;
	margin: 0px;
	height: 300px;
	background-image: url('images/akciove_produkty.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 83px 0px 0px 0px;
	text-align: center;
	
	
}

#akcie {
	width: 220px;
	float: left;
	margin: 0px;
	height: 300px;
	background-image: url('images/fiskal.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	padding: 83px 0px 0px 0px;
	text-align: center;
	
	
}

#akcie p {
	text-align: center;
    margin: 0px;
    padding: 15px 0px 15px 30px;
    width: 160px;
	font-family:"Verdana";
	font-size:11px;
	
	
}

#pokladnice p {
	text-align: center;
    margin: 0px;
    padding: 15px 0px 15px 30px;
    width: 160px;
	font-family:"Verdana";
	font-size:11px;
	
	
}

#eshop p {
	text-align: center;
    margin: 0px;
    padding: 15px 0px 15px 30px;
    width: 160px;
	font-family:"Verdana";
	font-size:11px;
	
	
}




#odkaz{
	
	font-size: 15px;
	font-family: "Verdana";
	
	padding-left:5px;
	padding-right:5px;
    
	text-align: center;
	padding-top:50px;
}

#body1_content ul{
    float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	list-style: none;
	width: 160px;
	text-align: center;
}
#body1_content li {
   	margin: 0px;
	padding:  0px 0px 10px 0px;
	display: block;
	float: left;
	text-align: center;
}
#body1_content a:link, #body1_content a:visited {
	color: #0D475F;
	font-size: medium;
	font-family: "Verdana";
	padding-bottom: 5px;
	font-style: italic;
    margin: 0px;
	text-align: center;
	padding-top:30px;
}
#body1_content p {
    text-align: center;
    margin: 0px;
    padding: 5px 0px 15px 30px;
    width: 160px;
}
#body2_content {
	width: 220px;
	float: left;
	margin: 0px;
	height: 240px;
	padding: 0px;
}
#body2_content li {
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	width: 210px;
}
#body2_content a:link, #body2_content a:visited {
	color: #0D475F;
	font-size: medium;
	font-family: "Verdana";
	padding: 0px 0px 0px 20px;
	font-style: italic;
	text-align: center;
    margin: 0px;
}


#body1 {
	width: 660px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
}
#body1 ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#body1 li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#body1 a:link, #body1 a:visited {
	color: #0D475F;
	font-size: medium;
	font-family: "Verdana";
	margin: 5px 25px 0px 10px;
	padding: 0px;
	text-align: right;
}
#right_col {
	float: left;
	width: 245px;
	height: 180px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
}
#body2 {
    width: 660px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	background-image: url('images/satelit.jpg');
	background-repeat: no-repeat;
	background-position: 40px 40px;
}

#satelit {
    width: 660px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	background-image: url('images/satelit.jpg');
	background-repeat: no-repeat;
	background-position: 40px 40px;
}

#servis {
    width: 660px;
	height: 180px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	background-image: url('images/servis2.jpg');
	background-repeat: no-repeat;
	background-position: 40px 40px;
}

#servis a:link, #servis a:visited {
	color: #0D475F;
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}

#satelit a:link, #satelit a:visited {
	color: #0D475F;
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}
#body2 ul {
	float: left;
	margin: 20px 20px 0px 0px;
	padding: 0px;
	list-style: none;
}
#body2 li {
	margin: 0px;
	padding: 0px;
	display: block;
}
#body2 a:link, #body2 a:visited {
	color: #0D475F;
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}


#eset {
    width: 660px;
	height: 260px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 280px;
	
	background-repeat: no-repeat;
	background-position: 40px 40px;
}

#eset a:link, #eset a:visited {
	color: #0D475F;
	font-size: 13px;
	font-family: "Verdana";
	margin: 15px 20px 0px 20px;
	padding: 0px;
}


#body3 {
	float: left;
	width: 180px;
	height: 160px;
	margin: 0px;
	background-image: url('images/product_image.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0px 13px 0px 25px;
}
#body4 {
    float: left;
    width: 210px;
    height: 200px;
    margin: 0px 20px 0px 30px;
}
#body4 ul {
	float: left;
	padding: 10px 0px 0px 0px;
	width: auto;
	list-style:  none;
	margin: 0px;
}
#body4 li {
	margin: 0px 5px 5px 0px;
}
#body4 a:link, #body4 a:visited {
    margin: 0px 0px 0px 0px;
}
#body5 {
	float: left;
	width: 910px;
	height: 320px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	font-style: "Verdana";
	font-size: 13px;
}
#body6 {
	width: 299px;
	float: left;
	margin: 0px 0px 0px 40px;
	height: 140px;
	border-right: 1px #cccccc solid;
}
#body6 ul {
	text-align: justify;
	margin: 5px 30px 5px 0px;
		list-style: square;

}
#body7 {
	width: 280px;
	float: left;
	margin: 0px 0px 0px 40px;
	height: 140px;
}
#body7 img {
	margin: 5px 0px 5px 0px;
}
#product_display {
	float: left;
	height: 110px;
	width: 890px;
	margin: 0px 0px 20px 25px;
}
#product_display_link {
	float: left;
	height: 30px;
	width: 890px;
	margin: 0px 0px 20px 25px;
}
#product_display ul, #product_display_link ul {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 890px;
}
#product_display li {
	margin: 0px;
	padding: 3px;
	display: inline;
	float: left;
	list-style: none;
	width: 170px;
}
#product_display_link li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	width: 176px;
	text-align: center;
	list-style: none;
}
#product_display a:link, #product_display a:visited, #product_display_link a:link, #product_display_link a:visited {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	text-align: center;
}
#getting_started {
	float: left;
	height: 100%;
	width: 940px;
	background-color: #ffffff;
}
#getting_started p, #getting_started ul, #getting_started ol, #getting_started li, #getting_started a:link, #getting_started li a:visited{
	margin-left: 20px;
	color: #000000;
	text-align: left;
}
#footerwrapper {
	width: 940px;
	margin: 0 auto;
}
#footer {
	clear: both;
	width: 890px;
	height: 30px;
	margin: 0px 35px 0px 20px;
	border-top: 1px #cccccc solid;
	background-image:url('source_files/footer_bg.png');
	background-repeat: repeat-x;
	font-family:Verdana;
	font-size:10px;
}
#footer ul {
	float: left;
	padding: 0px;
	height: 20px;
	width: auto;
	margin: 5px 0px 0px 10px;
}
#footer li {
	display: inline;
    padding: 0px 13px 0px 0px;
    margin: 0px;
    list-style: none;
}
#footer li a:link, #footer li a:visited {
	font-size: small;
	display: inline;
	text-decoration: none;
	color: #000000

}

h1{
font-size:25px;
font-weight:bold;



}

h2{
font-size:19px;
font-weight:bold;
color:blue;



}

#obsah{
font-size:14px;
padding-left:25px;
padding-right:25px;
text-align:justify;
padding-bottom:25px;



}

#kontakt{
font-size:14px;

padding-right:25px;
text-align:right;



}















div#obalovydiv
{
width:500px;
}
div.kontejner
{
margin:20px;
float:left; 

}
div.kontejner img
{
border:2px solid blue;
margin:0;
padding:0;
}
div.fotka
{
position:absolute;
left:150px;
top:20px;
visibility:hidden;
}
div.kontejner:hover div.fotka, div.kontejnerHover div.fotka
{
position:absolute;
left:700px;
top:430px;
visibility:visible;
}
div.kontejnerHover img.nahled
{
border:2px solid blue;
margin:0;
padding:0;
}
div.kontejner
{
behavior:url(hover.htc);
}