* {
	margin:0;
	padding:0;
	}
a{
  border:none;
}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	background-image: url(http://lantel.hr/images/bg_body.jpg);
	background-repeat: repeat-x;
	background-color:white;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#323232;
	}
h1{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:14pt;
	font-style:italic;
	font-weight:normal;
	padding:7px 0 7px 30px;
	color:#1E62A5;
}

h2{
	font-family:"Times New Roman", Arial, Helvetica, sans-serif;
	font-size:12pt;
	font-style:italic;
	font-weight:normal;
	padding:7px 0 7px 30px;
	color:#267BD1;
}

h3{

}


h4{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-style:italic;
	font-weight:normal;
	padding:7px 0 7px 30px;
	color:#1E62A5;
}
img {
	border:0;
	}

p {
	text-indent: 15px;
	letter-spacing: ;
	line-height: 170%;
	margin-bottom:10px;
	}

a {
	text-decoration:none;
	color:#408EA2;
	}
a:hover {
	text-decoration:none;
	color:#DE204F;
	}
ul {
	list-style-type:square;
	margin:5px 0 10px 40px;
	}
li a {
	padding:0 15px;
	margin-right:2px;
	}
li a:link{
	color:#56A1B3;
	}
li a:visited {
	color:#56A1B3;
	}
li a:hover {
	color:#DE204F;
	}
li a:active {
	color:#DE204F;
	}

/* --------------- struktura ----------------- */
#header{
	background-image: url(http://lantel.hr/images/bg_header.jpg);
    height:65px;
    margin:0px;
}
#kontejner {
	margin:0px auto;
	width:800px;
	background:none;
	font-size:1.20em;
	}
#baner_pcb, #baner_web, #baner_color {
	height:100px;
	border:1px solid black;
    margin:0px;
}
#baner_pcb {
  	background:url(http://lantel.hr/images/banner_pcb.jpg) no-repeat;
	}
#baner_web {
	background:url(http://lantel.hr/images/banner_web.jpg) no-repeat;
	}
#baner_color {
	background:url(http://lantel.hr/images/banner_color.jpg) no-repeat;
	}

#menu {
	font-size:10pt;
	height:37px;
	line-height:28px;
	background:url(http://lantel.hr/images/menuspacer.jpg) repeat-x;
	border:1px solid black;
	}
#menu ul{
	margin-left:77px;
}
.menu_divider{
	float:left;
	margin:0px;
    padding:13px 0 0 0;
}
#sadrzaj {
	float:right;
	width:600px;
    height:490px;
    overflow: auto;
	padding:10px 0 0 0;
	background:#ffffff;
	}
#sadrzaj_cms_demo {
	width:100%;
    height:490px;
    overflow: auto;
	padding:10px 0 0 0;
	background:#ffffff;
	}
/* ----------- tekst ------------------------ */

.tekst{
	padding:5px 30px;
	text-align:justify;
	line-height:1.75em;
  /*  border:1px solid red; */
	}
/* ----------- tablice ------------------------ */
.tekst table{
  font-size:9pt;
}
table {
  width:96%;
  border:1px solid #C7C7C7;
  margin:1em auto;
  border-collapse:collapse;
  text-align:center;
}
th {
  color:#678197;
  border:1px solid white;
  background:#C7C7C7;
}
td {
  color:#678197;
  border:1px solid white;
  background:#E2FCFC;
}
td.left{
  text-align:left;
  text-indent:10px;
}
th.left{
  text-align:left;
  text-indent:10px;
}
td img{
   padding:0 0 0 0;
}



/* ----------- slike na stranicama --------------- */
.centrirano{
	text-align:center;
}

.slika{
	float:left;
	margin:8px 15px 0 0;
	padding:4px;
	border:1px solid #D4D4D4;
}

.img_ref{
	float:left;
	text-align:center;
	border:1px solid #323232;
	margin:5px 5px 25px 15px;
	width:220px;
	background:#CFCFCF;
}

.img_ref img{
	margin:5px 5px 0px 5px;
	background:white;

}

.img_ref_text{
	clear:both;
	text-align:center;
    margin:10px;
}
.img_ref2{
	float:left;
	text-align:center;
	border:1px solid #323232;
	margin:5px 5px 25px 15px;
	width:220px;
	background:#CFCFCF;
}

.img_ref2 img{
	margin:5px 5px 0px 5px;
	background:white;

}

.img_ref2_text{
	clear:both;
    font-size:10pt;
	text-align:center;
    margin:10px;
}
#mapa img {
    padding:5px 5px 5px 3px;
    border:1px solid #D4D4D4;
}



/* ----------- poruke na stranicama --------------- */
.poruka{
	font: italic 10pt Verdana, Helvetica, sans-serif;
	color:#DD5800;
	line-height: 170%;
}

/* ------------ Menu ------------------------ */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 12px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:link {

	}
#menu li a:visited {

	}
#menu li a:hover {
	background:url(http://lantel.hr/images/bg-menu-hover.png) no-repeat center center;
	}
#menu li a:active {

	}

/* --------------- Sidebar ---------------------- */
#sidebar {
	float:left;
	width:200px;
    height:500px;
    overflow: auto;
	background:#efefef;
	margin:0px 0 0 0;
	}
#sidebar ul {
	list-style-type:none;
    margin:20px 0 10px 20px;
	}
#sidebar li {
	font-size:10pt;
	}
#sidebar li a {
	display:block;
	height:25px;
	line-height:24px;
	padding:5px 0 5px 5px;
	border-bottom:1px solid #C8C8C8;
	}
#sidebar li a:link {
	color:#56A1B3;
	}
#sidebar li a:visited {
    color:#56A1B3;
	}
#sidebar li a:hover {
	color:#DE204F;
	}
#sidebar li a:active {
	color:#DE204F;
	}
#sidebar img{
    border:1px solid #D4D4D4;
    margin:5px 0 5px 15px;
    padding:3px;
    }
#sidebar-bottom {
    font-size:10pt;
    position:absolute;
    top:650px;
    padding:0 0 0 25px;
	height:30px;
    border:none;
	}
#sidebar-bottom_cms {

}
#cms_login {
    border:1px solid #D4D4D4;
    width:140px;
    font-size:10pt;
    position:absolute;
    top:500px;
    margin:0 0 0 20px;
    padding:10px 10px 10px 10px;
}
.cms_login_field input{
    width:138px;
    height:18px;
}
.cms_login_gumb input{
   width:80px;
   height:20px;
   margin:10px 0 0 0;
 }
#sidebar-bottom img{
    border:none;
    margin:0 0 0 5px;
    padding:0px;
    }
#mapa_mikro{
  margin:0 0 0 5px;
}

/* ---------------- Breadcrumbs ------------------------ */
.breadcrumb{
	font: italic 13px Verdana, Helvetica, sans-serif;
    margin: 0 30px 10px 30px;
	padding:0 0 5px 0;
    border-bottom:1px solid #D4D4D4;
}
.breadcrumb a{
	background: transparent url(http://lantel.hr/images/breadcrumb.gif) no-repeat center right;
	text-decoration: none;
	padding-right:25px;
	color:#969696
}

.breadcrumb a:visited, .breadcrumb a:active{
	color:#969696;
}

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

/* ---------------- Footer ------------------------ */

#footer {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer.jpg);
    border:0px solid white;
	}
#footer_int {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_int.jpg);
    border:0px solid white;;
	}
#footer_onama {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_onama.jpg);
    border:0px solid white;;
	}
#footer_grafika {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_grafika.jpg);
    border:0px solid white;;
	}
#footer_aplikacije {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_aplikacije.jpg);
    border:0px solid white;;
	}
#footer_marketing {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_marketing.jpg);
    border:0px solid white;;
	}
#footer_kontakt {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_kontakt.jpg);
    border:0px solid white;;
	}
#footer_sitemap {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_sitemap.jpg);
    border:0px solid white;
	}
#footer_downloads {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_downloads.jpg);
    border:0px solid white;
	}
#footer_sitemap {
	font: normal 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
	clear:both;
	height:90px;
	background:url(http://lantel.hr/images/bg_footer_sitemap.jpg);
    border:0px solid white;
	}
#footer-valid {
	clear:both;
	float:left;
	padding:9px 0 0 30px;
	cursor:default;
	color:#ffffff;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* --------- kontakt ----------------------------------------------- */
.contact_left{
    float:left;
    width:138px;
}
.contact_left p{
    clear:both;
    float:right;
    margin:0 0 2px 0;
}
.contact_right{
    float:left;
}
.contact_right p{
    clear:both;
    float:left;
    display: inline;
    margin:0 0 2px 0px;
}
input, textarea{
    font-size:9pt;
	width: 200px;
	margin:0 0 5px 0;
    text-indent:5px;
	color: #006699;
	background: #BEDEFF;
	border: 1px solid #004C71;
	font-family: Arial, Helvetica, sans-serif;
}
textarea{
	width: 300px;
	height:120px;
    overflow:hidden;
}
.gumb input{
	font-size:9pt;
	width: 140px;
	padding:2px;
	color: #004C71;
	background:#BEDEFF;
	border: 1px solid #004C71;
	font-family: Arial, Helvetica, sans-serif;
}
title{
	color:red;
	background: #C8F2C8;
}
/* ---------------- Sitemap --------------- */
.sitemap{
   font-size:9pt;
}
.sitemap table{
  width:85%;
  text-align: left;
  margin:0 0 0 40px;
  background:none;
  border:none;
}
.sitemap td{
  background:none;
}
/* ---------------- Scrollbars --------------- */
html
{scrollbar-face-color: black;
scrollbar-shadow-color: #4C4C4C;
scrollbar-highlight-color: #4C4C4C;
scrollbar-3dlight-color: #666666;
scrollbar-darkshadow-color: #666666;
scrollbar-track-color: #CDCDCD;
scrollbar-arrow-color: #666666;
}
/* ---------- tooltips ---------------------- */

div.tooltip {
	width: 200px;
	color: #3399FF;
	text-align: center;
}

div.tooltip h4 {
	color: #CC0033;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(http://lantel.hr/images/balloon.png) top left no-repeat !important;
	background: url(http://lantel.hr/images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(http://lantel.hr/images/balloon.png) bottom left no-repeat !important;
	background: url(http://lantel.hr/images/balloon.gif) bottom left no-repeat;
	font-size: 12px;
}

/* ---------- style switcher ---------------------- */
.style_switcher{
    float:right;
    margin:0 0 0 0;
}
/* ---------- banner crossfade rotator ---------------------- */
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#fade-example-2 li {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFF;
	visibility: hidden;
}
li img {
	display: block;
	border: none;
}