body
{
background: #2B4C6D url('images/body.jpg') repeat-y center top;
font-family: verdana, arial;
font-size: 62.5%;
line-height: 14px;
color: #E2E3E7;
}

* {margin: 0; padding: 0; }

#header h2, #header-short h2
{
display: none;
}

#container1
{
position:absolute;
margin:-285px 0px 0px -390px;
top: 50%;
left: 50%;
padding: 0;
height: 570px;

overflow:hidden;
background: #2B4C6D;
width:776px;
border: #204061 2px solid;
}

#container
{
margin: 0 auto;
overflow:hidden;
background: #2B4C6D;
width:776px;
border: #204061 2px solid;

}

h4
{
color:#6567A0;
font-size: 1em;
}

h5
{
font-size: 1em;
color: #FBFBFB;
text-align:center;
margin: 0px 0 10px 0;
}

#header
{
height: 322px;
background:url('images/header1.jpg') no-repeat;
padding-bottom: 3px
}

#header-short
{
height: 210px;
background:url('images/header-short.jpg') no-repeat;
padding-bottom: 3px
}

.leister-logo
{
width: 100px;
height: 29px;
display: block;
float:right;margin-right: 20px;margin-top: 23px;
}


.leister-logo img
{
border: none;
}

.content
{
padding: 0 9px 0 8px;
width: 760px;
float:left;
clear:both;
}

/*---------------left coll all pages----------*/

.left_coll
{
float: left;
padding: 0px 7px 0px 0px;
}

.text-left
{
border: 1px solid #55708A;
overflow:hidden;
background: #253F5B url('images/light.jpg') no-repeat top right;
float: left;
width: 215px; 
padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:10px
}


/*------------ left-coll proizvodi--------------*/

.primjena
{
padding-left: 0px;
padding-top: 12px;
font-size: 1.1em;
}

.primjena ol
{
padding: 17px 0px 0px 15px;
border-bottom: #55708A 1px solid;
}

.primjena ol li
{
padding-bottom: 14px;
}

.primjena ul
{
padding-left: 25px;
}

.primjena ul li
{
padding-bottom: 10px;
}

.primjena a
{
background: transparent;
color: #8EC0EF;
text-decoration: none;
}

.primjena a:hover
{
color: #FBFBFB;
}

.primjena img
{
border: none;
vertical-align: text-bottom;
}

.primjena1
{
width: 205px;
height: 128px;
overflow: auto;
padding: 5px;
}

.primjena2
{
width: 205px;
height: 228px;
overflow: auto;
padding: 5px;
}

/*--------------left coll index only------------*/

.address
{
padding-top: 28px;
color: #2B4C6D;
font-size: 1.1em;
}


.address p
{
margin-top: 22px;
padding: 14px 0px 10px 15px;
background: #FBFBFB;
}


.address img, .address a
{
border: none;
color: #2B4C6D;
}

.address a:hover
{
text-decoration: none;
}


/* -------------top navigation in right coll-------------*/
#main_menu
{
float:right;
height: 40px;
margin-bottom: 5px;
}

.navlist
{
display: inline;
width: 400px;
font-size: 1.1em;
}

.navlist li
{
display: inline;
list-style: none;
}

.navlist a
{
display:inline;
float:left;
display: block;
height: 27px;

color:#8EC0EF;
text-decoration: none;
text-align:center;
background: #253F5B;
border: #55708A 1px solid;
padding: 12px 15px 0px 15px;
margin-left: 3px;
}

.navlist a:hover
{
background:#253F5B url('images/light1.jpg') no-repeat top right;
color:#ffffff;
border: 1px solid #55708A;
}


/*-------------all pages--------------*/

.right_coll
{
width: 513px;
overflow: hidden;
float:right;
}

/*-------------------- right coll content-----------*/
.text1
{
width: 488px;
background:#253F5B;
float: right;
padding: 10px;

}

.text2
{
width: 738px;
background: #253F5B url('images/light.jpg') no-repeat top right;
float: left;
padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:7px
}

.text1, .text2
{
border: #55708A 1px solid;
color: #2B4C6D;
margin-top: 10px;
}

.text1 p, .text2 p
{
background: #FBFBFB;
padding: 36px 20px 36px 20px;
overflow: hidden;
font-size: 1.2em;
}

.text1 span, .text2 span
{
font-weight: bold;
color: #D63545;
}

.namjena
{
padding: 5px 10px 10px 10px;
font-size: 1.1em;
margin: 0px; 
background: #FBFBFB;
}

.namjena li
{
margin-left: 16px;
}

.teh
{
padding: 5px 0px 5px 5px; 
background: #FBFBFB;
overflow:hidden;
border-bottom: #2B4C6D 3px solid;
float: left;
margin: 0;
width:734px;
}


.teh img
{
border:#2B4C6D 1px solid;
float: left;
margin-top: 5px;
}

.teh .opis
{
font-size: 1em;
float: left;
padding: 0 0px 0 25px;
width:283px;
list-style: none;
}

.teh .opis li
{
width: 283px;
}

.opis .tp
{
float: left;
list-style: none;
width: 90px;
padding: 0 4px 0 0px;
}

.teh .zoom
{
font-size: 1em;
width: 117px;
float: left;
}

.zoom li
{
display: inline;
}

.zoom a, .opis a
{
color: #2B4C6D;
font-weight:bold;
text-decoration: none;
display: inline;
}

.zoom a:hover, .opis a:hover
{
color: #D63545;
}


/*-----------style for photo gallery-----------*/

#photo_strip {width:488px;}
#gallery {margin:0; padding:0; height:420px; overflow:auto; color:#222; background:#FBFBFB;}
#gallery ul {margin:0; padding:0; list-style:none; white-space:nowrap; display:table-row;}
#gallery ul li {display:table-cell; padding:0 10px; background:#FBFBFB; border-bottom:1px solid #888; vertical-align:top;}
#gallery ul li img {border:1px solid #555; margin: 13px 0 10px 0;}
#photo_strip h1 {text-align:center; padding:0; margin:0; width:488px; height:38px; line-height:35px; color:#555; font-weight:normal; font-size:20px; border-bottom:1px solid #888;}
#gallery p {margin:0; padding:5px 0; font-size:1.1em; background: #FBFBFB;}



/*--------------footer all pages---------------*/
#footer
{
padding: 7px 7px 0 7px;

clear: both;
}

#footer img
{
border:0;
display:inline;
margin: 0 4px;
}


#footer p
{
margin-top: 10px;
border-top: #4679AE 2px solid;
padding-top: 10px;
text-align: center;
font-size: 0.9em;
margin-bottom:10px;
}

#footer a
{
color:#E2E3E7;
text-decoration: none;
}

#footer a:hover
{
text-decoration: underline;
}

.video
{
float: left;
clear:both;
}

.page-no, .page-no-up
{
color: #fbfbfb;
text-align: center;
font-size: 1.1em;
}

.page-no a, .page-no-wrap a, .karta-txt a
{
color: #8EC0EF;
text-decoration: none;
}

.page-no a:hover, .page-no-wrap a:hover, .karta-txt a:hover
{
color: #FBFBFB;
}

.page-no-wrap
{
text-align:left;
padding: 12px 15px 0px 15px;
height: 27px;
text-align:center;
background: #253F5B;
border: #55708A 1px solid;
}