@charset "utf-8";

* {
margin:0px;
padding:0px;
 
outline:   none;
}

body {
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#cdcfd1;
	text-align:center;
 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	margin-bottom:65px;

}
table, form {
color:#333333;
font-size:13px;
}
 
h1 {
	margin-bottom:20px;
	font-size:30px;
}
h2 {
	margin-bottom:15px;
	font-size:18px;
}
h3 {
	margin-bottom:15px;
	font-size:16px;
 
}
a:link, a:visited { 
	text-decoration:none; color:#333; 	
}
a:hover, a:active { 
	text-decoration:underline; color:#333;
}

#obal {
	position:relative;
	width:925px;
	margin:auto;
	text-align:left;
 
}
#top {
	position:relative;
	width:100%;
	margin-top:21px;
	 

}
#logo {
	position:relative;
	float:left;
 

}
#sluzby-logo {
	position:relative;
	float:left;
	background-image:url(../img/webstranky.gif);
	background-repeat:no-repeat;
	width:224px;
	height:62px;
 

}
 
ul#menu-top {
	position:relative;
	float:right;
	font-weight:bold;
	margin-top:43px;
 
}
ul#menu-top li {
	position:relative;
	display:inline;
margin-left:20px;
	float:left;
 
}
ul#menu-top .active1:link, ul#menu-top  .active1:visited {
	 color:#ffffff;
}
 

ul#menu-top a:link, ul#menu-top a:visited { 
	text-decoration:none; color:#c1c1c1; 	
}
ul#menu-top a:hover, ul#menu-top a:active { 
	text-decoration:none; color:#ffffff;
}


#domcek {
	position:relative;
	float:left;
	width:14px;
	height:14px;
	background-image:url(../img/home.gif);

}
#domcek:hover, .domactive {
	background-position:-14px;

}
#domcek span {
	 display:none;
}
 
li {
	list-style-type:none;
}

#faded {  width:925px;  overflow:hidden; background-image:url(../img/img1.jpg); position:relative; clear:both; margin-top:8px; float:left;}
#faded .rap {overflow: hidden; height:273px; width:925px;   position:relative; z-index:1}


ul.pagination { position:absolute; z-index:2; margin-top:-27px; padding-left:852px; width:120px; background:url(../img/blank.gif) no-repeat}
ul.pagination li {float:left; position:relative; padding-right:5px; font-size:0;}
ul.pagination li a {background:url(../img/button.png) no-repeat; height:11px; width:11px; display:block;}
ul.pagination li a:hover, ul.pagination li.current a { background:url(../img/button_active.png) no-repeat;}

.tien {
	position:relative;
 
	clear:both;
	width:925px;
	height:27px;
	background-image:url(../img/tien.png);
	background-repeat:no-repeat;
}
#pasiktopmain {
	position:relative;
	clear:both;
	height:3px;
	width:925px;
	background-image:url(../img/main_border_top.gif);
	background-repeat:repeat-x;
	font-size:0px;
}
#main {
	position:relative;
	clear:both;
	background-image:url(../img/bg_left_col.jpg);
	background-repeat:repeat-y;
	width:100%;
 
	background-color:#eeeeee;
	color:#333333;
	padding-bottom:35px;


}
.clearfix {
	position:relative;
	clear:both;
}
#stlpec-left {
	position:relative;
	float:left;
	width:267px;
 
	 margin-top:11px;
 
}
#stlpec-right {
	position:relative;
	 margin-top:30px;
 
	margin-left:300px;
 
	margin-right:40px;
	padding-bottom:40px;
 
 
 
 
}
#menuleft {
 
	margin-left:-13px;

 
	

}
#menuleft li {
	margin-top:3px; 
	position:relative;
	float:left;
	clear:both;
}
 
#menuleft a#menu1, #menuleft a#menu2, #menuleft a#menu3, #menuleft a#menu4  {
	position:relative;
	display:block;
	height: 69px;
	width: 290px;
	cursor:pointer;
	background-repeat:no-repeat;
	 
}
#menuleft a#menu1, #menuleft a#menu1 span.hover {
	background-image:url(../img/menu1.jpg);
}
#menuleft a#menu2, #menuleft a#menu2 span.hover {
	background-image:url(../img/menu2.jpg);
}
#menuleft a#menu3, #menuleft a#menu3 span.hover {
	background-image:url(../img/menu3.jpg);
}
#menuleft a#menu4, #menuleft a#menu4 span.hover {
	background-image:url(../img/menu4.jpg);
}

 
#menuleft a span, #button-cennik a span, #button-kontakt a span {
	display:none;
}
#menuleft a span.hover,  .active {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 69px;
	width: 290px;
	background-repeat:no-repeat;
	background-position:0px -69px;
}

 
.links li {
	 display:inline;
	 
}

#button-cennik, #button-kontakt, #button-referencie, #button-sluzby, #button-news {
	background-position:0px 0px;
	position:relative;
	float:left;	margin-right:6px;
}
#button-cennik, #button-cennik span.hover {
	background-image:url(../img/cenova-kalkulacia.gif);
	width:208px;
	height:43px;
}
#button-kontakt, #button-kontakt span.hover {
	background-image:url(../img/kontakt.gif);
	width:106px;
	height:43px;
}	
 #button-referencie, #button-referencie span.hover {
	background-image:url(../img/referencie.gif);
	width:135px;
	height:43px;
}	
 #button-sluzby, #button-sluzby span.hover {
	background-image:url(../img/sluzby.gif);
	width:93px;
	height:43px;
}	
 #button-news, #button-news span.hover {
	background-image:url(../img/newsletter.gif);
	width:131px;
	height:43px;
}	
  #button-kontakt span.hover, #button-cennik span.hover, #button-referencie span.hover, #button-sluzby span.hover, #button-news span.hover {
 
	display: block;
		background-position:0px -43px;
 
}
#button-cennik span, #button-referencie span, #button-kontakt span, #button-vytvoritweb span, #button-upravitweb span, #button-vytvoritweb-uvod span, #button-upravitweb-uvod span, #button-sluzby span, #button-news span {
	display:none;

}

ul#uvod-vyber {
	 position:relative;
	 height:45px;
	 margin-top:20px;
 
	
}



ul#cenova li, ul#uvod-vyber li,  {
	 display:inline;

 
	 
}

#button-vytvoritweb, #button-upravitweb {
	background-position:0px -76px;
 
	position:relative;
 	float:left; 
	margin-right:1px;
		width:279px;
	height:76px;
	cursor:pointer;
}
#button-upravitweb, #button-upravitweb span.hover {
	background-image:url(../img/upravit-web.png);
 	width:279px;
	height:76px;
}
#button-vytvoritweb, #button-vytvoritweb span.hover {
	background-image:url(../img/vytvorit-web.png);
 	width:279px;
	height:76px;
}	
 
  #button-vytvoritweb span.hover, #button-upravitweb span.hover, ul#cenova li a.active-cenova {

	display: block;
		background-position:0px 0px;
 
}
 


#button-vytvoritweb-uvod, #button-upravitweb-uvod {
	background-position:0px 0px;
 
	position:relative;
 	float:left; 
	margin-right:5px;
		width:199px;
	height:45px;
	cursor:pointer;
}
#button-upravitweb-uvod, #button-upravitweb-uvod span.hover {
	background-image:url(../img/upravit-uvod.gif);
 	width:199px;
	height:45px;
}
#button-vytvoritweb-uvod, #button-vytvoritweb-uvod span.hover {
	background-image:url(../img/vytvorit-uvod.gif);
 	width:199px;
	height:45px;
}	
 
  #button-vytvoritweb-uvod span.hover, #button-upravitweb-uvod span.hover {

	display: block;
		background-position:0px -45px;
 
}

 

.cislo {
	color:#aaaaaa;
	font-size:43px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:40px;
	position:relative;
	float:left;
	top:-13px;
	
	
 
 
 

}
 
ol#precomy p {
 
	padding-left:40px;
}
ol#precomy li {
	position:relative;
	border:1px solid #eeeeee;
	margin-bottom:20px;
	

}

ul#precomy2 {
	margin-top:20px;
	margin-bottom:10px;
}
ul#precomy2 li {
	margin-bottom:4px;
}
ul#precomy2 li img {
	margin-right:10px;
}


ol#postup-tvorby {
	margin-left:90px;

 

}
ol#postup-tvorby li {
 
	margin-top:15px;
	
 
 

}

ol#dovody li {
	margin-left:20px;
	list-style-type:decimal;
	list-style-position:outside;
	margin-top:25px;
}
ol#dovody p {
 
	margin-top:15px;

}
ol#cisla li {
		list-style-type:decimal;
	list-style-position:inside;
}
ul#seo_odpovede   {
	padding-left:55px;
	background-image:url(../img/dec1.gif);
	background-repeat:no-repeat;
	background-position:left center;

}
ul#seo_odpovede li {
	margin-bottom:10px;

}
.inpkont {
	border:1px solid #c1c1c1;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
 
	padding: 5px 6px 5px 6px;

}
textarea {
	overflow:auto;
 
}



.box {
 position:relative; 
 float:left;  
 width:559px;
 margin-top:10px;
 background-color:#f7f7f7;
 
	border:1px solid #dfdfdf;
  -moz-border-radius: 6px; /* Firefox */
  -webkit-border-radius: 6px; /* Safari and Chrome */
  border-radius: 6px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

/*  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
  /*-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
  /*box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
 

  behavior: url(img/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.margin20 {
	position:relative; 
	margin:20px;
}
.margintop {
 
	margin-top:30px;
}
.tablecennik  {
	width:515px;
 

}
.tablecennik td {
	padding:10px 0px 10px 20px;
 

}
label {
	cursor:pointer;
}
#zahrnute {
	margin-top:10px;
	list-style-position:inside;
	margin-bottom:20px;
	margin-left:15px;
}
#zahrnute li {
	list-style-type:circle;

}
.tooltip{
	position:absolute;
	left:-2000px;
	width:380px;
 
 
 
	background-color:#242424;
	padding:10px 15px;
 
 
	text-align:left;
}


 
ul#ref {
	position:relative;
	float:right;
	margin-top:-60px;
 
 
	 
 
 

} 
ul#ref li {
	position:relative;
	float:left;
	margin-left:4px;
	font-size:12px;
}
 
.bluebutt1 {
	height:32px;
	position:relative;
	float:left;
 
	background-image:url(../img/leftbg.png);
 
	background-repeat:no-repeat;
	background-position: left -32px;
 
}
.bluebutt2 {
	height:32px;
	position:relative;
	float:left;
	background-image:url(../img/rightbg.png);
	background-position: right -32px ;
 
 
	background-repeat:no-repeat;
 
}
 
 
.bluebutt1:hover, .ref1act    {
	background-position: left top;
}
.bluebutt2:hover, .ref2act  {
	background-position: right top;
}

 
 
ul#ref li a {
	color:#FFF;
	text-decoration:none;
 
}
.ods {
	position:relative;
	float:left;
	
	padding:8px 15px;

}
.refthumb {
	position:relative;
	float:left;
	border:0px;
 
	margin-right:17px ;
	margin-bottom:40px;
 
	width:284px;

 

}
.refthumb a:link, .refthumb a:hover, .refthumb a:active, .refthumb a:visited {
		text-decoration:none;

}
.refthumb img {
	margin-bottom:5px;
	

	

}
 
 
.lupa {
	 
	z-index:10;
	width:69px;
	height:70px;
	left:110px;
	top:15px;
	cursor:pointer;
 
	position:absolute;
 
 

}
#copy {
	color:#808080;
	position:relative;
	float:right;
	font-size:11px;
	margin-top:-16px;

}
a {
	cursor:pointer;

}
.deliaca {
	position:relative;
	margin-bottom:25px;
	font-size:2px;
 
	border-top: 1px solid #dcdcdc;

}
 .okzoznam li {
	
	padding-left:28px;
	position:relative;
 
	background-image:url(../img/ok.gif);
	background-repeat:no-repeat;
	background-position:left center;

}
.services li {
	
	padding-left:20px;
	position:relative;
	margin-left:3px;
	background-image:url(../img/bullet_blue.gif);
	background-repeat:no-repeat;
	background-position:left center;

}
.mar li {
	margin-bottom:5px;
}