html {background-image: none;}	
body {	
	background-image: none;		
	font-family: 'ArealRNIDS',Arial,sans-serif;	
	text-align: left;	
	font-weight: normal;	
	background:#fff;
}	
a {color: #D02433;}	
@font-face {	
    font-family: 'ArealRNIDS';	
    font-weight: normal;	
    font-style: normal;	
}	
input[type="text"], input[type="password"], input[type="number"] {	
    padding: 0.6em 0.75em;	
    line-height: 1.4em;	
    color: #555;	
    background-color: #fff;	
    border: 1px solid #ccc;	
    border-radius: 4px;	
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	
    margin-bottom: 5px;	
    	
    -webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;	
}	
input[type="submit"] {	
    width: auto;	
    color: #FFF;	
    font-weight: bold;	
    text-align: center;	
    border: 1px solid #08669c;	
    background-color: #08669c;	
    cursor: pointer;	
    float: right;	
    	
    -webkit-box-sizing: border-box;	
	-moz-box-sizing: border-box;	
	box-sizing: border-box;	
}	
select {	
	width: 225px;	
	padding: 6px;	
    font-size: 14px;	
    line-height: 1.4em;	
    color: #555;	
    background-color: #fff;	
    background-image: none;	
    border: 1px solid #ccc;	
    border-radius: 4px;	
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	
    margin-bottom: 5px;	
}	
.xs-width { width: 80px; }	
.s-width { width: 100px; }	
.m-width { width: 150px; }	
.l-width { width: 200px; }
.xl-width { width: 300px; }
.full-width { width: 100%; }

#openCart {/*border: 1px solid #ff9924;*/box-sizing: border-box;}

img#kepcha {	
	border: none;	
	width: 200px;	
	height: 50px; 	
	margin: 10px 0 0 18%;	
}	
img#ahcpek {	
	border: none;	
	width: 200px;	
	height: 50px; 	
	margin: 10px 0 0 18%;	
}	
img#regkepcha {	
border: none;	
width: 140px;	
height: 40px;	
position: absolute;	
margin-top: -35px;	
margin-left: -30px;	
}	
img#adslkepcha {	
border: none;	
width: 140px;	
height: 40px;	
position: absolute;	
margin-top: -34px;	
margin-left: 335px;	
}	
img#adslahcpek {	
border: none;	
width: 140px;	
height: 40px;	
margin-top: -34px;	
margin-left: 340px;	
}	
img#wifikepcha {	
border: none;	
width: 140px;	
height: 40px;	
position: absolute;	
margin-left: -7%;	
margin-top: -32px;	
}	
img#wifiahcpek {	
border: none;	
width: 140px;	
height: 40px;	
margin-top: -5px;	
margin-left: -7%;	
}	
img#vpskepcha {	
border: none;	
width: 140px;	
height: 40px;	
position: absolute;	
margin-left: 3%;	
margin-top: -35px;	
}	
img#vpsahcpek {	
border: none;	
width: 140px;	
height: 40px;	
margin-top: 5px;	
margin-left: 17%;	
}	
img#mailHostingkepcha,img#mailHostingahcpek {	
border: none;	
width: 140px;	
height: 40px;	
position: absolute;	
margin-left: 85px;	
margin-top: -42px;	
}	
.tdLabel {font-family: 'ArealRNIDS',Arial,sans-serif; text-align: right; vertical-align: middle;}	
.checkboxLabel {font-family: 'ArealRNIDS',Arial,sans-serif;	font-size: 12px;}	
.required {color: #d00; font-size: 18px; font-weight: bold; margin: 0 2px;}	
.eulaLink {text-decoration: none; color: #555; font-weight: normal;}	
.eulaLink:hover {text-decoration: underline; color: color: #333;}	
/* .wwFormTable {width: 90%;} */	
div.nicetitle {display: none;}	
#main  {padding-top: 0;}	
#MainTable  {width: 100%;}	
#MainTable th {text-align: center;}	
 div#pop-up {	
	  display: none;	
	  position: absolute;	
	  width: 520px;	
	  padding: 10px;	
	  background: #eee;	
	  color: #000;	
	  border: 1px solid #1a1a1a;	
	  font-size: 90%;	
	}	
.textfield {	
	width: 280px;	
	padding: 6px;	
	margin-bottom: 5px;	
	font-size: 14px;	
	border: 1px solid #ccc;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;	
}	
.select {	
	width: 293px;	
	height: 31px;	
	padding-top: 5px;	
	padding-bottom: 5px;	
	padding-left: 3px;	
	padding-right: 3px;	
	font-size: 14px;	
	border: 1px solid #ccc;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;	
}	
.newTextfield	{	
	width: 90%;	
	padding: 6px;	
	line-height: 1.4em;	
	color: #555;	
	background-color: #fff;	
	background-image: none;	
	border: 1px solid #ccc;	
	border-radius: 4px;	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	
	margin-bottom: 5px;	
}	
.newSelect	{	
	width: 93%;	
	padding: 6px;	
	font-size: 14px;	
	line-height: 1.4em;	
	color: #555;	
	background-color: #fff;	
	background-image: none;	
	border: 1px solid #ccc;	
	border-radius: 4px;	
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);	
	margin-bottom: 5px;	
}	
.newCheck	{	
	width: 16px;	
	height: 16px;	
}	
.selectPeriods, .selectFacturePeriods, .selectHostingPeriods {	
	border: 1px solid #ccc;	
	-moz-border-radius: 3px; 	
	-webkit-border-radius: 3px; 	
	border-radius: 3px;		
	width: 100px;	
	height: 28px;	
	padding: 2px;		
}	
.label , .errorLabel {		
	font-family: 'ArealRNIDS',Arial,sans-serif;
	font-size: 13px;	
	line-height: 20px;	
	color: #333;	
	font-weight: normal;	
	vertical-align: top;	
}	
#package_highlight {/*background-color: #fff;*/ padding: 4px; color: #000;font-size: .9em;}	
#package_highlight:hover {/*background-color: #efefef;*/ padding: 4px;font-size: .9em;}	
.package_highlight {/*background-color: #fff;*/ padding: 4px; color: #000;font-size: .9em;}	
.css3button, .backToKorpa {	
display: inline-block;	
padding: 5px 10px;	
font-family: 'ArealRNIDS',Arial,sans-serif;	
color: #333;	
text-shadow: none;	
background: #dddddd url(../img/beotel_button_bg.png) 0 -201px no-repeat;	
white-space: nowrap;	
overflow: visible;	
cursor: pointer;	
text-decoration: none;	
border: 1px solid #999;	
-webkit-border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-background-clip: padding-box;	
border-radius: 3px;	
}	
a.css3button {color: #333;}	
.active {color: #c60!important;font-weight:bold;text-align:center;}	
.simple_button { /* kod pretrage domena */	
display: inline-block;	
padding: 7px 10px;	
font-family: 'ArealRNIDS',Arial,sans-serif;		
color: #333 !important;	
text-shadow: none;	
background: #dddddd url(../img/beotel_button_bg.png) 0 -201px no-repeat !important;	
white-space: nowrap;	
overflow: visible;	
font-weight: normal !important;	
font-size: 1em;	
cursor: pointer;	
text-decoration: none;	
border: 1px solid #999 !important;	
-webkit-border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-background-clip: padding-box;	
border-radius: 3px;	
box-sizing: border-box;	
}	

.underlined {text-decoration: underline!important;display:inline!important;}

@media screen and (max-width: 600px) {	
	.simple_button {display:block; width: 100%!important;float:none !important;}	
	.orangeButton {width:100%; margin: 10px 0;}	
	.blueButton {margin: 15px 0!important;}	
		
}	
@media screen and (min-width: 601px) {	
	.simple_button {max-width: 170px !important;position:relative;}	
}	
.css3button:hover, .backToKorpa:hover, .simple_button:hover  {background-position: 0 -242px !important;}	
.blueButton, .orangeButton {	
display: inline-block;	
padding: 6px 10px 4px 10px !important;	
font-family: 'ArealRNIDS',Arial,sans-serif;	
color: #fff;	
text-shadow: none;	
white-space: nowrap;	
overflow: visible;	
cursor: pointer;	
text-decoration: none;	
-webkit-border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-background-clip: padding-box;	
border-radius: 3px;	
font-size: 15px !important;	
}	
.blueButton, .orangeButton {background: #ECECEC url(../img/beotel_button_bg.png) 0 -40px repeat-x;border: 1px solid #4c7fbf;}	
.blueButton:hover {background-position: 0 -81px;}	
.orangeButton {background: #ECECEC url(../img/beotel_button_bg.png) 0 -280px no-repeat;border: 1px solid #ff9e0e;}	
.orangeButton:hover {background-position: 0 -321px;}	
#checking {position: absolute;margin-top: -30px;left: 45%;}	
select {padding: 5px;}	
input:focus, select:focus {	
	border: 1px solid #ffd36e;	
	outline: 0;	
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 211, 110, 0.6);	
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 211, 110, 0.6);	
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 211, 110, 0.6);	
}	
.webPackageTable {	
	padding: 0;	
	margin: 0;	
}	
.webPackageTable table, .hostingPackageTable table{	
/* 	width:678px; */	
	width: 100%;		
	height:100%;	
	margin:0px;	
	padding:0px;	
	font-size: 13px;	
	border-collapse: collapse;	
}	
.webPackageTable table tr, .hostingPackageTable table tr{	
	background-color: #fbfbfb;	
}	
.webPackageTable table td, .hostingPackageTable table td{	
	border-collapse: collapse;	
	text-align: center;	
}	
.webPackageTable th {	
	text-align: center;	
	border: 1px solid #ccc;	
	border-collapse: collapse;	
	background-color: #fff1d1;	
	background-repeat:no-repeat;	
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fffaf0),color-stop(25%,#fffaf0),to(#fff1d1));	
	background-image:-webkit-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-moz-linear-gradient(top,#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-ms-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-o-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaf0',endColorstr='#fff1d1',GradientType=0);	
	padding: 2px 4px;	
	vertical-align: middle;	
	height: 30px;	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
	font-size: 13px;		
}	
.hostingPackageTable th {	
	text-align: center;	
	border: 1px solid #ccc;	
	border-collapse: collapse;	
	background-color:#bbe0f9;	
	background-repeat:no-repeat;	
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(25%,#ffffff),to(#bbe0f9));	
	background-image:-webkit-linear-gradient(#ffffff,#ffffff 25%,#bbe0f9);	
	background-image:-moz-linear-gradient(top,#ffffff,#ffffff 25%,#bbe0f9);	
	background-image:-ms-linear-gradient(#ffffff,#ffffff 25%,#bbe0f9);	
	background-image:-o-linear-gradient(#ffffff,#ffffff 25%,#bbe0f9);	
	background-image:linear-gradient(#ffffff,#ffffff 25%,#bbe0f9);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#bbe0f9',GradientType=0);	
	padding: 12px 4px;	
	vertical-align: middle;	
	height: 28px;	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
	font-size: 13px;		
}	
.webPackageTable td, .hostingPackageTable td{	
	vertical-align:middle;	
	text-align:center;	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
	font-weight:normal;	
	color:#000000;	
	font-size: 13px;	
	border: 1px solid #CCC;	
	border-collapse: collapse;	
	height: 30px;	
	border-collapse: collapse;	
}	
.webPackageTable td {padding: 5px;}	
.hostingPackageTable td {padding: 12px 4px;}	
.webPackageTable tr th:last-child{	
padding: 0;	
}	
.webPackageTable tr td:last-child{	
padding: 0;	
}	
.buttonClass {	
display: inline-block;	
padding: 6px 10px;	
font-family: 'ArealRNIDS',Arial,sans-serif;		
color: #fff;	
text-shadow: none;	
background: #59b22a url(../img/beotel_button_bg.png) 0 -121px no-repeat;	
white-space: nowrap;	
overflow: visible;	
cursor: pointer;	
text-decoration: none;	
border: 1px solid #ffffff;	
-webkit-border-radius: 3px;	
-moz-border-radius: 3px;	
-webkit-background-clip: padding-box;	
border-radius: 3px;	
}	
.buttonClass:hover {background-position: 0 -162px;}	
#buttonsDiv  {vertical-align: top;}	
#buttonsDiv a  {margin: 0;}	
.otherDomain {color: #B0232B;}	
.otherDomain:hover {color: #333; text-decoration: underline;}	
#hostingOrder {	
	display: none;	
	border-top: 1px dotted #ccc;	
	border-bottom: 1px dotted #ccc;	
	padding: 0 10px 20px 105px;	
	margin: 0 0 20px 0;	
	background-color: #fff1d1;	
	background-repeat:no-repeat;	
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#fffaf0),color-stop(25%,#fffaf0),to(#fff1d1));	
	background-image:-webkit-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-moz-linear-gradient(top,#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-ms-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:-o-linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	background-image:linear-gradient(#fffaf0,#fffaf0 25%,#fff1d1);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaf0',endColorstr='#fff1d1',GradientType=0);	
	width: 565px;			
}	
.highlightable {		
	margin-top: 20px;	
	background-color: #f2f2f2;	
    font-size: 19px;	
    font-weight: normal;	
    color: #666666;	
    padding: 5px;	
    z-index: 5;	
    text-align: left;	
    width: 100%;	
}	
.highlightable td {vertical-align:middle;word-break:break-all;word-break: break-word;}	
#treperi {/*background-color: #fff1d1;*/ font-weight: bold;}	
.highlightable:hover {background-color: #eeeeee;}	
.greskaMessage {color: #f00; font-size: 12px;}	
#eulaDiv {		
	display: none;	
	position: absolute;	
	top: 50px; 	
	left: 50px; 	
	right: 50px; 	
	bottom: 50px; 	
	border: 2px solid #B0232B;	
	overflow-y: scroll; 	
	overflow-x: hidden; 	
	padding: 8px; 	
	font-size: 12px;	
	background-color: #fff1d1;	
	background-repeat:no-repeat;	
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(25%,#ffffff),to(#fff1d1));	
	background-image:-webkit-linear-gradient(#ffffff,#ffffff 25%,#fff1d1);	
	background-image:-moz-linear-gradient(top,#ffffff,#ffffff 25%,#fff1d1);	
	background-image:-ms-linear-gradient(#ffffff,#ffffff 25%,#fff1d1);	
	background-image:-o-linear-gradient(#ffffff,#ffffff 25%,#fff1d1);	
	background-image:linear-gradient(#ffffff,#ffffff 25%,#fff1d1);	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#fff1d1',GradientType=0);	
}	
#eulaDiv h4, #eulaDiv h3 {color: #B0232B;}	
#tooltip	
{	
    text-align: center;	
    color: #444;	
    border-top: 1px solid #dddddd;	
    border-left: 1px solid #dddddd;	
    border-right: 1px solid #dddddd;	
    border-bottom: 1px solid #dedede;	
	background-color: #eeeeee;	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#eeeeee',GradientType=0);	
	background-repeat:no-repeat;	
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),color-stop(25%,#ffffff),to(#eeeeee));	
	background-image:-webkit-linear-gradient(#ffffff,#ffffff 25%,#eeeeee);	
	background-image:-moz-linear-gradient(top,#ffffff,#ffffff 25%,#eeeeee);	
	background-image:-ms-linear-gradient(#ffffff,#ffffff 25%,#eeeeee);	
	background-image:-o-linear-gradient(#ffffff,#ffffff 25%,#eeeeee);	
	background-image:linear-gradient(#ffffff,#ffffff 25%,#eeeeee);	
    position: absolute;	
    z-index: 100;	
    padding: 8px;	
}	
#tooltip:after /* triangle decoration */ {	
    width: 0;	
    height: 0;	
    border-left: 10px solid transparent;	
    border-right: 10px solid transparent;	
    border-top: 10px solid #dedede;	
    content: '';	
    position: absolute;	
    left: 50%;	
    bottom: -10px;	
    margin-left: -10px;	
}	
#tooltip.top:after {	
    border-top-color: transparent;	
    border-bottom: 10px solid #dedede;	
    top: 0;	
    bottom: 0;	
}	
#tooltip.left:after {	
    left: 10px;	
    margin: 0;	
}	
#tooltip.right:after {	
    right: 10px;	
    left: auto;	
    margin: 0;	
}	
.lilHeader {	
	color: #575757;	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
	font-weight: normal;	
	padding: 7px 14px;	
	background-color: #eee;	
	border-bottom: 1px solid #B0232B;	
	/*position: absolute;*/	
	font-size: 17px;	
/* 	width: 653px; */	
/*	width: 100%;*/	
/* 	left: 0; */	
	/*left: 10px;*/	
}	
.lilHeaderAdsl {	
color: #575757;	
font-weight: normal;	
padding: 15px;	
background-color: #fff;	
position: absolute;	
font-size: 18px;	
left: 0;	
}	
.disabledLink {opacity: 0.5;cursor: not-allowed;pointer-events: none;}	
.basicHeader {	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
	font-size: 16px;	
	font-weight: normal;	
	margin: 30px 0 15px 0;	
	color: #575757;	
	z-index: 5;	
	padding: 0;	
}	
.largeHeader {	
	font-family: 'ArealRNIDS',Arial,sans-serif;	
	font-size: 22px;	
	font-weight: normal;	
	margin: 30px 0 20px 0;	
	color: #575757;	
	z-index: 5;	
}	
.price {color: #fff; font-size: 16px; font-weight: bold; padding: 8px; background-color: #1c9fd8; text-align: right;}	
.priceTotal {color: #ab203d; font-size: 18px; font-weight: bold; padding-top: 8px; padding-bottom: 2px;}	
.domainsCost_facture {color: #fff; font-size: 16px; text-align: center;}	
.vatIncluded {color: #fff; font-size: 11px; font-weight: normal;}	
.fullName {color: #007bcd;}	
.resizableDivOnlinePayment {	
	padding: 25px;	
	width: 310px;	
	font-family: arial;	
	font-size: 14px;	
	text-align: center;	
	color: #000;	
	background: #FFF;	
	border: 1px solid #aaaaaa;	
	position: absolute;	
	z-index: 505;	
	display: none;	
	top: 30px;	
	left: 70px;			
}	

.uspesno, .neuspesno {	
	display: block;	
	font-weight: bold;	
	font-size: 11pt;	
	padding: 5px 0px;	
}	
.uspesno {	
	color: #0c0;	
	border-bottom: 1px dotted #0c0;	
}	
.neuspesno {	
	color: #c00;	
	border-bottom: 1px dotted #c00;	
}	
.appTable	{background: #fff url(../img/bg-adsl-app-td.jpg) repeat-x bottom center; width: 640px; border-collapse: collapse; border: 1px solid #ccc; }	
.appTable th	{padding: 12px 0 0 0; width: 160px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 17px; font-weight: normal;}	
.appTable td	{	
	padding: 12px 0 0 0; 	
	width: 160px; 	
	text-align: center; 	
	border-left: 1px solid #ccc; 	
	border-right: 1px solid #ccc;	
}	
.innerTable {border: none; width: 100%;}	
.innerTable th	{text-align: center; border: none;}	
.innerTable td	{text-align: center; border: none;}	
.innerBorderTable {padding: 12px 0 12px 0; width: 100%;}	
.innerBorderTable th	{border: none;}	
.innerBorderTable td	{border: none;}	
.innerTable th, .innerBorderTable th	{	
	font-family: 'ArealRNIDS',Arial,sans-serif;		
    font-size: 19px;	
    font-weight: normal;	
    color: #555555;	
	}	
.colorPrice	{	
	ffont-family: 'ArealRNIDS',Arial,sans-serif;		
    font-size: 24px;	
    color: #d76f22;	
	}		
#mostPopular {background-color: #578ab1; text-align: center; color: #ffffff; border-bottom: none;}	
#mostPopular .colorPrice, #mostPopular th {color: #ffffff;}	
#mostPopular th {color: #ffffff;}	
#mostPopularHeader {background-color: #578ab1; padding: 0; text-align: center; vertical-align: middle;}	
#mostPopularHeader img {margin-top: 10px;} 	
#mostPopularText {padding: 2px; font-style: italic; font-size: 11px; background-color: #4c7ea4; text-align: center; color: #ffffff;}	
#normal {text-align: center;}	
#invisible {border: none; background-color: #fff;}	
#gray {border-top: 1px solid #ededed; border-left: none; border-bottom: none; border-right: none; background-color: #f9f9f9;}	
.usteda {font-size: 12px; color: #074370; border: 1px dotted #fff; background-color: #99b7ce; width: 120px; margin: 15px auto;}	
#separateAction {padding: 15px 0; border-top: 1px dotted #99b7ce;}	
/* NOVA KORPA */	
.about-whois {	
	display: none;	
	width: 295px;	
	height: 115px;	
	padding: 10px;	
	z-index: 100;	
	position: absolute;	
    margin-top: -10px;	
    margin-left: 420px;	
    background-color: #fff;	
    border: 2px solid #78a4ed;	
    text-align: left !important;	
}	
.whois-label {top: -3px; position: relative;}	
.Domeni{border:1px solid #ff9924;border-collapse: collapse;width:100%;border-left: none;border-right: none;}	
.Domeni tr, .odabraniDomeni tr {color: #000; border-bottom: 1px solid #ff9924!important;}	
.Domeni tr td, .Domeni tr th, .odabraniDomeni tr td, .odabraniDomeni tr th, .notFreeDomain tr td {padding: 14px;vertical-align: middle;border:none!important;font-weight: bold;}	
.Domeni tr.notFreeDomain { 	
		filter: alpha(opacity=50);	
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
		-moz-opacity: .5;	
		opacity: .50;	
}	
.Domeni tr:hover, .odabraniDomeni tr:hover {background-color: #eee;cursor: pointer;}	
.Domeni img{filter: saturate(1.0);}	
.Domeni img:hover{filter: saturate(1.2);filter: drop-shadow(0px 0px 6px white);}	
h2, h3 {margin-bottom:3px;color: #ffffff;background: #005579;padding: 6px 6px 5px 6px;margin-bottom: 2px;}	
#regDomainPanel {background: none; border: none; padding: 0; margin: 0; text-align: center;float:left;width:95%;}	
#regDomainPanel form {max-width: 750px; margin: 0 auto 30px auto;}	
#regDomainPanel .wwFormTable {margin: 0 auto;}	
#regDomainPanel .wwFormTable tr {display: table-cell; float: left; margin: 0; padding: 0;}	
.errorMessage {margin-left: 50px;}	
.priceForDomain {color: #EF6C0F;}	
.yearly {font-size:0.7em;}	
.www_prefix {background: url(../img/www2.png) no-repeat center left;background-size: 54px;padding-left:56px!important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-weight:bold;font-size: 1.1em!important;}	
#hostingPanel .www_prefix:disabled {background-image:none;padding-left:4px!important;}	
#existedKeyParam_domainsFromCart {min-width: 510px;}	
#freeKeyParam {margin: 0 0 8px 0px;padding: 3px;line-height: 1.55em;}	
#freeKeyParamDiv .odabrano {margin: -5px 0 20px 0;border-bottom: 3px solid #001840;background: transparent;color: #005579;font-size: 12.5pt;padding-top: 20px;}	
#verifyUserForm{max-width:400px;margin:0 auto;}

.frameWidth h3, .frameWidth h2 {
    margin: 15px 0 0 0;
    border-bottom: 3px solid #001840;
    background: transparent;
    color: #005579;
    font-size: 12.5pt;
    padding-top: 20px;
}


@media screen and (max-width:600px){	
#existedKeyParam_domainsFromCart {min-width: auto;width:100%;;}	
#freeKeyParam {min-width: auto;width:100%;}	
ul.small_nav {max-width: 600px; padding: 0; margin: 0 0 10px 0; color: #999; text-align: center;}	
ul.small_nav li {	
	display: inline-block;	
    width: 47%;	
    text-align: left;	
    font-size: 8.5pt;	
    padding: 10px 0 10px 3%;	
    vertical-align: middle;	
    float: left;	
} 	
ul.small_nav li.active {color: #666; text-decoration: underline;}	
ul.small_nav li span {padding: 4px;border-radius: 14px;background: #ddd;color: #fff;font-weight: normal;}	
ul.small_nav li.active span {background: #888;color: #fff; text-decoration: none !important;}	
.Domeni tr td, .Domeni tr th, .odabraniDomeni tr td, .odabraniDomeni tr th, .notFreeDomain tr td {font-size:1em;}	
.Domeni tr td:nth-child(1) {display:block;width:100%;font-size:1.2em;padding:4px;word-break:break-all;word-break: break-word;}	
.Domeni tr td:nth-child(2) {display:inline-block;width:76%;padding:4px;}	
.Domeni tr td:nth-child(3) {display:inline-block;width:18%;padding:4px;}	
.priceForDomain {font-size: 1.2em;}	
.css3button {font-size: 1.8em;}	
.fwdButton {color: white!important; width: 94%; text-align: center; font-size: 15px!important;}	
#verifyUserForm input, #verifyUserForm select {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1em;font-weight: bold;line-height: 1em;}	
#regDomainPanel input, #regDomainPanel select {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1em;font-weight: bold;line-height: 1em;}	
#verifyUserForm label {font-size:1em;}	
.orderListAdvice {margin: 20px auto; text-align: center;}	
.administratorData {display: block;}	
.administratorData div {display: block;}
.administratorData .tableCaption {display: block; text-align: center; margin-bottom: 20px;}	
.currentDomain {display: block; vertical-align: middle;padding: 0;font-size: 18px;}	
.currentDomain strong {font-size: 1em;word-break:break-all;word-break: break-word}	
.currentDomain table {margin: 0 auto;}	
.currentDomain td {display:block;}	
.whois-container {padding: 6px 10px;background: #fff;border-radius: 18px;float: right;font-size: 0.8em;width: 88%;margin-top: 10px;}	
.about-whois {margin-left: 0;}	
#verifyUserForm{max-width:400px;margin:50px auto 0 auto;}	
}	
@media screen and (min-width:601px){	
ul.small_nav {max-width: 770px; padding: 0; margin: 0; color: #999; text-align: center;}	
ul.small_nav li {display: inline-block; width: 23%; text-align: center; font-size: 8.5pt; padding: 0 0 5px 0; vertical-align: middle;} 	
ul.small_nav li.active {color: #666; text-decoration: underline;}	
ul.small_nav li span {padding: 4px 8px;border-radius: 14px;background: #ddd;color: #fff;font-weight: bold;}	
ul.small_nav li.active span {background: #888;color: #fff; text-decoration: none !important;}	
.Domeni tr td, .Domeni tr th, .odabraniDomeni tr td, .odabraniDomeni tr th, .notFreeDomain tr td {font-size:1.5em;}	
.Domeni tr td:nth-child(1) {width:70%;word-break:break-all;word-break: break-word;}	
.Domeni tr td:nth-child(2) {width:15%;}	
.Domeni tr td:nth-child(3) {width:15%;}	
.css3button {font-size: 1.1em;}	
.fwdButton {color: white!important; width: 90%; max-width: 268px;  text-align: center; font-size: 1.1em;}	
#verifyUserForm input, #verifyUserForm select { font-size: 1em;font-weight: bold;line-height:1.05em;}	
#regDomainPanel input, #regDomainPanel select {width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 1em;font-weight: bold;line-height: 0.5em;;}	
#regDomainPanel input{padding:0; height:32px;}/*za dugacke nazive domena, dugme prekriva unos*/	
.orderListAdvice {margin: 20px auto; width: 678px; text-align: center;}	
.administratorData {width: 100%; display: table;}	
.administratorData .tableCell {display: table-cell;width:48%;padding:1%;}	
.administratorData .tableCaption {display: table-caption; text-align: center; margin-bottom: 20px;}	
.currentDomain {display: table-cell; vertical-align: middle;padding:0;}	
.currentDomain strong {font-size: 1.1em;word-break:break-all;word-break: break-word}	
.whois-container {padding: 10px 20px;background: #fff;border-radius: 18px;float: right;font-size: 0.8em;}	
}	
		
.lead {margin: 18px 0;line-height: 1.2em;clear:both;}	
.edit_or_remove {margin-left: 270px; position: absolute; margin-top: 5px;}	
.edit_or_remove img {margin-top: 0 4px; cursor: pointer;}	
/*#nextLinkUp, #nextLinkGo {float: right;}*/	

/* cloud deo */
	
.hostname_rules {	
    display: none;
    position: relative;
    text-align: justify;
    padding: 8px;
    background-color: #fff;
    border: 1px solid #ff9924;
    color: #000;
    font-size: 1em;	
    margin-top: -235px;
    margin-bottom: 10px;
}	
	
.error_hostname_message {
    display: none;
    position: relative;
    border: none;
    color: #f00;
    font-size: 11px;
    padding: 1px;
    background-color: #fff;
    margin-top: 9px;
    margin-left: 10px;
    text-align: left;
    font-weight: bold;
}

#cloudWebShop, #vpsWebShop {width:100%;display:block;margin:20px 0;}
#temporaryCloudPackageViewDiv, #temporaryVpsPackageViewDiv {font-size:1.05em;}
#temporaryCloudPackageViewDiv table tr td:first-child, #temporaryVpsPackageViewDiv table tr td:first-child {max-width:60px;}
.hostnameEnter {text-align: right;}
	
@media screen and (max-width: 767px) {	
	.col-md-8 {width: 100% !important;}	
	.col-md-4 {margin: 15px 0 !important;}	
	.basicTable {margin-top: 25px !important;}	
	.basicTable th.cloud_sum {display:block;}	
	.basicTable th.vps_sum {display:block;}
	.basicTable td {display:block;border-bottom: 1px solid #eee!important;height:auto!important;min-height: 20px;}
	.hostname_rules {width: 95%;}	
}		
.redButton {	
	padding: 6px 10px !important;	
	font-family: 'ArealRNIDS',Arial,sans-serif;	
	color: #fff;	
	text-shadow: none;	
	background: #ECECEC url(../img/btn_cloud_button_bg.png) 0 -40px no-repeat;	
	white-space: nowrap;	
	overflow: visible;	
	cursor: pointer;	
	text-decoration: none;	
	border: 1px solid #f29531;	
	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;	
	-webkit-background-clip: padding-box;	
	border-radius: 3px;	
}	
@media screen and (max-width: 400px) {	
	.redButton {display: block;width:100%;margin-bottom:10px;}	
}	
@media screen and (min-width: 401px) {	
	.redButton {display: inline-block;}	
}	
.redButton:hover {background-position: 0 -81px; text-decoration: none;}	
.naglaseno {color: #005980!important; background: #e7f7ff; font-weight:bold;}	
.naglaseno h5 {font-weight:bold;}
.naglaseno h5::before {content:url(../img/checkGreen.png);display: block;margin: 0 auto;}
.naglaseno h5.bottom::before {content:none;}
.basicTable {margin: 0 10px 20px 0;border: 1px solid #C0C4B2;color: #666666;font-size: 10.5pt;float: left;border-spacing: 0;}	
.basicTable th.cloud_sum {background-image: none; background-color: #d5f1ff;font-size: 1.2em;padding:5px 0;}
.basicTable th.vps_sum {background-image: none; background-color: #d5f1ff;font-size: 1.2em;padding:5px 0;}	
.basicTable td {border: none;padding: 6px;vertical-align: middle;height: 29px;cursor: pointer;text-align: center;}
.cloudTDs, .vpsTDs {border-collapse: collapse!important;}
.cloudTDs td, .vpsTDs td {border: 1px solid #ccc; vertical-align: middle;}

.osnovniHeder {
    background: url(../img/gradient_sivi.gif) repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #dbdce3;
    font-weight: bold; padding: 6px; text-align: left; font-size: 11px;
}


td.osnovniHeder.naglaseno {background: #35a1d8;color: #ffffff;cursor: pointer;font-weight:bold;}

.tempChangeColor {animation: changeColor 1s 1;}
@keyframes changeColor
{
    0%      {background:#ff9924;}
    33%     {background:#ff9924;}
    66%     {background:#ffdbb2;}
    100%    {background:none;}
}

.tempChangeCartColor {animation: changeCartColor 1s 1;}
@keyframes changeCartColor
{
    0%      {background:#08669c;}
    100%    {background:#ff9924;}
}


td.osnovniHeder.naglaseno {background:#35a1d8; color: #fff!important; cursor: pointer;font-weight:bold;}
td.osnovniHeder h5 {font-size: 1.5em;word-wrap: break-word;}
.selectOnApp {	
	border: 1px solid #ccc;	
	-moz-border-radius: 2px; 	
	-webkit-border-radius: 2px; 	
	border-radius: 2px;		
	width: 100% !important;	
	height: 30px;	
	padding: 2px;		
}		
/* kraj cloud stilova */	
@media screen and (max-width: 600px) {	
	.only4smallscreen {display: block;}	
	.only4largerscreen {display: none;}		
		
	.finalButton {	
		width: -moz-available; 	
	    width: -webkit-fill-available;	
	    width: fill-available;	
		text-align:center;}	
	.error_hostname_message {width: 100%;text-align: center;}	
}	

@media screen and (min-width: 601px) {	
	.only4smallscreen {display: none;}
	.only4largerscreen {display: block;}		
}	

.promo-baner {text-align:center;padding-top:35px;margin:20px 0;}	
.promo-baner img {width:100%;max-width:770px;}	
.head-subhead { 	
	text-align: center;		
	border-bottom: 1px solid #dbdce3;	
	padding: 6px;	
	vertical-align: middle;	
/* 	height: 29px; */	
	color: #595959;	
	cursor: pointer;	
}	
.head-subhead > span { display: block; margin: 0; }	
.head-subhead-l > span:nth-of-type(1) {	
	font-size: 1.17em;	
	line-height: 22px;	
} 	
.head-subhead-l > span:nth-of-type(2) {		
	font-size: 1em;	
	color: #333;	
}	
.head-subhead-xl > span:nth-of-type(1) {	
	font-size: 1.1em;	
	line-height: 24px;	
} 	
.head-subhead-xl > span:nth-of-type(2) {	
	font-size: 1.2em;	
	color: #333;	
} 	
.num-xl-input {	
	line-height: 30px;	
	width: 64px;	
	font-size: 1.5em !important;	
	text-align: center;	
}	
.num-xl-input:focus { box-shadow: none; }	
.right-price-align {	
	text-align: right;	
	min-width: 99px;	
	padding-right: 0.5em;	
	box-sizing: border-box;	
}	
.dolar-price:after {	
	content: "$US";	
	font-size: 0.9em;	
	font-weight: 300;	
	margin-left: 0.25em;	
	opacity: 0.75;	
}	
/* hosting tabela sa paketima */	
span.infffo {padding: 0;margin: 10px -5px;font-size: 1rem;color: #666666;width: 100%!important;}	
span.smallText {padding: 0;margin: 0;font-size: 14px;width: 100%!important;line-height: normal!important;}	
.lilForm {margin:25px auto;width:90%;}	
.simple_button {margin-top: -43px; padding: 8px 10px 6px 10px;}	
#simple_button, .loading_gif {margin-top: -37px;}/* samo kod pretrage domena  */
.inline-bttn {position: absolute;right: 0;top: 0;bottom: 5px;margin: 0;font-size: 1em;max-width:190px!important;}
.customize {display:table-row!important;}
.customize div {display:table-cell!important;}

.w_70_percent {width:100%;display:inline-block;margin: 0 10px;}
.darkGray {background: url(../img/gradient_sivi.gif) repeat-x scroll 0 0 transparent!important;}
.podesite_bg {background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,1) 20%, rgba(241,241,241,1) 100%);}


.gray {background: url(../img/gradient_sivi.gif) repeat-x scroll 0 0 transparent!important;}
.leftAlign {text-align:left!important;} 
		
@media (max-width:600px){	
.simple_button {margin-top: 4px;}	
#hostingPanel .www_prefix {margin: 0;}	
#simple_button, .loading_gif {margin-top: inherit;}/* samo kod pretrage domena  */
}
	
@media (max-width:768px){	
#webPackageTableLinux span, #webPackageTableWindows span, #webPackageTableSSDLinux span, 
#webPackageTablePremiumLinux span, #webPackageCloud span, #webPackageVps span, 
#shopenWebPackage span, #webPackageTableWordPress span {
	transition: all ease 0.3s;
}
#webPackageTableLinux label .blueButton, #webPackageTableWindows label .blueButton, 
#webPackageTableSSDLinux label .blueButton, #webPackageTablePremiumLinux label .blueButton, 
#webPackageCloud label .blueButton, #webPackageVps label .blueButton, #webPackageTableWordPress label .blueButton {
	filter: grayscale(100%);
}
#shopenWebPackage span .blueButton {filter: grayscale(100%);}
span.infffo span {display: list-item !important;line-height: normal;padding: 2px 33px;color: #666;list-style-position: inside;font-size: 0.9em;}	
span.infffo span.price {display: block !important;line-height: 15px;margin: 10px auto 0px auto;width: 60%!important;color:#777; background:transparent; padding: 8px;text-align: center;border-radius:4px;}	
.mutual {background: #eee;width: calc(100% - 24px)!important;position: relative;bottom: -24px;padding: 12px;text-align: center;font-size:13px;color:#999;display:block;}	
.mutual strong {color:#333;display:block;}	
.inline-bttn {position: relative;display:block;font-size: 1em;max-width:none!important;width:100%;}	
#webPackageCloud h5 ,#webPackageVps h5, #shopenWebPackage h5 {line-height: normal;margin:0 auto;width:75px;}
}	
@media (min-width:526px){	
#webPackageTableLinux span, #webPackageTableWindows span, 
#webPackageTableSSDLinux span, #webPackageTablePremiumLinux span, 
#shopenWebPackage span, #webPackageTableWordPress span {
	display:inline-block;width: 32.8%;cursor:pointer;transition: all ease 0.3s;
}
#webPackageTableLinux span span, #webPackageTableWindows span span, #webPackageTableSSDLinux span span, #webPackageTablePremiumLinux span span, #shopenWebPackage span span {width: 100%;}	
}	
@media (min-width:769px){	
#webPackageTableLinux label .blueButton, #webPackageTableWindows label .blueButton, 
#webPackageTableSSDLinux label .blueButton, #webPackageTablePremiumLinux label .blueButton, 
#webPackageCloud label .blueButton, #webPackageVps label .blueButton, #shopenWebPackage label .blueButton, 
#webPackageTableWordPress label .blueButton {
	filter: grayscale(100%);
}
#webPackageTableLinux span span, #webPackageTableWindows span span, 
#webPackageTableSSDLinux span span, #webPackageTablePremiumLinux span spann, 
#webPackageCloud span span, #webPackageVps span span, #shopenWebPackage span span,
#webPackageTableWordPress span span {
	padding:inherit;
}	
span.infffo span {display: list-item !important;line-height: normal;margin: 2px 10px 2px 45px;width: 100%!important;}	
span.infffo span.price {display: block !important;line-height: 15px;margin: 10px 10px 0px 20px;width: 85%!important;color: #777;background: transparent;text-align: center;border-radius:4px;padding: 8px;font-size: 1em;}	
.mutual {background: #eee;width: calc(100% - 24px)!important;position: relative;bottom: -24px;padding: 4px 12px;text-align: center;font-size:12px;color:#999;}	
.mutual strong {color:#333;}	
.paketi {max-width: 100%;}	
}

#webPackageCloud, #webPackageVps {font-size: 1em;border-collapse: collapse;}
tr.border_top td {border-top: 1px solid #08669c;padding: 8px 5px;}
tr.border_bottom td {border-bottom: 1px solid #08669c;padding: 8px 5px;}
#webPackageCloud tr.border_bottom:first-child td, #webPackageVps tr.border_bottom:first-child td {padding-top:0;}

#webPackageCloud td {text-align: center;vertical-align:middle;padding: 8px 0;cursor:pointer;}
#webPackageCloud td:first-child {background:#f1f1f1;}
#webPackageCloud tr.border_top td:first-child {font-weight:bold;}
#webPackageCloud h5, #shopenWebPackage h5 {cursor: pointer;}

#webPackageCloud td h5{color: #000 !important;font-weight: 600;border-top: 1px solid #444;padding-top:8px;}
#webPackageCloud td.naglaseno h5 {color: #09669c !important;font-weight: 600;border-top: #0088c3 3px solid!important;}
#webPackageCloud td.naglaseno h5.bottom {color: #09669c !important;font-weight: 600;border-bottom: #0088c3 3px solid!important;border-top: none!important;box-sizing: border-box;}
#webPackageCloud td.bottom {padding:0;}
#webPackageCloud td.bottom h5 {color: #000;font-weight: 600;border-bottom: #000 1px solid!important;border-top: none!important;padding:8px 0;}
/* highlight kolone - za sredjivanje
#webPackageCloud {overflow: hidden;}
#webPackageCloud td, #webPackageCloud th {position: relative;}
#webPackageCloud td:hover::after { background-color: #ecf6fb;content: '';  height: 10000px;    left: 0;position: absolute;  top: -5000px;width: 100%;z-index: -1;}
*/

#webPackageVps td {text-align: center;vertical-align:middle;padding: 8px 0;cursor:pointer;}
#webPackageVps td:first-child {background:#f1f1f1;}
#webPackageVps tr.border_top td:first-child {font-weight:bold;}
#webPackageVps h5 {cursor: pointer;}

#webPackageVps td h5{color: #000 !important;font-weight: 600;border-top: 1px solid #444;padding-top:8px;}
#webPackageVps td.naglaseno h5 {color: #09669c !important;font-weight: 600;border-top: #0088c3 3px solid!important;}
#webPackageVps td.naglaseno h5.bottom {color: #09669c !important;font-weight: 600;border-bottom: #0088c3 3px solid!important;border-top: none!important;box-sizing: border-box;}
#webPackageVps td.bottom {padding:0;}
#webPackageVps td.bottom h5 {color: #000;font-weight: 600;border-bottom: #000 1px solid!important;border-top: none!important;padding:8px 0;}


#webPackageTableLinux label:hover span {color: #005980 !important;}	
#webPackageTableLinux label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}	
#webPackageTableLinux label:hover .blueButton {filter: grayscale(40%);}	
#webPackageTableWindows label:hover span {color: #005980 !important;}	
#webPackageTableWindows label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}	
#webPackageTableWindows label:hover .blueButton {filter: grayscale(40%);}	
#webPackageTableSSDLinux label:hover span {color: #005980 !important;}	
#webPackageTableSSDLinux label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}	
#webPackageTableSSDLinux label:hover .blueButton {filter: grayscale(40%);}	
#webPackageTablePremiumLinux label:hover span {color: #005980 !important;}	
#webPackageTablePremiumLinux label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}	
#webPackageTablePremiumLinux label:hover .blueButton {filter: grayscale(40%);}
#shopenWebPackage label:hover span {color: #005980 !important;}	
#shopenWebPackage label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}	
#shopenWebPackage label:hover ~ input[type="submit"] {filter: grayscale(40%);}
#shopenWebPackage span:hover .blueButton {filter: grayscale(40%);}
#webPackageTableWordPress label:hover span {color: #005980 !important;}	
#webPackageTableWordPress label:hover span.infffo span.price {background: #fff !important;color: #444 !important;font-size: 1em;}
#webPackageTableWordPress input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}

#shopenWebPackage h5 {border-top: 1px solid #001840;padding:20px 0 5px 0;}	
#webPackageTableLinux input[type="radio"]:checked ~ label span {color: #005980 !important;}	
#webPackageTableLinux input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}
#webPackageTableLinux input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;}	
#webPackageTableLinux input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}	
#webPackageTableWindows input[type="radio"]:checked ~ label span {color: #005980 !important;}	
#webPackageTableWindows input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}	
#webPackageTableWindows input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;}
#webPackageTableWindows input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}	
#webPackageTableSSDLinux input[type="radio"]:checked ~ label span {color: #005980 !important;}	
#webPackageTableSSDLinux input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}
#webPackageTableSSDLinux input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;}	
#webPackageTableSSDLinux input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}	
#webPackageTablePremiumLinux input[type="radio"]:checked ~ label span {color: #005980 !important;}	
#webPackageTablePremiumLinux input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}	
#webPackageTablePremiumLinux input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;}
#webPackageTablePremiumLinux input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}
#shopenWebPackage {text-align:center;}
#shopenWebPackage label  {font-size: 1rem;text-align:center;}	
#shopenWebPackage span .blueButton {filter: grayscale(100%);}	
#shopenWebPackage input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}
#shopenWebPackage input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;border-top: 3px solid #09669c;}	
#shopenWebPackage input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}
#webPackageTableWordPress input[type="radio"]:checked ~ label span {color: #005980 !important;}	
#webPackageTableWordPress input[type="radio"]:checked ~ label span.infffo span.price {background: #fff !important;color: #09669c !important;font-size: 1em;}
#webPackageTableWordPress input[type="radio"]:checked ~ label h5 {color: #09669c !important;font-weight: 600;}
#webPackageTableWordPress input[type="radio"]:checked ~ label .blueButton {filter: grayscale(0%);}

h5 {text-align:center;width: 100%;margin: 0;font-size:1.05em;font-weight:normal;}	
#webPackageTableLinux input[type="radio"],	
#webPackageTableWindows input[type="radio"],	
#webPackageTableSSDLinux input[type="radio"],	
#webPackageTablePremiumLinux input[type="radio"],
#shopenWebPackage input[type="radio"],
#webPackageTableWordPress input[type="radio"] {display:none;}

div.paketi input:focus {outline: none !important;}	
.tab {overflow: hidden;color: #005579;font-size: 12pt!important;border-bottom: 3px solid #001840;padding:0;width: 100%;text-align:center;display:table;}	
.tab button {font-family:inherit;border: none;outline: none;cursor: pointer;transition: 0.15s;margin-left: 5px;margin-top: 5px;font-size: 12pt;vertical-align: middle;background:transparent;border-top: 1px solid #444;height: 75px;display:table-cell;width:19%;}	
.tab button:hover {font-size: 12pt;line-height:1em;padding: 12px initial 11px initial;box-sizing: border-box;font-weight:bold;background:transparent;}	
.tab button.active {color:#0088c3!important;font-size: 12pt;line-height:1em;padding: 11px initial;box-sizing: border-box;background:transparent;border-top:#0088c3 3px solid;}	
.tabcontent {display: none;padding: 20px 0 0 0;border-top: none;}	
.odabrano {background: #1c9fd8;color: #fff;padding: 5px 5px 5px 20px; font-size: 14px;margin: 0 0 20px 0;	
}	
#inputDomainName {max-width:620px;margin:0 auto;display:block;}	
#existedKeyParam {max-width:620px;margin:0 auto;display:block;}	
.full-bttn { width: 100% !important; float: none !important; }		

.public_footer {font-size: 11pt;}

/*#webPackageTableLinux span:nth-child(1) {display:none!important;}*/

@media (min-width:526px){#webPackageTableLinux span {width: 24.5%;}}
@media (min-width:526px){#webPackageTablePremiumLinux span {width: 24.5%;}}
	
/* korpa mob i desktop */
#shoppingCartDiv {display: initial;transition: all .3s ease-out;} /* parent korpe da bi ona bila sticky */	
#main_content {width:100%;display:block;position:relative;padding: 50px 20px 20px 20px;box-sizing: border-box;}
.right_space {padding-right:2%;box-sizing: border-box;}	
.cart-header {background: #ff9924; padding: 1px 0; width:100%; width: 78px;height: 38px;position: fixed;top: 0;right: 0;z-index: 1234;box-sizing: border-box;}
.cart-header img {position: relative;left: 0;top: 0;}	
.cart-header h4 {text-align: center;color: #fff;margin: 6px 3px 3px 3px;font-size: 16px;}	
.zaglavlje {display: none;}	
.odabrana_stavka {background: #fff;font-size: 1em;width: 100%;padding:3px 6px;box-sizing: border-box;border-bottom: 1px solid #ff9924;}	
.odabrana_stavka:hover {background: #f3f3f3;}
.odabrana_stavka:active {background: #f3f3f3;}
.odabrana_usluga {white-space: nowrap; max-width: 300px; overflow: hidden; text-overflow: ellipsis; display: block;}	
.odabrani_domen  {white-space: nowrap; max-width: 300px; overflow: hidden; text-overflow: ellipsis; display: block;}	
.odabrana_stavka div {display:inline-block; padding: 0 4px;border:none;}	
.odabrana_stavka div:nth-child(1) {width: 100%;text-align: left;padding-top:4px;}	
.odabrana_stavka div:nth-child(2) {width: 100%;font-weight: bold;}	
.odabrana_stavka div:nth-child(2) img {display:inline}	
.odabrana_stavka div:nth-child(3) {width: 49%;text-align: left;}	
.odabrana_stavka div:nth-child(4) {width: 43.7%;text-align: right;position: sticky;right: 0;}	
.odabrana_stavka div:nth-child(4)::after { content: "RSD";}	
.removeItem {background: url(../img/bucket-remove.png) no-repeat center;width: 18px;height: 18px;padding:2px;border-radius:30px;border:2px solid #ccc;float:right;display:inline;margin-right: 5px;margin-top: -5px;position: sticky;right: 5px;}	
.removeItem:hover {border:2px solid #f00; background: url(../img/red-bucket-remove.png) no-repeat center; cursor: pointer;}	
.addSomething {background: url(../img/addSomething.png) no-repeat center;width: 18px;height: 18px;padding:2px;border-radius:30px;border:2px solid #ccc;float:right;display:inline;margin-right: 5px;position: sticky;right: 5px;}
.prazna_korpica {padding: 10px; text-align: center;width:100%;font-size:1em;box-sizing: border-box;}	
.checkout_and_addition {
	padding: 0;
    margin: 0;
	width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    display: block;
    height: 60px;
	line-height: 60px;
    box-sizing: border-box;
    cursor: pointer;
    background: #fff;
    position: absolute;
    bottom: 0;
    text-align:center;
}	

.checkout_and_addition .checkout {padding:0;margin:0;width:100%;display:table;height:60px;background:#59b22a;box-sizing: border-box;vertical-align:middle;transition: all ease 0.3s;}	
.checkout_and_addition .checkout:hover {background:#48a119;transition: all ease 0.3s;display:table;width:100%;}	
.checkout_and_addition .checkout::after {content: attr(data-label); color:#fff; font-weight:bold;font-size:1.1rem;display:table;width:100%;}	
.checkout_and_addition .checkout:hover::after {content: "\00BB";font-size:1.8rem;display:table;width:100%;}	
.checkout_and_addition .addition {padding:0;margin:0;width:50%;display:table-cell;height:60px;background:#ff9924;box-sizing: border-box;vertical-align:middle;text-align:center;transition: all ease 0.3s;font-size: 1.1em;}	
.checkout_and_addition .addition::after {content: attr(data-label); color:#fff;font-weight:bold;font-size:1.1em;}	
.checkout_and_addition .options {padding:0;margin:0;width:50%;height:60px;box-sizing: border-box;vertical-align:middle;text-align:center;transition: all ease 0.3s;display:none;}	
.checkout_and_addition .options a {	
	display: table;	
    margin: 0;	
    padding: 8px 10px;	
    text-align: left;	
	background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,1) 20%, rgba(241,241,241,1) 100%);	
    font-weight: bold;	
    color: #000;	
    height: 20px;	
    box-sizing: border-box;	
    transition: all ease 0.3s;	
    width: 100%;	
    border-bottom: 1px solid #ff9924;	
    font-size: 1.1em;
    line-height: 1.7em; 
}	
.checkout_and_addition .options a:last-child {border: none;}	
.checkout_and_addition .options a:hover {background: #1c9fd8;color:#fff;}	

.checkout_and_addition .options a:hover > .addSomething {border:2px solid #fff; background: url(../img/white_addSomething.png) no-repeat center; cursor: pointer;}		
   	
.acceptEulaDiv {display:block;padding:9px;text-align:center;font-size: .9em;background: #fff;}

#eulaAssignedCheck {border: 1px solid #ff9924;box-shadow: 0 0 3px 1px #ff9924;transition: all ease .8s;}	
.frequency {box-shadow: 0 0 16px 3px #ff9924!important;transition: all ease .8s;}  		

.options a {display: inline-block;
		    vertical-align: middle;
		    text-align: center;
		    margin: 0 0.6% 1.6%;
		    padding: 50px 10px;
		    font-weight: bold;
		    box-sizing: border-box;
		    transition: all ease 0.3s;
		    width: 48%;overflow:hidden;position: relative;
		    font-size: 1.1em;background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,1) 20%, rgba(241,241,241,1) 100%);
		    box-shadow: 2px 2px 3px #cbcbcb;border-top: 3px solid #aaaaaa;}

.options a:hover {border-top: 3px solid #4C7FBF;}		    	      
.options a img {width:120px;display:block;opacity:0.45;}

.activeSelection {color:#0088c3!important;border-top:#0088c3 3px solid!important;} 
a.activeSelection {background: linear-gradient(270deg, rgba(151,198,219,0.3) 20%, rgba(255,255,255,1) 100%);}
.options img {filter: saturate(0);}
.activeSelection img {filter: saturate(1);}

.description {display: none;}
.description p {padding: 15px;}
.description img {width:60px!important;display:block;opacity:0.8;margin-bottom:-15px;margin-top: -10px;}
.largeBoxes .options a:hover > .description {left:0%;text-align:center;}
.largeBoxes .options .description {display: block;vertical-align: middle;z-index: 12;left: 100%;top: 0;position: absolute;width: 100%!important;height: 100%;transition: all ease 0.5s;
		  font-weight: normal!important;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 20%, rgba(241,241,241,1) 100%);}
			  		  
@media (max-width:768px){
	.options a {display: block;margin: 10px 0;padding: 10px 0;width: 100%;text-align:left;border-top: 1px solid #aaaaaa;} 
	.options a:hover {border-top: 1px solid #4C7FBF;} 
	.options a:last-child {margin-bottom:10px;}
	.options a img, .col-md-3 .options a img {width:40px;margin:-2px 0 0 10px;display:inline-block;opacity:0.7;transition: all ease 0.5s;} 
	.largeBoxes .options a:hover > .description {display: none;}
}



.col-md-3 .options a {text-align:left;display:block;padding:3px 0;box-sizing:border-box;transition:all ease 0.3s;width:auto;box-shadow: 2px 2px 3px #cbcbcb;font-size:1.1em;border-top: 1px solid #aaaaaa;}  
.col-md-3 .options a img {width: 40px;margin: -2px 10px 0 10px;display: inline-block;opacity:0.7;transition: all ease 0.5s;}  
.col-md-3 .options a:hover {background: rgba(241,241,241,1);border-top: 1px solid #4C7FBF;}
.col-md-3 .options a:hover img {opacity:0.8;}
.col-md-3 .largeBoxes .options a:hover > .description {display: none;}


.rightSide .col-md-9, .rightSide .col-md-3  {width:100%;display:block;margin:0;}	

.paymentOptions {padding:10px;}
.paymentOptions li {list-style-position: inside;list-style-type: disc;margin-bottom:10px;}
.paymentOptions li a {font-weight:bold;text-decoration: underline;}  
.paymentOptions li img {display:inline-block;} 
.check {max-width:240px;}  
.applyAgain {display: none;}
.applyAgain img {max-width:240px;filter: grayscale(100%);transition: all .4s ease-out;}
.applyAgain img:hover {filter: grayscale(0%);}
.shopenMutual .mutual {bottom: 0; display: block;margin:10px 0;}

#captchaImg1 {width:195px;height:48px;margin-bottom:8px;}
.w_100 {width:100%;margin-top:0;}
.toggler {width: auto;font-size: .8em !important;float: right;margin: -2px auto 0px auto;padding: 4px 4px 2px 5px;text-align: center;}
.mw_none {max-width:none!important}
.currency:after {content: attr(data-currency);font-size: 1em;font-weight: bold;color: inherit;}
 
.top_div {
	height: 38px;
    display: block;
    top: 0;
    padding: 10px 20px 0 0;
	vertical-align: middle;
	position: fixed;
	width: 100%;
	box-sizing: border-box;
	z-index:10;
} 

.articles { 
	overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    top: 38px;
    right: 0;
    max-width: 320px;
    transition: all .3s ease-out;
    box-shadow: 0px 8px 16px #464c58;
    background: #ececec;
    bottom: 0;
    padding-bottom: 60px;
    z-index: 12;}
.relative_padd_0 {z-index: 13;bottom:auto;padding-bottom:inherit;} 
.maxHeight {max-height: calc(100% - 40px); overflow-x:hidden;overflow-y:auto;}

.cartFixedPosition {transition: all .3s ease-out;border:none!important;}
.cartFixedPosition > .articles {right: -110%!important;transition: all .3s ease-out;}

.clonedNextButton {position: absolute;
    width: 150px;
    height: 28px;
    background: #59b22a!important;
    right: 83px;
    top: 7px;
    color: #fff!important;
    font-size: 1.1em!important;
    text-align: center;
    line-height: 28px;
    padding: 1px 7px!important;
    border-radius: 3px;}
.clonedNextButton:hover {cursor:pointer;background: #48a119!important;}   

/*.lonelyCart > .articles {top: 0!important;}*/

#cloneTable, .sel_pac {display:none;}
      	
@media screen and (max-width: 767px) {	
	.highlightable td {display:table;text-align:center;width:90%;}	
	.Domeni img{transform: scale(.75);}	
	.subHeader {margin-bottom: 10px;}
	.loading_gif {float: right;height: 32px;text-align:center;display:none;width: 170px;}	
	#regDomainPanel {width:100%!important;}	
	body{padding-top:38px;}	
	#openCart {position: relative;top: 0;right: 0;width: 100%;z-index: 1236;transition: all .3s ease-out;border:none;}	
	.right_space {padding-right:0%;box-sizing: border-box;}
	#temporaryCloudPackageViewDiv .col-md-6 {display:inline;width:50%;}
	#temporaryCloudPackageViewDiv .col-md-6:last-child {float: right;}
	#temporaryVpsPackageViewDiv .col-md-6 {display:inline;width:50%;}
	#temporaryVpsPackageViewDiv .col-md-6:last-child {float: right;}
	.max_width {max-width: none;width:100%;padding: 0 10px;box-sizing: border-box;}
	#main_content {padding: 0;}
	.flags {top: 7px;} 
	.relative_padd_0 {position: relative; padding: 0;max-width: initial;z-index: inherit;top:0;}
	.articles { max-width: 100%;}	
	
	.tab, .tab button, .tab button:hover, .tab button.active {background:#fff;}	
	.tab button {width:17%;}
	.tab button:nth-child(3) {width:18%;}
	.tab button:nth-child(4) {width:23%;}
	.tab button.active {border-top:#0088c3 5px solid;}	
	.tab {position: sticky;top:28px;z-index: 9;}			
	.full-bttn { width: 90%!important;margin: 0 auto !important;display: block;}
	.toggler {margin: 0 auto;}
	
	.public_footer {position:inherit;bottom: 0;}
	.check {max-width:145px;} 
	.applyAgain img {max-width:145px;}
	.administratorData input[type="text"], .administratorData select {width: 100%;}	
	#shopenWebPackage label  {font-size: 1rem;text-align:center;display: block;}
	#shopenWebPackage label br  {display:none;}
	.packageNames {position:sticky;top:38px;background:#fff;z-index:3;}
	.packageNames td:first-child {background:#f1f1f1;}
	
	.sel_pac {display:inline-block;}
	#cloneTable {position:sticky;bottom:0;z-index:3;display:table;}
	#cloneTable tr {width:100%;background:#474c58;column-span:all;}
	#cloneTable tr td {width:100%;background:transparent;border:none;color:#fff!important;padding:12px 6px 8px;}
}

.sel_pac {float:left;}
.total_price {float:right;}

@media (min-width:601px) and (max-width:768px){
	.administratorData input[type="text"], .administratorData select {width: 300px;}
}


@media (min-width:526px) and (max-width:768px){
	.odabrani_domen {white-space: nowrap; max-width: 450px; overflow: hidden; text-overflow: ellipsis; display: inline-block;}	
	.selectPeriods, .selectFacturePeriods, .selectHostingPeriods {width: 80px;font-size: 0.85em!important;}	
	.odabrana_stavka:nth-child(1) {padding-top: 15px;}
	.hostnameEnter {text-align: center;}
	.Domeni {font-size: .8em;}
	#webPackageCloud tr.border_top td:first-child {max-width:70px;}
}

@media (max-width:525px){
	.pt_120 {padding-top:120px; transition: none;}
	.pt_30 {padding-top:120px; transition: none;}
	.d_b {display: block; transition: all .2s ease-out;}
	.d_n {display: none; transition: all .3s ease-out;}
	
	.tab button {padding: 10px 0px;font-size: 11pt!important;}	
	.tab button.active {font-weight: normal;}	
	.tablinks {display:inline-block;}
	.full-bttn { width: 90%!important;margin: -45px auto 30px auto !important;display: block;}
	.paketi label h5 {margin-bottom:-50px;}
	h5 {font-size:0.85em;}
	#webPackageCloud h5, #webPackageVps h5, #shopenWebPackage h5 {line-height: normal;margin:0 auto;width: 65px;font-size: 11pt;}
	#webPackageCloud tr.border_top td:first-child {max-width:70px;}
	#shopenWebPackage h5 {border-top: 1px solid #333;font-size: 15pt;width:100%!important;display:block;padding: 20px 0;}
	.hostnameEnter {text-align: center;}
	.hostnameEnter submit, .hostnameEnter textfield, .hostnameEnter label {display:inline-block;}
	.checkout_and_addition {position: fixed;}	
}	
@media (max-width:320px){	
	.tab button {padding: 10px 0;font-size: 10.4pt!important;}	
	.odabrana_stavka div:nth-child(5) {width: 40%;}		
	#webPackageCloud h5, #webPackageVps h5, #shopenWebPackage h5 {line-height: normal;margin: 0 auto;width: 55px;}
	#webPackageCloud h5, #webPackageVps h5 {font-size: 10pt;}
	#shopenWebPackage h5 {border-top: 1px solid #333;font-size: 14pt;width:100%!important;display:block;padding: 20px 0 0;}
}




@media screen and (min-width: 769px) {	
    .Domeni{width:100%;}		
    #regDomainWebShopParams {padding:0;margin-right:10px;}	
    .loading_gif {float: right;height: 32px;width: 170px;text-align:center;display:none;}		
	.tab button {padding: 12px 11px;box-sizing: border-box;}	
	.administratorData input[type="text"], .administratorData select {width: 100%;}	
}

@media screen and (min-width: 768px) and (max-width:1024px) {	
	.sub_footer_links a {margin: 0 12px!important;}
	.tab {width: 100%;}	
	.tab button {padding: 12px 12px;box-sizing: border-box;}
	.public_footer{position:relative;}
	.administratorData .tableCell {display: table; width:100%;}
	.administratorData input[type="text"], .administratorData select {width:calc(100% - 340px);}
	.max_width {max-width: none;width:100%;}
}
@media screen and (min-width: 1025px) and (max-width:1279px) {	
	.public_footer{position:fixed;}
	.max_width {max-width: none;width:100%;}
}
	
@media screen and (min-width: 1280px) and (max-width:1500px) {	
	.tab {width: 100%;}	
	.tab button {padding: 12px 20px;box-sizing: border-box;}
	.max_width {max-width: 1200px;margin: 0 auto;}
}	


@media screen and (min-width: 1501px) {	
	.tab button {padding: 12px 20px;box-sizing: border-box;}
	.max_width {max-width: 1200px;margin: 0 auto;}
}	
.percent_21 {position:absolute;margin-top:-15px;margin-left:-30px;}	
.info_21 {color: #0c89d2;size: 14px;text-align: center;font-weight: bold;padding: 3px;background: #efefef;border-radius: 4px;display: inline-block;width: 99%;}	
.loading_gif img {margin-top: -4px;}	
.overlay > * {	
	display: block;	
    transform: scale(1);	
	position: absolute; 	
	top: 30%;	
  	left: 50%;	
  	-moz-transform: translate(-50%, -30%);	
	-webkit-transform: translate(-50%, -30%);	
  	transform: translate(-50%, -30%);	
  	-webkit-backface-visibility: hidden;	
    -webkit-transform: translateZ(0) scale(1.0, 1.0);	
	background: #fff;	
	z-index: 999 !important; 	
}	
.overlay::before {	
    content: " "; 	
    position: fixed;	
    top: 0;	
    left: 0;	
    width: 100%;	
    height: 100%;	
	background-color: #fff;    	
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */	
    filter: alpha(opacity=70); /* IE 5-7 */	
    opacity: 0.7;	
    zoom: 1;
    z-index: 998;
}

.stoPosto {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: 10px;
}

.shopenHeading {min-height:105px;}


.opening_h3 {
    margin: 15px 0 0 0;
    border-bottom: 3px solid #001840;
    background: transparent;
    color: #005579;
    font-size: 12.5pt;
    padding-top: 20px;
}

.opening_h2 {
    margin: 15px 0 0 0;
    border-bottom: 3px solid #001840;
    background: transparent;
    color: #005579;
    padding-top: 20px;
}


.opening {margin:30px auto 0 auto!important;}
.opening_h3 {margin-bottom: 15px!important;}
.openingResponse {position: relative!important; margin-bottom: 64px;}

.postpaidArrow:after {
    border-left: 13px solid #1c9fd8;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    display: inline-block;
    content: '';
    position: absolute;
    right: -13px;
    margin-top: -5px;
}
.postpaidArrow {
    background-color: #1c9fd8;
    width: 80px;
    height: 22px;
    display: inline-block;
    position: relative;
    padding: 6px 0 0 6px;
    text-align: center;
    color: #fff;
}