/* --------------------------------------------------------------

   GLOBAL

-------------------------------------------------------------- */
 


html { margin:0px; padding:0px;}


body {

	background:url(bgr-main-small.gif) top repeat-x #fff;
	margin-top:2px;

}



form {

	margin: 0px;

}



body,td,input,select,textarea {

	font-family: Tahoma;

	font-size: 11px;

}



a {

	color: #65A5E6;

}
label {width:170px; height:30px;}

.button {width:170px; height:30px;}	

input[type="button"] {width:170px; height:30px;}

input[type="submit"] {width:170px; height:30px;}

select[name="country"] {
	width:221px;
}

select[name="billingcid"] {
	width:222px;
	margin-left:1px;
}

input[name="customfield[1]"] {
	width:220px;
}

input[name="customfield[2]"] {
	width:220px;
}

input[name="customfield[4]"] {
	width:220px;
}

a:hover {

	text-decoration: none;

}



.wrapper {

	width: 898px;

	border: 0px;

	padding: 5px;

	border-collapse: collapse;

	margin-left: auto;

	margin-right: auto;

}



/* --------------------------------------------------------------

   HEADINGS

-------------------------------------------------------------- */
h1 {float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; padding:5px 0 0 5px; color:#133751; font-weight:normal; margin:0px;}

h2 {float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; width:102px; padding:5px 0 0 5px;  border-bottom:#fff solid 1px;}

h3 {font-size:11px; color:#2b5272;}


.heading {

	font-family: Tahoma;

	font-size: 18px;

	font-weight: normal;

	color: #65A5E6;

}



.heading2 {

	font-family: Tahoma;

	font-size: 16px;

	font-weight: bold;

    text-decoration: none;

    color: #133751;

}



.heading3 {

    font-family: Tahoma;

    font-size: 12px;

    font-weight: bold;

    color: #16679F;

}
/* --------------------------------------------------------------

   LOGIN BOX

-------------------------------------------------------------- */


#loginBox {width:170px; padding:0px; margin:2px;}


/* --------------------------------------------------------------

   PARKING

-------------------------------------------------------------- */

table.hostingTable {width:660px; background:#eff3f6;}

table.hostingTable img {border:0;}

table.hostingTable td {background:#fff; text-align:center; font-size:12px;}

table.hostingTable thead td {padding:5px 0;}

table.hostingTable tbody th {font-weight:normal; padding:5px;}

table.hostingTable th {width:207px; background:#fff; text-align:right;}

table.hostingTable tfoot td {padding:5px 0; font-size:14px; font-weight:bold;}

table.hostingTable tfoot td, table.hostingTable tfoot th { border-top:#eff3f6 solid 5px;}

#hostingSpec {float:left; width:660px; clear:both; padding:10px 0 0 0;}

.hostingSpecBox {float:left; width:326px;}

.specDetails {float:right; clear:both; width:316px; padding:5px; text-align:right;}

.hostingSpecBox a {color:#0b83c7; text-decoration:none;}

.hostingSpecBox a:hover {text-decoration:underline;} 

#petplusDetails {float:left; width:316px; font-size:11px; padding:5px;} 

#petplusDetails  p {text-align:justify; padding:5px 0; float:left; width:316px;}

#lopataDetails {float:left; width:316px; font-size:11px; padding:5px;}

#lopataDetails  p {text-align:justify; padding:5px 0; float:left; width:316px;}

table.lopataTable {float:left; width:316px; background:#eff3f6;}

table.lopataTable td {padding:1px; background:#fff;}

/*----------------------------------------------------------

 Inner pages

--------------------------------------------------------*/

#innerPage {float:left; width:660px; padding:10px 0 0 0; }


/* --------------------------------------------------------------

   LEASING

-------------------------------------------------------------- */

.leasingholder {position:relative; overflow:hidden; width:660px; padding:10px 0 0 10px; text-align:center; }
	h2.leasing {font-size:24px; color:#000000; position:relative; width:auto; margin:0px auto; float:none; }
	.leasingholder img {width:auto; margin:20px auto;}
	.leasingholder p {width:440px; font-size:12px; color:#000000; line-height:17px; margin:0px auto 20px auto;}
	.leasingholder p b {font-size:14px; font-weight:bold;}
	ul#leasinglist {position:relative; overflow:hidden; width:440px; margin:0px auto 20px auto; list-style:none;} 
		ul#leasinglist li {width:140px; margin-right:10px; text-align:left; float:left; display:inline;}
		ul#leasinglist li.last {margin-right:0px;}
			ul#leasinglist li a {position:relative; color:#2d3292; text-decoration:none;}
				ul#leasinglist li a:hover {text-decoration:underline;}
		form.leasingform {width:300px; position:relative; margin:0px auto; border:none; padding:0px; overflow:hidden;}
			form.leasingform ul { width:300px; list-style:none; float:left; display:inline; padding:0px; margin:0px;}
				form.leasingform ul li { margin-bottom:5px; width:300px; float:left; display:inline;}
					form.leasingform ul li label {width:auto; float:left; display:inline; line-height:16px;}
					form.leasingform ul li input {width:150px; float:right; display:inline;}
					form.leasingform ul li input.send {width:60px;}
					
/* --------------------------------------------------------------

   MAJICE

-------------------------------------------------------------- */					
	.majiceholder {position:relative; overflow:hidden; width:660px; padding:10px 0 0 10px; text-align:left; }	
	.majiceholder p {font-size:12px; color:#000000; line-height:17px; margin:0px auto 20px auto;}
	
	ul#majicelist {position:relative; overflow:hidden; width:660px; margin:0px auto 20px auto; list-style:none; padding-left:0px;} 
		ul#majicelist li {width:152px; margin-right:10px; text-align:left; float:left; display:inline;}
		ul#majicelist li.last {margin-right:0px;}
			ul#majicelist li a {position:relative; color:#2d3292; text-decoration:none;}
				ul#majicelist li a:hover {text-decoration:underline;}

/* --------------------------------------------------------------

   Right

-------------------------------------------------------------- */



/* Sub navigation */

#subNav {float:left; width:180px; margin:0 0 0px 0;}

#subNav ul {float:left; width:170px; padding:5px 0 10px 10px;}

#subNav li {list-style-type:none;}

#subNav li a span {color:#04bbff; text-decoration:none;}

#subNav li a {width:170px; display:block; line-height:23px; height:23px; border-bottom:#dee3e7 solid 1px; text-decoration:none; color:#000;}

#subNav li a:hover {background:#eff5f9;}


/* --------------------------------------------------------------

   Navigation

-------------------------------------------------------------- */

#navBar {float:left; width:898px; padding:13px 0 0 0;}

#navigation2 {float:left; width:100%; padding:0 0 0 3px; margin-left:1px; margin-top:11px;}

#navigation2 ul {display:inline;}

#navigation2 ul li { float:left; list-style-type:none;}

#navigation2 li a{padding:2px 22px; height:20px; line-height:18px; display:block; border-right:#2e3a52 solid 1px; border-left:#0c1e35 solid 1px; color:#00aeef; text-decoration:none;}

#navigation2 li a:hover {color:#fff; background:#143954;}

#navigation2 li.blankNavLeft {width:1px; height:24px; background:#2e3a52;}

#navigation2 li.blankNavRight {width:1px; height:24px; background:#0c1e35;}

/* --------------------------------------------------------------

   FOOTER

-------------------------------------------------------------- */

#footer_rs {float:left; width:898px; background:url(http://www.eutelnet.com/img/footer-bgr.png) left repeat-x; height:31px; margin:auto; margin-top:11px; color:#fff;}

.footerContent_rs {float:left; width:886px; height:22px; padding:8px 0 0 0;}

.copyright_rs {float:left; padding:0 0 0 10px;}

.copyright_rs a {color:#e6ecf0; text-decoration:none;}

.copyright_rs a:hover {color:#fff; text-decoration:underline;}

.info_rs {float:right; padding:0 10px 0 0;}

.info_rs a {color:#e6ecf0; text-decoration:none;}

.info_rs a:hover {color:#fff; text-decoration:underline;}

img.left {float:left;}

img.right {float:right;}


/* --------------------------------------------------------------

   LEFT AND RIGHT COLUMN INDEX CONTENT

-------------------------------------------------------------- */
.moreBox a{display:block; float:right; width:31px; height:18px; background:url(http://www.eutelnet.com/img/buttons/more-button.png) center no-repeat; text-indent:-9999px; margin:5px 0 0 0;}

.moreBox a:hover {background:url(http://www.eutelnet.com/img/buttons/more-button-over.png) center no-repeat;}




.micro {color:#965489;}

.mini {color:#325e7f;}

.midi {color:#775f49;}

.maxi {color:#3e694b;}

.turbo {color:#a77107;}

.boxTop  { margin-top:10px; height:5px; background:url(http://www.eutelnet.com/img/corners/corner-top.png) top repeat-x;}

.boxBottom  {height:5px; background:url(http://www.eutelnet.com/img/corners/corner-bottom.png) top repeat-x; float:left;}

#content  {float:left; width:892px; padding:0px 3px 0 3px;}

#leftColumn {float:left; width:680px;}

#rightColumn {float:right; width:200px;}

#mainBox {float:left; width:680px;}

.leftBoxes {width:680px;}

.rightBoxes {width:200px;}

#domainSearch {float:left; width:660px; margin:0 0 0 0; text-align:center; background:url(http://www.eutelnet.com/img/domain_back.gif) repeat-x bottom; position:relative;}

#domainSearch p {float:left; width:660px; padding:10px 0;}

#domainSearch input.searchField {float:left; width:174px; margin:0 5px 10px 150px; color:#8795a0; font-size:11px; padding:2px;}

#domainSearch input.searchButton { float:left; color:#8795a0; font-size:11px; margin:-2px 0 0 5px;}

#domainSearch select.searchList {float:left; width:110px; color:#8795a0; font-size:11px; padding:2px;}

img.topSticket {position:absolute; right:-2px; top:-2px;}

.boxHolder {float:left; width:660px; padding:4px 9px; border-left:#d4dbdf solid 1px; border-right:#d4dbdf solid 1px;}

.boxTitle {float:left; height:28px; background:#dee3e7;}

.boxBottom1 {float:left; width:660px; margin:0 0 0 0; background:#dfe3e7; height:10px;}

.boxBottom2 {float:left; width:660px; margin:0 0 13px 0; background:#dfe3e7;}

.titlesLeft {width:660px;}

.titlesSubCat {width:215px;}

.titlesRight {width:180px;}

.titlesDomain {width:660px;}




.hostingPackHolder {float:left; width:127px; padding:0 0px 0 0px; margin:5px 5px 0px 0px; background:url(http://www.eutelnet.com/img/box-main-bgr.png) top repeat-x #dee3e7; }

.hostingPack {float:left; width:107px; padding:0 10px 0 10px; margin:10px 0 0 0; height:270px; position:relative;}

ul.packList {float:left; width:100px; border-top:#d5dfe7 solid 1px; padding:10px 0 5px 7px;}

ul.packList li {list-style:none; margin:0 0 5px 0; text-align:left;}

ul.packList li a { text-decoration:none; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

      #child
      {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-left: -365px;
          margin-top: -250px;
          z-index: 3;
          width: 500px;
          height: 400px;
          background-color:#FFFFFF;
		  padding:10px 10px 10px 10px;
		  border:2px solid black;
      }


p.saznajteVise {position:absolute; bottom:5px; right:5px; margin:0; clear:both;}



/* --------------------------------------------------------------

 Ponuda domena 

--------------------------------------------------------------*/

table.ponudaDomena {font-size:10px; background:#eff3f6;}

table.ponudaDomena td {padding:2px; background:#fff;}

table.ponudaDomena a {text-decoration:none; color:#1b435c;}

table.ponudaDomena a:hover {text-decoration:underline;}

/*------------------------------------------------------------

Nasi klijenti page 

--------------------------------------------------------------*/

.klijentiBox {float:left; width:217px; margin:1px; background:#fafbfc;}

.klijentiBox a {color:#0b83c7; text-decoration:none;}

.klijentiBox a:hover {text-decoration:underline;}

.klijentiBox b {color:#b01202;}

/*--------------------------------------------------------------

Reklama 

--------------------------------------------------------------*/

p.reklama {text-align:center; font-size:13px;}

p.reklama a {color:#1b435c; font-weight:bold; text-decoration:none;}

p.reklama a:hover {text-decoration:underline;}

/*--------------------------------------------------------------

 Internet poklon 

--------------------------------------------------------------*/

table.intPoklon {width:100%; background:#dee3e7; color:#1c3d5b;}

table.intPoklon td {padding:2px; background:#fff; text-align:center;}

table.intPoklon img {border:0; margin:5px 0;}

table.intPoklon tfoot td {border-top:#dee3e7 solid 3px; height:35px;}

table.intPoklon thead td {border-bottom:#dee3e7 solid 3px; height:35px;}


.ipLeft {float:left; width:267px;}
p.ipMore {float:right; width:242px; padding:3px 15px 0 0; text-align:right}
p.ipMore a {color:#09b6f6; text-decoration:none;}
p.ipMore a:hover {text-decoration:underline;}
#techBox {width:247px; padding:20px 10px;}
#techBox ul {list-style-type:disc; list-style-position:inside;}

.ipTabela {float:left; width:360px;}

.ipRight {float:right; width:360px; border-left:#d4dbdf solid 1px; padding:10px 0 0 20px;}
p.iLetter {float:left; width:20px; text-align:center; font-size:16px; padding:13px 0 0 5px}
.ipTitle {float:left; width:360px; text-align:center; font-size:14px; padding:20px 0 0 0;}
.ipForm {padding:20px 0 0 0; width:360px; float:left;}
b.ipNapomena {text-align:center; float:left; width:360px; padding:20px 0;}




/* --------------------------------------------------------------

Sub boxes

--------------------------------------------------------*/

#subBoxes {float:left; clear:both; width:680px; margin:11px 0 0 0;}



.subBoxHolder {float:left; width:215px; margin:0 7px 0 0;}

.subBoxSingle {float:left; width:203px; background:url(http://www.eutelnet.com/img/box-sub-bgr.png) bottom repeat-x ; padding:0px 0px 0px 10px; margin:5px 0 0 0px; height:90px;}

.subBoxSingle p {line-height:14px;}

.subBoxSingle b {color:#325e7f;}

.subBoxSingle span {color:#939ea7;}

.subBoxSingle a { text-decoration:none;}

.subBoxSingle a:hover {text-decoration:underline;}



.subBoxSingle dl {float:left; width:193px; line-height:14px; padding:0 0 0 0px;}

.subBoxSingle dt a{float:left; width:120px; color:#325e7f; text-decoration:none;}

.subBoxSingle dt a:hover {text-decoration:underline;}

.subBoxSingle dd {float:right; width:73px; text-align:right;}

.singleBox1{float:left; width:191px; height:83px;}

.singleBox2{float:right; padding-top:65px;}

.singleBox3{float:left; padding-top:0px; }



/* --------------------------------------------------------------

   INFO BOXES

-------------------------------------------------------------- */



.contentbox {
	
	

	width: 500px;

	text-align: center;

	background-color: #f7f7f7;

	padding: 5px;

	margin-left: auto;

	margin-right: auto;

}



.errorbox {

	border: 1px dashed #cc0000;

	font-weight: bold;

	background-color: #FBEEEB;

	text-align: center;

	width: 878px;

	padding: 10px;

	color: #cc0000;

	margin-left: auto;

	margin-right: auto;

}



/* --------------------------------------------------------------

   CLIENT AREA NAVBAR

-------------------------------------------------------------- */



.clientarealinks {
/* --------------------------------------------------------------
	border:#CCC 1px solid;
-------------------------------------------------------------- */
    padding: 10px;
	
	font-size:12px;

}



.clientarealinks a {

	color: #555555;

}



/* --------------------------------------------------------------

   TABLES

-------------------------------------------------------------- */



table.topnavbar {

	width: 895px;
	margin-top:5px;

}



tr.topnavbar {

	text-align: center;

}



tr.topnavbar a {
	
	padding-top:7px;

	color:#00aeef;

	text-decoration: none;
	
	display:block;
	
	height:21px;

}



tr.topnavbar a:hover {

	color:#fff;
	
	background:#143954;

}



table.frame {

	width: 890px;

	background-color: #f7f7f7;

	border-top: 1px dotted #cac8c9;
	
	border-right: 1px dotted #cac8c9;

	border-bottom: 2px dashed #cac8c9;
	
	border-left: 2px dashed #cac8c9;

	padding: 0px;
	
	background-color: #F9F9FF;

}



.fieldarea {
	

	
	background-color: #EFF2F9;

	text-align: right;

}

select {
	
    width:200px;

}



.clientareatable {

	width: 100%;

	background-color: #cccccc;

}



tr.clientareatableheading {

	background-color: #efefef;

	font-weight: bold;

	text-align: center;

}



tr.clientareatableactive {

	background-color: #ffffff;

	text-align: center;

}



tr.clientareatablepending {

	background-color: #FFFFE2;

	text-align: center;

}



tr.clientareatablesuspended {

	background-color: #E9FFD2;

	text-align: center;

}



tr.clientareatableterminated {

	background-color: #FFE1E1;

	text-align: center;

}



/* --------------------------------------------------------------

   NETWORK ISSUES

-------------------------------------------------------------- */



.networkissuessummary {

    background-color: #f6f6f6;

    border: 1px dashed #cccccc;

    padding: 10px;

    text-align: center;

}



.networkissuesopen {

    font-size: 16px;

    font-weight: bold;

    color: #65CC00;

    padding-right: 20px;

}



.networkissuesscheduled {

    font-size: 16px;

    font-weight: bold;

    color: #EEDD00;

    padding-right: 20px;

}



.networkissuesclosed {

    font-size: 16px;

    font-weight: bold;

    color: #888888;

}



.networkissuedescription {

    border-left: 5px solid #efefef;

    padding: 20px;

    padding-top: 1px;

}



.networkissueaffected {

    background-color: #FDFCDD;

    padding: 10px;

    margin-top: 10px;

}



/* --------------------------------------------------------------

   SUPPORT TICKETS

-------------------------------------------------------------- */



.clientticketreplyheader {

    margin-top: 20px;

    background-color: #92BDEA;

    font-weight: bold;

    color: #ffffff;

    padding: 4px 20px 4px 20px;

}



.clientticketreply {

    min-height: 80px;

    background-color: #ffffff;

    background-image: url('images/clientticketreplybg.gif');

    background-repeat: repeat-x;

    padding: 10px;

}



.adminticketreplyheader {

    margin-top: 20px;

    background-color: #888888;

    font-weight: bold;

    color: #ffffff;

    padding: 4px 20px 4px 20px;

}



.adminticketreply {

    min-height: 80px;

    background-color: #ffffff;

    background-image: url('images/adminticketreplybg.gif');

    background-repeat: repeat-x;

    padding: 10px;

}



.closeticket {

    border: 1px dashed #cc0000;

	font-weight: bold;

	background-color: #FBEEEB;

    color: #cc0000;

}



/* --------------------------------------------------------------

   TEXT COLORS

-------------------------------------------------------------- */



.textblack {

	color: #000000;

}



.textblue {

    color: #224488;

}



.textgreen {

	color: #779500;

}



.textgrey {

	color: #888888;

}



.textgold {

    color: #ffbb55;

}



.textorange {

	color: #ff6600;

}



.textred {

	color: #cc0000;

}