/*
	project:  abstract studio template
	author:   luka cvrk (www.solucija.com)
*/
body {
font: .74em Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
line-height: 1.64em;
background: #fff;
color: #444;
}
a {
color: #299DCA;
background: inherit;
text-decoration: none;
}
a:hover {
color: #444;
background: inherit;
}
.blue {
color: #299DCA;
}
.white {
color: #fff;
}
p {
margin: 0 0 15px 0;
color: #444;
text-align: left;
}
h1 {
font: normal 2.4em Georgia, Arial, Sans-Serif;
margin: 15px 0 0 5px;
font-size: 1.2em;
}
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 {
font: bold 1.6em Arial, Sans-Serif;
margin: 0 0 12px;
color: #299DCA;
}
h4 {
color: #808080;
background: inherit;
font-weight: normal;
font-size: .9em;
}
#content {
width: 920px;
margin: 0 auto;
}
#logo {
float: left;
border-bottom: 5px solid #7DD0F1;
height: 58px;
width: 280px;
}
ul.menu {
float: right;
width: 635px;
padding: 10px 0;
margin: 19px 0 5px;
border-bottom: 5px solid #e0e0e0;
}
ul.menu li {
font-size: 1.1em;
display: inline;
}
ul.menu li a {
padding: 17px 15px 0 10px;
margin: 0 30px 0 0;
background: #fff url(../images/menuarrow.gif) no-repeat 10px 5px;
color: #808080;
border-left: 1px solid #e0e0e0;
}
ul.menu li.active a {
color: #299DCA;
border-left: 1px solid #299DCA;
background: #fff url(../images/menuarrow-active.gif) no-repeat 10px 5px;
}
ul.menu li a:hover {
color: #299DCA;
/*border-left: 1px solid #7DD0F1; */
border-left: 1px solid #299DCA;
background: #fff url(../images/menuarrow-active.gif) no-repeat 10px 5px;
}
#intro {
clear: both;
background: #ccc url(../images/teaser.jpg) no-repeat;
color: #333;
height: 150px;
padding: 35px 0 0 20px;
position:relative;
}
#intro h1 {
margin: 0px;
background: #666666 url(../images/h1bg.jpg) repeat-x bottom;
display: inline;
color: #7DD0F1;
padding: 2px 5px;
}
#intro p {
margin: 0;
color: #808080;
font-weight: bold;
font-size: 1.7em;
font-family: Tahoma, Arial, "Trebuchet MS", Tahoma, sans-serif;
}
#login {
font-size: .9em;
margin: 45px 0 0;
}
#login a {
color: #616161;
background: #8BE1FA;
padding: 4px 20px 6px;
border-bottom: 1px solid #616161;
}
#login a:hover {
color: #fff;
background: #8BE1FA url(../images/loginhover.gif) no-repeat;
}
#left {
clear: left;
float: left;
width: 550px;
padding: 0 34px 0 5px;
margin: 15px 0 15px;
text-align: left;
}
#left img {
border: 1px solid #ccc;
padding: 1px;
float: left;
margin: 3px 15px 15px 0;
}
#articles {
margin: 40px 0 0 0;
padding:0;
}
#articles li  {
border-top: 1px solid #cecece;
list-style: none;
float: left;
width: 245px;
background: #eee url(../images/newslist.jpg) repeat-x bottom;
padding: 4px 8px;
margin: 0 15px 0 0;
}
#articles li a {
background: url(../images/menuarrow.jpg) no-repeat 0 5px;
padding: 0 0 0 8px;
}
#articles li.last {
margin: 0;
}
#right {
position: relative;
top: 0px;
margin: 0 15px 0 0;
padding: 15px;
float: left;
width: 284px;
font-size: 1.0em;
background: #fff;
text-align: left;
}
#right img {
border: 1px solid #ccc;
padding: 1px;
margin: 0 2px -8px;
}
#left a {
background: #EFFCFF;
}
#left h3 {
border-bottom: 1px solid #eee;
padding: 0 0 7px;
margin: 0 0 15px 0;
}
#right h2 {
border-bottom: 1px solid #ccc;
padding: 0 0 8px;
text-align: left;
}
#right .info {
border: 1px solid #e0e0e0;
background: #f4f4f4;
padding: 2px;
margin-bottom: 5px;
margin-right: 100px;
text-align: left;
}
#footer {
border-top: 1px solid #ccc;
padding: 10px;
margin: 0 0 5px;
font-size: .9em;
color: #9b9b9b;
background: #fff;
}
#footer a {
color: #808080;
background: #fff;
font-weight: bold;
}
.right{
float: right;
padding: 7px 0 0 15px;
}
#content #left h2 .blue {
color: #444;
}
#content #left h2 .blue {
color: #444;
}
.meer {
color: #299DCA;
}
.meer {
color: #00C;
}
.bold {
font-weight: bold;
}
.bold {
font-weight: bold;
}
.bold {
font-weight: bold;
color: #444;
}
.mail {
color: #299DCA;
}
.tel {
color: #299DCA;
}
.fax {
color: #299DCA;
}
.normal {
font-weight: normal;
color: #444;
}
gold {
color: #FC0;
}
.clear{
clear:both;
height:1px;
overflow:hidden;
}
div#lang{
padding-right:20px;
float:right;
width:70px;
}
div#lang img{
padding:1px;
border:1px solid #ccc;
margin-left:5px;
}
h4.path{
display:inline;
}
div.quotes img{
width:60px;
float:left;
border:1px solid #f00;
}
div.quotes p{
margin-left:75px;
}
h6{
margin:0;
padding:0;
}
ul.quickmenu{
margin:0;
padding:0;
list-style:none;
}
ul.quickmenu li{
padding:7px 0;
}
ul.quickmenu li.active a{
color:#000;
cursor:text;
}
table.data{
border-collapse:collapse;
}
table.data td{
padding:5px;
border:1px solid #ccc;
}
tr.header{
background:#4697c6;
color:#fff;
font-weight:bold;
}
tr.hover{
background:#ddd;
}
span.x{
font-size:1.2em;
text-transform:uppercase;
}
table.logo td{text-align:center;}
table.logo img {
    float:none !important;
    border: none !important;
    margin: 5px 0 !important;
}