@charset "utf-8";
/* ELTA Master CSS Document 
*	Design by Vladan Zlatic vladan.zlatic@online.rs
*	HTML/CSS by Aleksandar Cocek aleksandar.cocek@online.rs
*	Note: Use with YUI Grids
*/

html{
	background: url(../graphics/background.jpg) top left repeat-x;
}

body{
}

a{
	color:#C91410;
}

#wrapp{
	margin:0 auto;
	width:980px;
	*width:81.55em;
	height:100%;
	min-height:52em;
	/**height:82em*/
	}

#bd{
	/*background:url(../images/wrapp_bg.png) left top repeat-y scroll;*/
	width:980px;
	*width:81.55em;
	height:100%;
	min-height:52em;
	
    }

/* Fonts */
@font-face {
  font-family: 'Myriad Pro Bold';
  src: url(../fonts/MyriadPro-Bold.eot); /* IE font */
}

@font-face {
  font-family: 'Myriad Pro Regular';
  src: url(../fonts/MyriadPro-Regular.eot); /* IE font */
}


@font-face {
  font-family: 'Myriad Pro Bold';
  src: url(../fonts/MyriadPro-Bold.otf) format("opentype");
}

@font-face {
  font-family: 'Myriad Pro Black';
  src: url(../fonts/MyriadPro-Black.otf) format("opentype");
}

@font-face {
  font-family: 'Myriad Pro Regular';
  src: url(../fonts/MyriadPro-Regular.otf) format("opentype");
}


/* Essential styles */
a{
	outline: none;
}

strong{
	font-weight: bold;
}

em{
	font-style:italic;
}

img{
	border: none;
}

.clearfix{
	clear: both;
	*height: 1%;
}

/* Header */
#hd h1{
	position: absolute;
	top: -99999px;
	left: -99999px;
}

.logo{
	position: relative;
	width: 222px;
	height: 84px;
	padding-top: 15px;
	float: left;
}

.topnav{
	position: relative;
	float: right;
	width: 430px;
	height: 20px;
	padding-top: 10px;
}

.topnav ul li{
	float: left;
	display: inline;
	padding: 5px;
	font:normal 13px Arial, Helvetica, sans-serif;
}

.topnav ul li a{
	text-decoration: none;
}

.banner{
	position: relative;
	float: right;
	padding-top: 10px;
}

/* Icons */
#phone{
	background:url(../graphics/icon-phone.jpg) left center no-repeat;
	padding: 5px 5px 5px 20px;
}

#email{
	background:url(../graphics/icon-mail.jpg) left center no-repeat;
	padding: 5px 0 5px 20px;
}

#press{
	background:url(../graphics/icon-press.png) left center no-repeat;
	padding: 5px 0 5px 14px;
}

#about{
	background:url(../graphics/icon-onama.png) left center no-repeat;
	padding: 5px 0 5px 14px;
	margin-left:7px;
}

.red{
	color: #c12318;
}

.gray{
	color: #8e8e8e;
}

#kabl-tv{
	background:url(../graphics/nav-televizija-bg.jpg) left center no-repeat;
	width: 119px;
	height: 38px;
	padding: 5px 0 0 50px;
}

li#kabl-tv:hover{
	background:url(../graphics/nav-televizija-bg-hover.jpg) left center no-repeat;
	width: 119px;
	height: 38px;
	padding: 5px 0 0 50px;
	color: #555;
}

#kabl-net{
	background: url(../graphics/nav-internet-bg.jpg) left center no-repeat;
	width: 115px;
	height: 38px;
	padding: 5px 0 0 50px;
}


li#kabl-net:hover{
	background: url(../graphics/nav-internet-bg-hover.jpg) left center no-repeat;
	width: 115px;
	height: 38px;
	padding: 5px 0 0 50px;
	color: #555;
}

#kabl-wifi{
	background:url(../graphics/nav-bezicnaTV-bg.jpg) left center no-repeat;
	width: 115px;
	height: 38px;
	padding: 5px 0 0 50px;
}

li#kabl-wifi:hover{
	background:url(../graphics/nav-bezicnaTV-bg-hover.jpg) left center no-repeat;
	width: 115px;
	height: 38px;
	padding: 5px 0 0 50px;
	color: #555;
}

#kabl-phone{
	background:url(../graphics/nav-telefon-bg.jpg) left center no-repeat;
	width: 107px;
	height: 38px;
	padding: 5px 0 0 50px;
}

li#kabl-phone:hover{
	background:url(../graphics/nav-telefon-bg-hover.jpg) left center no-repeat;
	width: 107px;
	height: 38px;
	padding: 5px 0 0 50px;
	color: #555;
}

/* Buttons */
.black{
	background:url(../graphics/button-black.jpg) left center repeat-x;
	height: 21px;
	padding: 2px 10px;
	border: none;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-radius-top-right: 4px;
	-webkit-border-radius-bottom-right: 4px;
	text-transform: uppercase;
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #fff;
}

.dark-gray{
}

.gray-button{
	background:url(../graphics/button-gray.jpg) repeat-x scroll center left;
	padding:5px 0;
	width:206px;
	border:1px solid #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}
 a.gray-button:hover, a.red-button:hover, input.red-button:hover{
	opacity:0.85;
	}
.red-button{
	background:url(../graphics/button-red.jpg) repeat-x scroll center left;
	padding:5px 0;
	width:206px;
	border:1px solid #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
}

.red-button-login{
	background:url(../graphics/button-red.jpg) repeat-x scroll center left;
	padding:5px 40px;
	width:206px;
	border:1px solid #fff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	position:relative;
	top:50px;
}

input.big{
	width:351px;
}

textarea.big{	
	width:351px;
}

input.middle{
	width:165px;
}

li.left{
	clear:both;
	width:175px;
	float:left;
}

li.right{
	float:left;
	width:185px;
	margin-left:10px;
}

/* Navigation */
.nav-bg{
	background:url(../graphics/nav-bg.jpg) left center no-repeat;
	width: 960px;
	height: 56px;
	margin-top: 20px;
}
.navigation ul{
	margin: 0 15px;
	text-align:left;
}

.navigation ul li{
	float: left;
	display: inline;
}

.navigation ul li a{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #777;
	text-transform:uppercase;
	text-decoration: none;
	line-height: 12px;
	text-shadow: #FFF 1px 1px 0;
}

.search{
	float: right;
	width: 277px;
	height: 44px;
}

.search ul{
	border: 1px solid #e3e3e3;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 21px;
	margin: 7px 22px;
}
.search ul li{
	float: left;
	display: inline;
}

.input{
	background:url(../graphics/input-bg.jpg) center left repeat-x;
	padding:3px 5px;
	color:#777;
	font-size:11px;
	width: 169px;
	border: none;
	-moz-border-radius:4px;
	border:1px solid #ccc;
}
.required{
	float:left;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#666;
	width:100px;
}

	
/* Content */
.main-banner{
	background:url(../graphics/bigBaner-bg.jpg) center top no-repeat;
	width: 960px;
	height: 292px;
	position:relative;
}
.panes{
	background:url(../graphics/korisnickiNalog-bg.jpg) repeat-x scroll left bottom;
	min-height:198px;
	_height:198px;
	-moz-border-radius-topright:4px;
	border:1px solid #ddd;
}
#quickLinks{
	position:absolute;
	width:668px;
	left:10px;
	bottom:11px;
	}
.quickLinks-bg{
	background-color:#000;
	opacity:0.5;
	height:35px;
	}
ul.quickLinks-content{
	height:35px;
	padding:5px 0 0 10px;
	position:absolute;
	z-index:1;
	}
ul.quickLinks-content li{
	float:left;
	display:inline;
	margin-right:5px;
	border-right:1px solid #999;
	}
ul.quickLinks-content a{
	color:#fff;
	text-decoration:none;
	font:normal 12px Arial, Helvetica, sans-serif;
	padding-right:5px;
	}	
ul.quickLinks-content a:hover{color:#c91410;}		
#userLogin ul#nalog {
	margin:20px 15px;
	}
#userLogin ul#nalog  li{
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#444;
	line-height:16px;
	}
#userLogin ul#nalog  li a.gray-button{
	text-decoration:none;
	display:block;
	text-align:center;
	margin:5px 0;
	}	
#userLogin ul#nalog  li a.red-button{
	text-decoration:none;
	display:block;
	text-align:center;
	margin:5px 0;
	}	
#userLogin{
	position:absolute;
	margin-top:-57px;
	width:260px;
	left:677px;
}
#userLogin ul{
	margin: 10px 15px;
}
.white{
	border:1px solid white;
	-moz-border-radius-topright:6px;
	display:block;
}
.whiteTab{
	border:1px solid white;
	-moz-border-radius-topright:4px;
	-moz-border-radius-topleft:4px;
	display:block;
	border-bottom:none;
}
#login li{
	margin:5px 0;
}
.home-bg{
	background: #FFFFFF url(../graphics/home-content-bg.jpg) center top no-repeat;
	width: 960px;
	min-height: 279px;
}

.page-bg{
	background: #FFFFFF url(../graphics/page-content-bg.jpg) center top no-repeat;
	width: 960px;
	min-height: 279px;
}

.content{
	width: 666px;
	float: left;
	display: inline;
}

.sidebar{
	width: 285px;
	float: left;
	display: inline;
	margin-top: 14px;
}

.home-entry{
	padding: 14px 0 0 0px;
}

.home-entry2{
	padding: 14px 0 0 14px;
}

.box{
	float: left;
	display: inline;
	width: 141px;
	padding: 10px;
	margin-left:2px;
	text-align:left;
}

.products {
	width:200px;
}

.box h3{
	font:normal 20px Arial, Helvetica, sans-serif;
	color: #c91410;
	/*text-transform:capitalize;*/
	font-size:18px;
}

.box-content{
	min-height: 55px;
	padding: 10px 0;
}
.box-content p{
	font-size:11px;
	color:#777;
	}
.box-image img{
	border: 1px solid #b7b7b7;
}

.box-link{
	text-align: left;
	padding:5px 15px 0 0;	
}

.box-link a{
	color: #222;
	font-size:11px;
}
.box-link a:hover{color:#c91410;}
.news-box{
	padding: 10px 30px;
	text-align:left;
}

.news-box h3{
	font:bold 13px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	text-transform:uppercase;
	color:#555;
}

.news-box h3 a{
	color:#555;
}

.home-entry p{
	color: #555;
	text-align:left;
	margin: 10px 0;
}

.news-box-content{
	padding: 10px 0;
	
}

.news-box-content li.date {
	font-size:11px;
	color:#999;
	}
.news-box-content h3{
	border: none;
}

.news-box-content ul li h3 a{
	font:normal 16px Arial, Helvetica, sans-serif;
	color: #c91410;
	text-transform:none;
}

.news-box-content ul li a{
	color: #222;
	font-size:12px;
}
.news-box-content ul li a:hover{color:#c91410;}
.news-box-content p{
	color: #555;
}
.news-box-content p{
	margin:10px 0;
}

.news-box-content img{
	float: left;
	margin-right: 10px;
	/*border: 1px solid #b7b7b7;*/
}

.news-box-content ul li{
	padding: 2px 0;
	color: #555555;
	list-style-type: disc;
	list-style-position: inside;
}

.news-box-content ol li{
	padding: 2px 0;
	color: #555555;
	list-style-type: decimal;
	list-style-position: inside;
}


/* Sidebar */
.info-box{
	background:#fefefe url(../graphics/korisnickiNalog-bg.jpg) repeat-x scroll bottom left;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	min-height: 150px;
	padding: 10px 20px 20px;
	width: 225px;
	margin-left: 15px;
	margin-bottom: 15px;
}

.info-box h3{
	font:normal 14px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px dotted #b4b4b4;
	padding-bottom: 5px;
	color: #666666;
}

.info-box-content{
	margin: 0.3em 0;
}

.info-box-content img{
	float: left;
	margin-right: 5px;
	border: 1px solid #b7b7b7;
}
.info-box-content ul li{
	padding:2px 0;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#777;
	text-align:left;
	}
.info-box-content ul li span{
	color:#c91410;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:right;
	/*width:100px;*/
	display:block;
	float:left;
}

/* Sidebar tabs */
ul.info-box-content li{
	padding:2px 0;
	font:normal 13px Arial, Helvetica, sans-serif;
	color:#777;
	text-align:left;
	}
ul.info-box-content li span{
	color:#c91410;
	font:normal 13px Arial, Helvetica, sans-serif;
	text-align:right;
	width:65px;
	display:block;
	float:left;
}


/* LINK MORE */
.more, .readmore, #sidebar .readmore{
	float: right;
	color: #009FBD;
	text-decoration:underline;
}

.table_title{
	background-color:#FFFFFF;
	border-bottom:1px solid #BBBBBB;
	font-size:11px;
	font-weight:bold;
	height:25px;
	padding:5px;
	text-transform:uppercase;
}

.table_item{
	font-size:11px;
	line-height:14px;
	padding:4px 4px 4px 8px;
	border-bottom:1px dotted #BBBBBB;
}

.form-list {
	margin-top:10px;
}

.form-list li {
	margin-bottom:10px;
	text-align:left;
	padding: 0.5em 0;
	color: #454545
}

.form-list li label{
	font-weight:bold;
	color:#454545
}

#form-box li{
	height:35px;
	padding-bottom:3px;
}

#form-box input, #form-box textarea{
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #acacac;*/
	float:left;
	height:15px;
	width:255px;
	padding:4px;
	color:#555;
}

#filteri select{
	background:url(../graphics/input-bg.jpg) center left repeat-x;
	padding:3px 5px;
	color:#777;
	font-size:11px;
	width: 169px;
	border: none;
	-moz-border-radius:4px;
	border:1px solid #ccc;
}

#filteri label{
	display:block;
	float:left;
	padding:3px 0;
	width:80px;
}

ul.sitemap li ul{
	padding-left:30px;
}

ul.sitemap li ul li ul{
	padding-left:60px;
}

ul.sitemap li ul li ul li ul{
	padding-left:90px;
}

ul.sitemap li ul li ul li ul li ul{
	padding-left:120px;
}

table.internet {
	width:600px;
	text-align: left;
}

table.internet tr td{
	border-right:1px solid #dddddd;
	padding:10px;
}

table.internet tr{
	border-bottom:1px solid #dddddd;
}

table.internet tr td ul li{
	list-style-type:none;
}

table.internet tr td ul li.paket_title a{
	font-size:23px;
	color:#C91410;
	margin-bottom:10px;
	text-decoration:none;
}

.paket_cena{
	margin-top:10px;
}

.paket_cena span{
	font-size:20px;
}

/* Contact */

ul#contact li{
	list-style: none;
	list-style-type:none;
}

#browsable{
	left:0px;
}

.navi{
	left:0px;
}

/* Footer */
#ft{
	background:url(../graphics/ft-bg.jpg) bottom left repeat-x;
	height: 120px;
}

.wrapp{
	width:73.85em;
	*width:72.07em;
	min-width:960px; 
	margin:auto; 
	text-align:left;
	padding-top: 53px;	
}

#ft img{
	position: relative;
	float: left;
	margin-top: 10px;
}

#ft ul{
	padding-top: 15px;
	float: right;
	position: relative;
}

#ft ul li{
	padding: 5px 0;
	text-align: right;
	color: #FFF;
}

#ft ul li a{
	color: #FFF;
	text-decoration: none;
}