@font-face {
  font-family: 'Tahoma';
  src: url('../fonts/Tahoma.ttf'); /* IE9 Compat Modes */
  src: url('../fonts/Tahoma.ttf?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Tahoma.ttf') format('woff'), /* Modern Browsers */
       url('../fonts/Tahoma.ttf')  format('truetype'), /* Safari, Android, iOS */
}
::-webkit-input-placeholder {
   color: #d1d1d1;
}

:-moz-placeholder { /* Firefox 18- */
   color: #d1d1d1;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #d1d1d1;  
}

:-ms-input-placeholder {  
   color: #d1d1d1;  
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

.wrapper { width:960px; margin:0 auto; }

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

a:hover { text-decoration:underline; color:#06C }


body {

	line-height:1;

	font:0.8125em/1.5 Tahoma, Geneva, sans-serif;

	color:#555;

	background:#EAEAEA; }



#main {

	background:#FFF;

	width:910px;

	margin:0 auto;

	padding:25px;

	overflow:auto }


#header {

	background:#06B url('../img/hBack.gif');

	height:80px;

	overflow:auto; }

	

#logo {

	margin-top:11px;

	display:block }



#nav {

	height:36px;background:url('../img/navBack.gif');

	padding:8px 0 8px 4px }

	#nav ul {
		z-index: 9999;
	}

	#nav li {

		float:left;

		margin-right:11px; }

		

	#nav .last { margin:0px }



	#nav li a {

		color:#FFF;

		padding:8px 20px;

		display:block;

		text-transform:uppercase;

		

		-moz-border-radius:4px;

		-khtml-border-radius:4px;

		-webkit-border-radius:4px;

		border-radius:4px }

	

	#nav a:hover {

		text-decoration:none;

		background:url('../img/button.gif');

		background-position:bottom; }

		#header #right
		{
			float: right;
			margin: -50px 0 0 -10px;
		}

#bHeader {
	height:255px;
	width:620px;
	margin-bottom:25px;
	background:#FFF;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
 }

#domains {
	width: 97%;
}

#content {

	width:620px;

	margin-bottom:25px;

	float:left; }



#sidebar {

	width:265px;

	float:right; }



#sTBaner {

	height:255px;

	width:265px;

	background:#06B;

	margin-bottom:25px;

	float:right	}



#sBBaner {  }



.shoutcast {

	height:80px;

	padding:75px 15px 0;

	background:url("../img/shoutcast.png") no-repeat;

	margin-top:12px }

	

.softaculous {

	height:130px;

	padding: 30px 0px 0px 120px;

	background:url("../img/softaculous.png") no-repeat;

	margin-top:12px }



.chat {

	padding:15px;

	background:#F5F5F5;

	border:1px solid #CCC;

	margin-bottom:4px;

	padding:10px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px; }



#footer {

	background:#202020;

	color:#FFF;

	overflow:auto;

	padding:10px 0; }

	

	#footer a { color:#FFF; }



#pcks {

	margin-bottom:25px;

	height:200px;

	width:640px;

}

.pck {

	width:178px;

	float:left;

	border:1px solid #CCC;

	margin-right:10px;

	padding:10px;

	background:#F7F7F7;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

}



.pck li { font-size:0.923em; }



.pck h3 {

	color:#FB5900;

	font:1.538em Trebuchet MS, Arial, Helvetica, sans-serif;

	text-transform:uppercase;

}

.pck h4 {

	color:#06C;

	font:1.846em Trebuchet MS, Arial, Helvetica, sans-serif;

	float:right;

	margin:0 0 5px;

}



#sBBaner h3 {

	font-weight:bold;

	display:block;

}

#testimonials {

	overflow:hidden;

	border:1px solid #CCC;

	border-width:1px 0;

	clear:both;

}

.testimonial {

	font-size:0.846em;

	width:290px;

	float:left;

	margin-right:20px;

	padding-top:15px;

}

.testimonial h4 {

	color:#FFF;

	background:#555;

	padding:2px 5px;

	font-weight:bold;

	margin-bottom:10px;

}



/*.hostings {

	border:1px solid #CCC;

	padding:10px;

	margin-bottom:15px;

	background:#F7F7F7;

	overflow:auto;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px; }

		

		.hostings h3 { font:1.538em Trebuchet MS, Arial, Helvetica, sans-serif; margin-top:10px; color:#06C }

		.hostings img { float:left; margin:0 20px 0 10px; } */



.tr1 { text-align:left; border-left:1px solid #DDD; padding-left:8px; padding-right:8px }

.td1 { background:#FBFBFB }

.td2 { background:#F2F2F2 }

td { padding:5px 3px; text-align:center; border-right:1px solid #DDD }

.top1 { background:#F2F9FF }

.top2 { background:#E6F4FF }

.hd { background:#0e75cd; color:#FFF }

#hostings, #hostings2 { border-bottom:1px solid #CCC; width:100%; clear:both }

#hostings span, #hostings2 span { font-size:15px; font-weight:bold; color:#06C; margin: -2px 0; }

#hostings span.small,p.small { font-size: 10px;}

.blue { color:#06B }

.red { color:red }



h2 { color:#06B;

	font:1.538em Trebuchet MS, Arial, Helvetica, sans-serif;

	padding-bottom:3px;

	margin-bottom:10px;

	text-transform:uppercase;

	border-bottom:1px solid #E4E4E4 }



.wl {

	margin:0 15px 25px 0;

	padding:20px;

	border:1px solid #CCC;

	width:260px;

	float:left;

	text-align:center;

	min-height:580px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px; }



.wl h3 { 

	font:1.538em Trebuchet MS, Arial, Helvetica, sans-serif;

	margin-bottom:0.5em;

	padding-bottom:5px;

	border-bottom:1px solid #E4E4E4;

}



.wl p { text-align:left; }

.wl img { margin-bottom:15px; }



.bbrd { border-bottom:1px solid  }





.textfield, select, textarea, .domains 
{
	width:258px;
	padding:6px 5px;
	border:1px solid #CCC;
	margin-bottom:20px;
	display:block;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px 
}



.location

{

	margin:0px auto 0px auto;

}

.tabs_content {
	width: 892px;
	height: 110px;
	padding:10px;
	background: #0e75cd;
}

#domains label, #mkdomains label { margin-right:10px; padding-top:5px }

#domains .submit, #mkdomains .submit { padding:4px 5px; }

#mkdomains { margin-top:10px }



#res { margin-bottom:20px }

#res, #res li { clear:both }

#res form { float:right }

#res li {
	background:#EEE;
	margin-bottom:3px;
	padding:10px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	-moz-border-radius: 0 0 5px 5px;
	-khtml-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}



#res input { padding:0 15px }

	

.domains { width:150px; float:left; margin-right:10px }



.contact {

	float:left;

	width:270px;

	padding:10px;

	margin:0 20px 20px 0;

	background:#EEE;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px; }



select { width:270px }

textarea { height:132px }



.textfield, textarea { font:1em/1.5 Tahoma, Geneva, sans-serif }



.cinfo {

	float:left;

	width:270px;

	padding:10px;

	margin:0 20px 20px 0;

	background:#EEE;

	height:110px;

	-moz-border-radius:5px;

	-khtml-border-radius:5px;

	-webkit-border-radius:5px;

	border-radius:5px;

}



.cinfo h4 {

	color:#06B;

	font-weight:bold;

	border-bottom:1px solid #DDD;

	margin-bottom:10px; }

	

#uslovi {

	list-style:disc;

	padding-left:30px;

	margin-bottom:1em;

}



form p { font-weight:bold }



#nav ul li {

	float:left;

	position:relative }



#nav ul li ul {

	display:none;

	background:#212121;

	width: 98px;

	-moz-border-radius-bottomright:4px;

	-khtml-border-bottom-right-radius:4px;

	-webkit-border-bottom-right-radius:4px;

	border-bottom-left-radius:4px;

	-moz-border-radius-bottomleft:4px;

	-khtml-border-bottom-left-radius:4px;

	-webkit-border-bottom-left-radius:4px;

	border-bottom-left-radius:4px;

	-moz-box-shadow: rgba(0,0,0,.7) 0 2px 8px;

	-webkit-box-shadow: rgba(0,0,0,.7) 0 2px 8px;

	-khtml-box-shadow: rgba(0,0,0,.7) 0 2px 8px;

	box-shadow: rgba(0,0,0,.7) 0 2px 8px }



#nav ul li:hover ul {
	margin: -5px 0 0 0;
	display:block;

	position:absolute;

	top:36px;

	left:0;

	width:100px }



#nav ul li:hover ul li a { display:block }

#nav ul li ul a { width:60px; }

#nav .cmk a {

	width:160px !important;

}

#nav .cmk, #nav .cmk li {

	width:200px !important;

}



.left { float:left }

.right { float:right }

.prazno { display:none }

.lst { margin:0; }

#solution {
	height:36px;
	border-radius: 10px 10px 0 0;
	background:url('../img/navBack.gif');
	color: #fff;
	font-size: 18px;
	padding: 5px;
	text-align: center;
	margin: 5px 0 0 0;
	cursor: pointer;
}

.solution_container hr {
	height: 8px;
	width: 100%;
 	background: url(../img/stripe.png);
 	border: none;
 	margin: -5px 0 0 0;
}

.solution_container span{
	padding: 0px 10px;
}

.solution_container #solution {
	margin: 20px 0 0 0;
}

.solution_info {
	min-height: 200px;
	padding: 0 10px;
	margin: 0 0 10px 0;
	text-align: justify;
}

#portfolio {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
	position: relative;
}

.portfolio_img {
	width: 250px;
	height: 150px;
	display: inline-block;
	border: 2px solid #ccc;
	cursor: pointer;
}
.portfolio_img img {
	width: 250px;
	height: 150px;
}
#images img {
	position: absolute;
	display: none;
}

#images img:first-child{
	z-index: 3;
	display: block;
}

#portfolio_info {
	width: 620px;
	display: inline-block;
	vertical-align: top;
	padding: 0 0 0 0px;
}

	#portfolio_info hr{
		height: 8px;
		width: 100%;
 		background: url(../img/stripe.png);
 		border: none;
 		margin: 0px 0 0 10px;
	}

	#portfolio_info p {
		min-height: 60px;
		padding: 5px 0 0 10px;
	}
	#portfolio_info #title {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
	}

	#portfolio_info #title a {
		background: #999;
		color: #fff;
		font-size: 10px;
		padding: 2px 5px;
		border-radius: 5px;
		margin: 3px 0 0 0;
		text-decoration: none;
		float: right;
	}

	#portfolio_info #title a:hover {
		background: #cc4402;
	}

	#portfolio_info #tehnologii {
		padding: 0 0 0 10px;
		margin:  0 0 10px 0;
		bottom: 5px;
	}

	#portfolio_info #tehnologii img {
		margin: 0 4px 0 0;
	}

#mk-uslovi h3 
{
	margin: 10px;
	color: #06B;
	font-weight: bold;
	font-size: 14px;
}

#check 
{
	width: 100%;
	padding: 20px 0;
	margin: 10px 0;
}

#transfer_domain
{
	text-align: center;
}

#check h3 
{
	font-size: 18px;
	text-align: center;
	color: #06c;
}

#transfer_domain .tld
{
	width: 90px;
	margin-left: -10px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
#transfer_domain .domains
{
	float: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
#transfer_domain input[type=submit]
{
	color: #fff;
	padding: 5px 20px;
	font-weight: bolder;
	font-size: 16px;
	border: 1px solid #FB5800;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #FD8D05;
	background: -webkit-linear-gradient(#FD8D05, #FB5800); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#FD8D05, #FB5800); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#FD8D05, #FB5800); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#FD8D05, #FB5800); /* Standard syntax */
}
#transfer_domain input[type=submit]:hover
{
	background: #FB5800;
}
#steps
{
	width: 100%;
	font-size: 0px;
	margin: 10px 0;
}
#steps p
{
	font-size: 12px;
}
#steps h2 
{
	font-size: 20px;
}
#steps h3
{
	font-size: 20px;
	color: #FB5800;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
} 
#steps > div
{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	font-size: 14px;
}
#steps #left_side
{
	padding-right: 2%; 
}
#steps #right_side
{
	float: right;
}

#steps ol 
{ 
	color:#06c;  
}

#steps ol li 
{ 
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0 5px;
	display: list-item;
}

#steps ol li p 
{ 
	color: #555;
	padding: 5px; 
	font-size: 14px;
	font-style: normal;
	font-weight: normal; 
	border-left: 2px solid #ccc; 
}

#steps ol li p em 
{ 
	display:block; 
	font-style: italic;
	font-size: 14px;
	color: #06C;
}

#benefits
{
	margin-bottom: 25px;
}
#benefits .benefits_ul
{
	font-size: 0;
	font-size: 16px;	
}
#benefits .benefits_ul li
{
	font-size: 12px;
	width: 30.5%;
	height: 130px;
	font-size: 14px;
	text-align: center;
	padding: 5px 5px 5px 15px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
}
#benefits .benefits_ul li img
{
	display: block;
	width: 50px;
	margin: 0 auto 10px auto;
}

#benefits .benefits_ul li:hover
{
	background: rgba(255,255,255,.5);
}
#domeni_top 
{
	width: 100%;
	font-family: 'Tahoma' sans-serif;
	display: block;
}
#domeni_top #marnet 
{
	float: right;
	margin-top: 20px;
} 
#domeni_top form 
{
	width: 750px;
	position: relative;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
}
#domeni_top form input[type=text]
{
	width: 367px;
	height: 21px;
	padding: 24px 360px 24px 24px ;
	color: #0e75cd;
	font-weight: bold;
	font-size: 18px;
	margin-right: -2px;
	border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 10px #fff;
}
#domeni_top form select 
{
	width: 100px;
	padding: 9px;
	float: right;
	right: 250px;
	border: none;
	color: #062;
	border-left: 2px dashed #CCCCCC;
	position: absolute;
	border-radius: 0 5px 5px 0;
}
#domeni_top form input[type=submit]
{
	right: 0;
	color: #fff;
	float: right;
	width: 191px;
	height: 70px;
	border: none;
	font-size: 18px;
	cursor: pointer;
	margin: 0px -2px 0 0;
	font-weight: bolder;
	position: absolute;
	text-transform: uppercase;
	background: url(../img/sino.png) no-repeat;
}
#domeni_top form .success
{
	background: url('../img/zeleno.png') !important;
	display: none;
}
#domeni_top form .fail
{
	background: url('../img/crveno.png') !important;
	display: none;
}
#domeni_top #mk_domains
{
	width: 100%;
	margin-bottom: 20px;
	box-shadow: 3px 3px 5px #ccc;
}
#domeni_top #mk_domains td 
{
	height: 40px;
	vertical-align: middle;
	min-width: 70px;
}

#domeni_top #preregistracija, #whois
{
	display: none;
}
#domeni_top #tabs 
{
	width: 913px;
	font-size: 0;
	display: block;
}
#domeni_top #tabs a 
{
	width: 284px;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	font-size: 18px;
	color: rgba(255,255,255,.5);
	opacity: .5;
	text-align: center;
	font-weight: bold;
	background: #0e75cd;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
	        transition: all .5s ease-in;
}
#domeni_top #tabs a:hover 
{
	background: #0e75cd;
} 
#domeni_top #tabs a.active 
{
	opacity: 1;
	color: #fff;
	background: #0e75cd;
	-webkit-transition: all .5s ease-in;
	   -moz-transition: all .5s ease-in;
	    -ms-transition: all .5s ease-in;
	     -o-transition: all .5s ease-in;
	        transition: all .5s ease-in;
}
#domeni_top #tabs a span 
{
	display: block;
	font-size: 10px;
} 
#domeni_top #message_wrap
{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
#domeni_top #message 
{
	width: 88%;
	height: auto;
	min-height: 50px;
	padding: 10px;
	color: #0e75cd;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0 0 50px 50px;
	margin: 5px auto 0 auto;
	font-size: 18px;
	text-align: center;
	background: #F2F2F2;
	margin-top: -80px;
}
#domeni_top #message span
{
	font-size: 11px;
	display: block;
}
#domeni_top p.bigger 
{
	width: 100%;
	color: #0e75cd;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
#domeni_top p.domens
{
	font-size: 14px;
	text-align: center;
	color: #0e75cd;
	margin: 5px 0;
	font-weight: bold;
}
#domeni_top #important 
{
	font-size: 14px;
	font-weight: bold;
	color: #0e75cd;
	margin-top: -10px;
}

#whois_wrap
{
	
}
#whois_wrap table
{
	width: 700px;
	background: #fff;
	font-size: 14px;
	text-transform: none;
	margin: 10px auto 30px auto;
	border: 1px solid #fff;
}
#whois_wrap table tr
{
	padding: 5px;
}
#whois_wrap table tr td
{
	border: none;
	padding: 5px 10px;
	text-align: left;
}
#whois_wrap table tr td:first-child
{
	font-weight: bold;
	min-width: 205px;
	text-transform: uppercase;
	border-right: 1px solid #fff;
}
#whois_wrap table tr:nth-child(2n+1)
{
	background: #F2F2F2;
}
#whois_wrap table .row_2
{
	background: #0e75cd !important;
	opacity: .5;
	color: #fff;
}

#login_form
{
	margin: 20px 0; 
	border: 1px solid #ddd;
	padding: 60px 20px 10px 20px;
	background: #F7F7F7;
	box-shadow: 0px 1px 1px -1px #ccc;
	-o-box-shadow: 0px 1px 1px -1px #ccc;
	-moz-box-shadow: 0px 1px 1px -1px #ccc;
	-webkit-box-shadow: 0px 1px 1px -1px #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	text-align: center;
	font-weight: bold;
	position: relative;
}
#login_form h1 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 10px; 
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	background: #06B url('../img/hBack.gif');

}
#login_form input
{
	width: 100%;
	border: 1px solid #ddd;
	padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#login_form input:focus 
{
	border-color: #000;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #666;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #666;
    opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #666;
}
#login_form input[type=submit]
{
	width: 150px;
	padding: 10px;
	cursor: pointer;
	margin: 8px auto;
	color: #fff;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url('../img/button.gif');
	background-position: bottom;
}