body { background: url('./images/bgr.jpg') repeat-x #ececec; margin-left:auto; margin-right:auto; font-family: Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #ff7e00;}
a:hover { text-decoration: underline; color: #000;}
a:img { border: 0; }
h3 { margin: 0; padding: 0;}
p { font-size: 12px; margin: 0; padding: 0; }
h4 { font-size: 16px; margin: 9px; padding: 0; }
h2{ margin: 0; padding: 0;}
img { border: 0; }
.center { margin-left: auto; margin-right:auto; width: 971px; }
#header { margin-top: 10px; height: 144px;}
#header img { float:left; margin-bottom: 15px; }
#domainSearch { width: 366px; height: 60px; background: url(images/domein_search.png) no-repeat bottom; float:right; margin-right: 3px; margin-top: 5px; margin-bottom: 15px;}
#domainSearch .check { width: 81px; height: 40px; background: url(images/check.png) no-repeat; border: 0; margin-top: 2px; padding: 0; float: right; color: #5b5b5b; }
#domainSearch .selectd { width: 81px;  border: 0; margin-top: 13px; float: left; }
#domainSearch .dname { width: 198px; height: 40px; background: none; border: 0; margin: 0; padding-left: 2px; float: left; line-height: 40px; }

#menu { width: 990px; height: 47px; clear: both;  font-size: 9pt; margin-top: 10px; }
#menu li { display: inline-block; height: 47px; line-height: 47px; padding-left: 10px; padding-right: 10px;  }
#menu li a { color: #acacac; font-weight: bold;}
#menu .selectedl {  height: 47px; line-height: 47px; }
#menu div { float:left; }


#menu .menuleft { width: 4px; height: 47px; background: url(images/menu_left.png) no-repeat; margin-left: 3px; }
#menu .menucenter { width: auto; height: 47px; background: url(images/menu_center.png) repeat-x; }
#menu .menuright { width: 4px; height: 47px; background: url(images/menu_right.png) no-repeat; margin-right: 3px; }
#menu .cart { width: 145px; height: 47px; background: url(images/menu_center.png) repeat-x; }
#menu .cart_host { width: 140px; height: 47px; background: url(images/menu_center.png) repeat-x; }

.menu_selected a{ display:block; float:left; height:47px; padding-left: 10px; background: url(images/menu_select_left.png) no-repeat top left; color: white; line-height: 47px; }
.menu_selected a strong { display:block; float:left; height:47px; background: url(images/menu_select_right.png) no-repeat bottom right; padding-right: 10px; }

#blackhole { width: 100%; height: 386px; background: url(images/black_part.png) repeat-x bottom center; margin-top: 5px; }
#blackholeContent { margin-left: auto; margin-right: auto; width: 975px; height: 386px; }

#localPage_header { clear: both; height: 133px; }
#localPage_content { width: 660px; float: left; }
#pageTitle { width: 660px; border-bottom: 1px solid #6d6d6d;margin-bottom: 35px; padding-bottom: 17px;  }
#pageTitle h1 { margin: 0; padding: 0; color:#fff; font-weight: normal;   }
.pageTitle span { font-size: 22pt; margin: 5px; color: white; font-weight: normal; }

#localMenu { width: 660px; }
#localMenu li { display: inline-block; float:left; margin-left: 2px; }
#localMenu a{ display:block; float:left; height:45px; padding-left: 9px; background: url(images/whitemenur_left.png) no-repeat top left; color: white; line-height: 47px; color: #ebebeb; }
#localMenu a:hover { background: url(images/whitemenu_left.png) no-repeat top left; }
#localMenu a.active { background: url(images/whitemenu_left.png) no-repeat top left; }
#localMenu a span { display:block; float:left; height:45px; background: url(images/whitemenur_right.png) no-repeat bottom right; padding-right: 9px; }
#localMenu a span:hover { background: url(images/whitemenu_right.png) no-repeat bottom right; color: #555555; }
#localMenu a span.active { background: url(images/whitemenu_right.png) no-repeat bottom right; color: #555555; }

#login { width: 235px; height: 125px; float: right; margin-top: 10px; margin-right: 15px; }
#login span { color: white; }
#login a { color: white; font-size: 9pt; }
#login a:hover { text-decoration: underline; }

#content { margin-top: 20px; margin-bottom: 20px; width: 971px; }
#footerLine_info { margin-top: 20px; }
.blog_links { float:left; width: 303px; height: 41px; background: url('images/blog_links.png') no-repeat; }
.blog_links a { display: block; height: 41px; line-height: 41px; float: left; font-size: 10pt; }
.blog_links a.left { color: black; text-align:center; width: 151px; }
.blog_links a.left_inactive { background: url(images/tab_left_hover.png) no-repeat; color: #818181; text-align:center; width: 151px; }
.blog_links a.right { width: 152px; float: right; text-align:center; color: black; }
.blog_links a.right_inactive { width: 152px; float: right; text-align:center; background: url(images/tab_right_hover.png) no-repeat;  color: #818181; }
#faq { width: 100%; height: 250px; background-color: #757575; clear: both; }
#news_info { width: 301px; border-left: 1px solid #666666; border-right: 1px solid #666666; background-color: white; height: 250px; float: left; }
#blog_info { width: 301px; border-left: 1px solid #666666; border-right: 1px solid #666666; background-color: white; height: 250px; float: left; }
.faq { float:left; width: 450px; height: 30px; margin-left: 20px; margin-top: 5px; }
.blog_post { clear:both; margin-bottom: 5px; font-size: 12pt; }
.blog_date { margin: 5px; width: 82px; height: 22px; color: #707070; background: url(images/arrow.png) no-repeat; font-size: 9pt; line-height: 22px; }
.blog_post { margin: 5px; margin-left: 15px; }
.blog_post a { color: black; }
.blog_post a:hover { text-decoration: underline; }
#questions { width:970px; height: 250px;}
#questions ul { list-style: square inside url(images/larrow.png); float:left; margin: 0; padding: 0;  padding-top: 7px; }
#questions li { width: 300px; margin-bottom: 6px; }
#questions li:hover { background: url(images/marrow.png) no-repeat right; }
#questions li.activate { background: url(images/marrow.png) no-repeat right; }
#questions li a { color: white; }
#questions li a:hover { text-decoration: bold; }
.answers { width: 325px; height: 240px; background-color: #4a4a4a; color: #e1e1e1; float: left; padding: 5px; }

#blog_bottom { width: 303px; height: 13px; float:left; margin-bottom: 10px; background: url(images/blog_bottom.png) no-repeat; }

#bottom_info { width: 100%; height: 234px; clear: both; background: url(images/bottom.png) no-repeat;  }
#bottom_info .title {  padding-top: 25px; margin-left: 8px; float: left; width: 250px }
#bottom_info .pay { width: 660px; height: 50px; margin-top: 5px; margin-right: 5px; float: right; text-align:center; margin-bottom: 10px; }
#bottom_info .pay img { margin-left: 5px; margin-right: 5px; }

.forus { float: left; width: 515px; font-size: 9pt; padding: 5px; margin-bottom: 20px;}
.contact { width: 425px; float:right; padding: 5px; }
.contact img { float: left; }
.contact div { width: 306px; height: 118px; background: url(images/contact_bgr.png) no-repeat; float: right; font-size: 9pt; padding: 3px;}

#footer { clear: both; margin-top: 20px; height: 139px; background: url(images/footer_bgr.png) no-repeat; font-size: 9pt; padding: 3px; }
.footerbox {  width: 170px; float:left; color: white; }
.footerbox span { font-size: 13pt; margin-left: 5px; }
#footerInfo { width: 240px border: 1px solid green; float: right; margin-right: 5px; margin-top: 10px; color: white;}
.footerbox ul { list-style: none; float:left; margin: 0; padding: 0;  padding-top: 7px; }
.footerbox li a { color: white; display: block; padding: 5px; }
.footerbox li a:hover { color: black; background-color: #cccccc; }

.host { width: 232px; height: 316px; background: url(images/plans_bgr.png) no-repeat; float:left; margin-right: 10px; }
.paket { font-size: 9pt; margin-top: 3px; margin-left: 7px; }
.name { font-size: 24px; margin: 0; padding: 0; margin-left: 15pt; }
.pimg { float: left; margin-left: 10px; }
.price { float: right; margin-top: 5px; margin-right: 5px; }
 .cena { color: red; font-size: 24pt; font-weight: normal; }
.info { clear: both; padding: 10px; font-size: 10pt; }

/* domeins */
.domeintd { border-left: 1px solid #343434; border-right: 1px solid #484848; }
.domeintd2 { border-right: 1px solid #9a9a9a; border-left: 1px solid #6a6a6a; margin-bottom: 1px solid #717171; color: white; height: 25px; }
.ddomein { width: 444px; height: 47px; background: url(images/input1.png) no-repeat; border: 0; line-height: 47px; font-size: 18px; padding-left: 3px; }
.dcode { width: 324px; height: 45px; background: url(images/input2.png) no-repeat; border: 0; line-height: 44px; font-size: 18px; padding-left: 3px; } 
.dsearch_btn { width: 96px; height: 45px; color: black; background: url(images/checkDomain.png) no-repeat; border:0; margin-top: 30px; }
.dbottom { clear: both; width: 971px; height: 11px; background: url(images/dbottom.png) no-repeat; }
.dsearch { clear: both; height: 200px; background: url(images/domain_check.png); padding: 3px; }
.dresult { clear: both; width: 971px; height: auto; }

/* def page */
.defTop { clear: both; width: 971px; height: 15px; background: url(images/def_page_top.png) no-repeat; }
.defMiddle { clear: both; width: 965px;  background: url(images/def_page_middle.png) repeat-y; padding-left: 3px; padding-right: 3px; }
.defMiddle span{ font-size: 20px; font-weight: normal;}
.defMiddle3 { clear: both; width: 965px;  background: url(images/def_page_middle.png) repeat-y; padding-left: 3px; padding-right: 3px; }
.defMiddle3 span{ font-size: 9px; font-weight: normal;}
.defMiddle3 p{ }
.defMiddle2 { clear: both; width: 965px;  background: url(images/def_page_middle.png) repeat-y; padding-left: 3px; padding-right: 3px; }
.defMiddle2 span{ font-size: 15px; font-weight: normal;}

.defBottom {  clear: both; width: 971px; height: 15px; background: url(images/def_page_bottom.png) no-repeat; }

/* hosting */
#hosting_top { width: 971px; height: 49px; line-height: 49px; background: url(images/hosting_top.png) no-repeat right; clear: both; }
#hosting_top span { font-size: 20px; color: #636363; }
#hosting_top div { width: 726px; height: 49px; float: right; }
#hosting_top img { width: 45px; height: 39px; }

.vidusluga { font-size: 20px; color: #636363; }
#plans img {  margin-left: 10px; }
#plans span.pname { color: black; margin-right: 5px;  font-size: 13pt;}
#plans div.plan { width: 178px; float: left; line-height: 49px; text-align: center; }
#plans table { width: 155px; }

#hosting_middle { width: 971px; height: auto; clear: both; }
#hosting_left_shared { width: 230px; height: 837px; background: url(images/hosting_left.png) no-repeat; line-height: 31px; padding-left: 15px; float: left; color: white; }
#hosting_left_vps{ width: 230px; height: 402px; background: url(images/hosting_left_vps.png) no-repeat; line-height: 31px; padding-left: 15px; float: left; color: white; }
#hosting_left_reseller { width: 230px; height: 310px; background: url(images/hosting_reseller.png) no-repeat; line-height: 31px; padding-left: 15px; float: left; color: white; }
#hosting_left_dedi { width: 230px; height: 563px; background: url(images/hosting_left.png) no-repeat; line-height: 31px; padding-left: 15px; float: left; color: white; }
#hosting-right { width: 726px; float: right; border: 0; border: 1px solid black; border-top: 1px solid #d93800; }

.td_tar { text-align: center; border-color: white; height: 31px; background: url(images/td_bgr.png) repeat-x; }
.bbot{ text-align:center; height: 51px; }

	/* main vertical scroll */
	#main {
		position:relative;
		overflow:hidden;
		float: left;
		height: 250px;
		width: 990px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		height: 220px;
		width:990px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 990px;
		height: 360px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		float:left;
		cursor:pointer;
		width:990px;
		height:320px;
	}
	.item div { position: absolute; float: right; margin-left: 10px; /* background: url(img/shadow.png) no-repeat;*/ margin-top: 1px; padding: 5px; color: white; width: 6et63px; height: 189px; }
	.item span { font-size: 15pt; /*color:#000000;*/ }
	.item p { margin: 0; padding: 0; font-size: 11pt; margin-left: 7px; font-weight:bold;} 
	/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}
	/* position and dimensions of the navigator */
.navi {
	margin-left:485px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(./img/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
} 	

#footerInfo a { color: white; }
#footerInfo a:hover { text-decoration: underline; }
.articles-listing { padding-top:17px; padding-left:12px; }
.article-listing-item { padding-bottom:10px; background:url(images/articles.separator.gif) 0 0 no-repeat; background-position:bottom center; margin-bottom:5px; }
a.article-listing-title { display:block; padding-bottom:5px; color:#f2a400; }
a.article-listing-title:hover { text-decoration:underline; }
a.article-listing-more { display:block; color:#f2a400; font-size:11px; padding-top:1px; } 
.articles-listing div.titles-only {  width:650px; }


.bottom{
margin-top:50px;
   bottom:0;
   right:0;
   width:100%;
   position:fixed;
}

.stripbg03pos{ background:url(images/stripbg3.png) no-repeat; width:945px; height:129px;}
.strip03pass { position:absolute; height:20px; text-align:left;}
.txtpos { margin-left:20px;  width:120px;}
.txtpos1 { width:150px; }
.txtpos2 { margin-left:230px; margin-top:-224px; width:120px; }
.txtpos3 { margin-left:480px; margin-top:-312px; width:120px; }

.TextBlock { text-align:justify; padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; }
.TxtBox { border:solid 1px; border-color:#999999; height:20px; }
.Btn01 { border:solid 1px; border-color:#999999; height:25px; width:100px; background-color:#ff9900; color:#FFFFFF; font-weight:bold; }
.Btn02 { border:solid 1px; border-color:#999999; height:25px; width:100px; background-color:#99cc00; color:#FFFFFF; font-weight:bold; }
.tooltip {
 display:none;
 background:url(img/white_big.png);
 height:160px;
 padding:20px 30px 10px 30px;
 width:300px;
 font-size:12px;
 color:#000;
 z-index:99;
}

#menu1 { width: 990px; height: 47px; clear: both;  font-size: 9pt; margin-top: 10px; }
#navtop{background-image:url(img/bg-navtop.png); background-repeat:no-repeat; background-position:top; height:50px; position:relative; z-index:100;}


#topnav, #topnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em; 
}
#topnav{padding:0px 13px 0px 13px;}
#topnav a{
	display:block;
	padding:0px 0px;
	color:#acacac;
	text-decoration:none;
	text-transform:uppercase;
	width:93px;
}

#topnav a.current{ background-image:url(img/bg-navlink.gif);  color:#ffffff; background-repeat:no-repeat; }

#topnav a:hover{
	background-image:url(img/bg-navlink.gif); color:#ffffff; background-repeat:no-repeat; 
}

#topnav li a:hover {
	background-image:url(img/bg-navlink.gif);  color:#ffffff; background-repeat:no-repeat; 

}
#topnav li:hover a, 
#topnav li.sfHover a {
	background-image:url(img/bg-navlink.gif);  color:#000000; background-repeat:no-repeat; 
}
#topnav li:hover ul a:hover, 
#topnav li.sfHover ul a:hover {
	background-image:url(img/bg-navlink.gif);  color:#000000; background-repeat:no-repeat; 
}


#topnav li{
	float:left;
	position:relative;
	padding-left:0px;
	padding-right:0px;
	line-height:50px;
	padding-bottom:4px;
	padding-top:0px;
	font-size:12px;
	text-align:center;
	margin-right:2px;
	
	
}

#topnav li#home{background-image:none;}

#topnav li li{
	padding-right:0px;
	text-transform:capitalize;
	line-height:25px;
	padding:0px 0px;
	background-image:none;
	
}

#topnav ul {
	position:absolute;
	display:none;
	width:190px;
	top:3.3em;
	left:0px;
	background-color:#fff;
	padding-bottom:29px;
	border:solid 1px #e99719;
	border-width:0px 1px 1px 1px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

#topnav li ul a{
	width:144px;
	height:auto;
	margin:0 13px;
	padding:3px 10px 0px 10px;
	text-transform:capitalize;
	border-bottom:solid 1px #f4f5f5;
	text-align:left;
	color:#a1a1a1
	
}

#topnav li ul a, #topnav li ul a:hover{background-image:none !important; }

#topnav li ul a:hover{}

#topnav ul ul{
	top:0px;
}	

#topnav li ul ul {
	left:12em;
	margin:0px 0 0 0px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{
	display:none;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{
	display:block;
}