/* CSS Document */

body{
margin:0px;
padding:0px;
color:#333333;
font-family:Arial;
font-size:11px;
}

#body{

width:719px;
margin:auto;
min-height:500px;
&height:500px;
}

a{
color:#006699;
text-decoration:none;
}

a:hover{
color:#003366;
}

#header{
background-image:url('../images/header.jpg');
width:719px;
height:207px;
}

#header .text{
padding-top:135px;
margin-left:60px;
font-size:9px;
line-height:14px;
}

#menu{
height:59px;
width:719px;
background-image:url('../images/menu_bg.jpg');
}

#menu .left{
float:left;
width:17px;
height:59px;
background-image:url('../images/menu_left.jpg');
}

#menu .right{
float:right;
width:18px;
height:59px;
background-image:url('../images/menu_right.jpg');
}

#menu a{
color:#333333;
font-size:12px;
line-height:56px;
text-decoration:none;
text-transform:uppercase;
background-image:url('../images/menu_divider.jpg');
background-position:right;
background-repeat:no-repeat;
display:block;
float:left;
height:59px;
padding-right:15px;
padding-left:15px;
}

#menu a:hover{
color:#158a06;
text-decoration:underline;
}

#lista{

	height:47px;
	background-image:url('../images/lista_bg.jpg');
}

#lista .left{
float:left;
width:17px;
height:47px;
background-image:url('../images/lista_left.jpg');
}


#lista .right{
float:right;
width:18px;
height:47px;
background-image:url('../images/lista_right.jpg');
}

#search{
color:#000000;
font-size:12px;
font-weight:bold;
line-height:52px;
text-transform:uppercase;
float:left;
}

#search .input{
margin-left:15px;
padding:2px;
}

#search .submit{
width:18px;
height:17px;
background-image:url('../images/search_button.jpg');
border:0px;
}

#licence_count{
float:right;
line-height:52px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
width:300px;
}

#licence_count .text{
float:left;
margin-right:10px;
}

#licence_count .text2{
float:left;
margin-left:10px;
color:#FF0000;
}

#licence_count .cislo{
background-image:url('../images/chlivecek.jpg');
float:left;
width:25px;
text-align:center;
height:25px;
line-height:25px;
margin-top:13px;
margin-left:3px;
}

#licence_count .ok_button{
width:25px;
height:27px;
background-image:url('../images/ok_button.jpg');
float:left;
margin-top:10px;
margin-left:10px;
}

#top_left{
float:left;
width:508px;
margin-top:-12px;
}

#banner_top{
width:508px;
height:135px;

background-image:url('../images/top_box.jpg');
}

#banner_top .text{
margin-left:150px;
margin-right:30px;
font-size:10px;
}

#banner_top h1{
text-transform:uppercase;
margin-left:45px;
padding-top:20px;
margin-bottom:0px;
padding-bottom:0px;
font-size:15px;
}

#banner_bottom_left{
width:257px;
height:104px;
float:left;
background-image:url('../images/box_small_left.jpg');
}

#banner_bottom_right{
width:251px;
height:104px;
float:left;
background-image:url('../images/box_small_right.jpg');
}

#lista2{
clear:both;
background-image:url('../images/lista_bg.jpg');
height:47px;
width:719px;
line-height:47px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#084b6d;
}

#lista2 .left{
float:left;
width:17px;
height:47px;
background-image:url('../images/lista_left.jpg');
}


#lista2 .right{
float:right;
width:18px;
height:47px;
background-image:url('../images/lista_right.jpg');
}

#kroky .text{
font-size:11px;
text-align:justify;
margin-top:5px;
margin-left:10px;
}

#kroky .text a{
color:#4574b7;
}

#kroky .text a:hover{
color:#003366;
}

#krok1 .image_left{
float:left;
width:207px;
height:101px;
background-image:url('../images/krok_1.jpg');
}

#kroky .box{
float:left;
width:512px;
height:102px;
background-image:url('../images/krok_bg.jpg');
}

#kroky .box .left{
width:5px;
height:102px;

float:left;
background-image:url('../images/krok_left.jpg')

}

#kroky .box .right{
width:19px;
height:102px;
background-image:url('../images/krok_right.jpg');
float:right;
}

#krok2{
clear:both;
}

#krok2 .image_left{
width:207px;
height:101px;
background-image:url('../images/krok_2.jpg');
float:left;
}


#kroky .box_high{
float:left;
width:512px;
height:132px;
background-image:url('../images/krok_vysoky_bg.jpg');
}

#kroky .box_high .left{
width:5px;
height:132px;

float:left;
background-image:url('../images/krok_left_vysoky.jpg')

}

#kroky .box_high .right{
width:19px;
height:132px;
background-image:url('../images/krok_vysoky_right.jpg');
float:right;
}



#krok3{
clear:both;
}

#krok3 .image_left{
width:207px;
height:101px;
background-image:url('../images/krok_3.jpg');
float:left;
}



#krok4{
clear:both;
}

#krok4 .image_left{
width:207px;
height:101px;
background-image:url('../images/krok_4.jpg');
float:left;
}



#krok5{
clear:both;
}

#krok5 .image_left{
width:207px;
height:101px;
background-image:url('../images/krok_5.jpg');
float:left;
}



#footer{
clear:both;
height:62px;
background-image:url('../images/footer_bg.jpg');
width:719px;
}

#footer .left{
width:15px;
height:62px;
background-image:url('../images/footer_left.jpg');
}

#footer .right{
width:18px;
height:62px;
background-image:url('../images/footer_right.jpg');
}

#footer .text {
line-height:62px;
color:#999999;
float:left;
}

#footer .links{
float:right;
line-height:62px;
text-transform:uppercase;
}

#footer .links a{
color:#999999;
font-size:9px;
}

#footer .links a:hover{
color:#666666;
}

#top_right{
background-image:url('../images/right_banner.jpg');
width:211px;
height:239px;
float:left;
}

#top_right .text{
margin-top:50px;
margin-left:30px;
line-height:22px;
font-size:9px;

}

#ref_v3 img{
display:block;
}

#ref_v3 a{
color:#336699;
}

#ref_v3 a:hover{
color:#003366;
}

#ref_v3 td{
padding-bottom:20px;
}

#technicky_popis{
font-size:11px;
margin-left:20px; 
margin-right:20px;
}

#technicky_popis p{
padding-bottom:10px;
}

#technicky_popis a{
color:#006699;
text-transform:uppercase;
line-height:20px;
}

#technicky_popis a:hover{
color:#666666;
}

#demo_odkaz{
display:block;
width:257px;
height:104px;
}

#objednavka_odkaz{
display:block;
width:250px;
height:104px;
}

li{
margin-bottom:15px;
}

#partneri td{
padding-left:30px;
}

h2{
border-left:15px solid #006699;
padding-left:15px;
border-bottom:1px solid #006699;
margin-top:30px;
}

h1{
color:#336699;
font-size:16px;
}

#o_eshopu{
margin-left:15px;
margin-right:15px;
text-align:justify;
}

#vice_zde a{
color:#006600;
font-size:12px;
}

#vice_zde a:hover{
color:#00CC33;
}

.odkaz{
clear:both;
height:120px;
border-bottom:1px solid #CCCCCC;
margin-bottom:15px;
}

.odkaz img{
margin-right:15px;
}

.odkaz a{
font-weight:bold;
}

#objednavka{
margin-left:15px;
margin-right:15px;
text-align:justify;
}

#objednavka .important{
color:#CC0000;
font-weight:bold;
}

#objednavka .obsah{
margin-left:30px;
_height:200px;
min-height:200px;
}

h3{
font-size:12px;
line-height:15px;
border-left: 10px solid #99CCFF;
border-bottom:1px solid #0099FF;
text-indent:20px;
color:#0066FF;
}

.submit {
color:#525864;
font-weight:bold;
font-size:11px;
border:1px solid #959eb1;
background-color:#c8d8fb;
padding:2px;
padding-left:5px;
padding-right:5px;
}

.submit_inactive {
color:#999999;
font-weight:bold;
font-size:11px;
border:1px solid #959eb1;
background-color:#CCCCCC;
padding:2px;
padding-left:5px;
padding-right:5px;
}

.submit_hover{
color:#333333;
font-weight:bold;
font-size:11px;
border:1px solid #959eb1;
background-color:#c8d8fb;
padding:2px;
padding-left:5px;
padding-right:5px;
cursor:pointer;
}

.navigace{
margin-bottom:15px;
}

.navigace a{
text-decoration:underline;
}

.navigace td{
height:30px;
line-height:16px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

.navigace .passed{
background-color:#CCFFCC;
border:1px solid #CCCCCC;
}

.navigace .active{
background-color:#99FF66;
border:1px solid #99CC00;
font-weight:bold;
}

.navigace .inactive{
color:#999999;
background-color:#CCFFCC;
border:1px solid #CCCCCC;
}

.success{
color:#339933;
font-weight:bold;
margin:10px;
}

.error{
color:#CC0000;
font-weight:bold;
}

#hosting th{
background-color:#99ccff;
text-align:center;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
}

#hosting td{
text-align:center;
border-bottom:1px solid #0099FF;
border-right:1px solid #0099FF;
}

#designy{
width:650px;
}

#designy td{
text-align:center;
background-color:#d0e5fb;
border-bottom:1px solid white;
padding-top:15px;
padding-bottom:15px;
}

#designy .first{
background-color:#e6f2fd;
}

#designy a img{
border:2px solid white;
}

#designy a:hover img{
border:2px solid #006699;
} 

.summary .first{
background-color:#e6f2fd;
width:130px;
text-align:right;
padding-right:20px;
font-weight:bold;
border-right:1px solid white;
}

.summary .second{
background-color:#d0e5fb;
width:160px;

}

.summary {
border:1px solid #CCCCCC;
margin-left:30px;
}

.summary td{
border-bottom:1px solid white;
}

.alert_visible{
color:#CC3300;
}

.alert_invisible{
color:#ffffff;
}