html {background-color:#e0e0e0;
      font-family:"Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
      color:#3d3d3d;
      background-image:url(/style/images/containerTop.gif); background-position:top center; background-repeat:no-repeat;
}

body {}
/*
GLOBALS ------------------------- */

h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size:24px;}
h2 {font-size:22px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}



a {outline:none; color:#353535;}
a:hover{text-decoration:underline; color:#016D85;}

.main a {color:#016D85;}
.news a {color:#353535;}

.cleardiv       {clear:both; font-size:1px; height:1px; line-height:1px;}

/* IMPORTANT TEXT STYLE */
.text           {padding:10px; font-size:12px; line-height:20px;}

.text:first-letter {font-weight:bold; font-size:18px; text-transform:uppercase;}

.tcen           {text-align:center;}
.flt            {float:left;}
.flr            {float:right;}
.pndSml         {padding:10px;}
.mrgSml         {margin:10px;}

.error          {color:red;
                 background: url(/style/images/Lightning.png); background-repeat:no-repeat;
                 background-position:5px 10px;
                 padding:10px 10px 10px 40px; }

/* LAYOUT */

body {text-align:center;}

.bLayout {width:913px; margin:0 auto; text-align:left; }

.container { margin-top:70px;}
.data    {background-image:url(/style/images/containerBg.gif); background-repeat:repeat-y; background-position:0px 0px; border:0px solid red;}

* html .container {padding-top:70px;}
* html .data  {background-position:2px 0px;}

.content {margin:40px 50px 40px 50px; width:803px;}
* html .content {margin-top:0px;}

.header {}

.main {width:540px; border:0px solid red; border-right:1px dotted #c4c4c4; overflow:hidden; padding-right:20px; margin-right:20px;}
.rightPage {width:210px; border:0px solid red; overflow:hidden;}

.main h2 {color:#016D85;}


.rightPage ul li {margin-bottom:10px;}

.rightbox {margin-bottom:30px;}


/* LOGO */
.logo img{margin-bottom:3px; margin-left:10px;}
.logo h1{font-size:10px; font-weight:bold;}
.logo h2{font-size:10px; font-weight:bold;}


/* SIMPLE TEXT */
.simpleText{border-bottom:1px dotted #C4C4C4; padding-bottom:20px; margin-bottom:20px;}

/* NEWS */
.news {}
.news a{text-decoration:none;}
.newsItem {}


/* REFERENCI */
.referenci{}
.referenci .avtor{text-align:right; font-weight:bold;}


/* REFERENCI */
.baza{}
.baza ul li {margin-bottom:10px;list-style:square !important}
.poveke{text-align:right; font-weight:bold;}



/* FOOTER */
.footer {height:272px; background: url(/style/images/footer.gif) repeat-x; width:903px; text-align:left; color:#353535;}
.footer .box1{width:230px; height:180px; padding:30px; border:0px solid red;}
.footer .box2{width:265px; height:180px; padding:30px 15px 15px 15px; border:0px solid red;}
.footer .box3{width:240px; height:180px; padding:30px; border:0px solid red;}
.footer .box3 input,textarea {width:100%; margin-bottom:5px; padding:3px; color:#b0b0b0;
                              border:1px solid #c4c4c4; background: url(/style/images/input.gif);}
.footer .box3 button {width:248px;; height:26px; cursor:pointer; color:#353535; font-weight:bold; border:1px solid #c4c4c4; background: url(/style/images/button.gif) repeat-x;}
.fcont  {margin:0 auto;}
.copyright {text-align:center;}

.footer .box3 input.inputError ,  .footer .box3 textarea.inputError {border:1px solid #016d85; background:#fff;}

.submitMsg{text-align:center; color:#8dc63f; margin-top:10px; display:none;}


/*
SEARCH RSS LANUGAGE ------------------------- */

.searchField        {border:1px solid #c2c2c2; width:276px;
                     height:27px; background-color:#fff;}

.searchField input {width:240px; height:22px; font-size:14px;
                    border:none; color:#c2c2c2;
                    padding-top:5px; padding-left:5px;}


.searchField img    {margin:5px;}

.rss {margin-left:15px;}

.lang {width:27px; height:27px; background: url(/style/images/langbtn.gif) no-repeat; margin-left:6px; text-align:center; line-height:27px;}
.lang a{color:#fff; text-decoration:none;  display:block;}
.lang .langBox{position:absolute; display:none; margin-top:2px;  z-index:4; width:25px; background:#fff;  border:1px solid #ccc; opacity:0.5;}
.lang .langBox a {color:#666; display:block;}
.langBox a:hover {color:#333; text-decoration:underline;}



/*
MENU ------------------------- */
.menu {margin-top:40px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;
       font-size:18px; color:#454545; padding-top:10px; padding-bottom:10px; background-color:#EDEDED; }

.menu ul li {float:left; position:relative; z-index:77; margin-left:20px; }
.menu ul li a{color:#454545; text-decoration:none; margin-right:10px;}
.menu ul li a:hover{text-decoration:none;background-color:#D1D3DF;}

.menu ul li ul{display:none; position:absolute; left:0; top:0px;  margin-top:33px;  font-size:14px; background:#fff; border:1px solid #c4c4c4; }
.menu ul li ul li { clear:both; margin-left:0px; padding:5px;font-size:14px;}
.menu ul li ul li a:hover { background-color:#fff;text-decoration:underline }


/*
SPLASH ------------------------- */

.splash {width:796px; height:282px; overflow:hidden; position:relative; z-index:0; border:0px solid #C2C2C2; margin-top:40px; color:#fff;}
.splash img { width:796px;}
.splash a{color:#fff; text-decoration:none;}
.splash a:hover{text-decoration:underline; color:#fff;}

.splash ul {}
.splash ul li {position:relative; top:0; left:0; }
/* .splash .info {position:absolute; bottom:0; right:0; margin-right:30px; margin-bottom:20px; z-index:99999;} */
.splash .info {position:absolute;z-index:999; background-color:#3D3D3D; opacity:0.5; bottom:0; left:0px; margin-bottom:3px; height:278px; width:200px; border:2px solid #000; }
.splash .info .text:first-letter { font-size:16px; }

#nextBtn {position:absolute;margin-top:-40px;margin-left:130px;}
#prevBtn {position:absolute;margin-top:-40px;margin-left:40px;}

.splash .prev {}
.splash .next {}

/* SMALL GALLERY */
.smallGallery ul li {position:relative; float:left; margin-right:30px; margin-bottom:20px; width:100px; height:100px;
                     overflow:hidden; border:2px solid #333; cursor:pointer;}
.smallGallery ul li .photoInfo {background:#333; color:#fff; position:absolute; left:0; bottom:0; padding:2px; width:100%;}
.smallGallery ul li.selected {border:2px solid #016D85;}
.smallGallery ul li.selected .photoInfo {background:#016D85;}

.blackout {position:absolute; background:#000; width:100%; left:0; top:0; z-index:5; opacity:0.5; display:none;}
.bigPhoto {position:absolute; z-index:6; display:none; cursor:pointer; border:5px solid #333;}

.xButton {position:absolute; z-index:6; cursor:pointer; background:#000; color:#fff; padding:3px; display:none;}




/* BLOG */
.postCat {font-size:14px;}
.postDate {font-size:10px; color:#666;}
.blogText {}
.blogText img{float:left; border:1px solid #ccc; margin:0 10px 2px 0;}

.blogPosts{}
.blogPosts li {margin-bottom:20px; border-bottom:1px dotted #C4C4C4; padding-bottom:5px;}

.blogSinglePost {}
.blogSinglePost h1{color:#016D85; font-size:22px;}

.social .item {float:left; margin-left:5px;}

.authorField {padding:10px; border:1px dotted #C4C4C4; background:#e7e7e7; overflow:hidden;}
.authorField img{float:left; margin-right:10px; border:1px solid #C4C4C4}
.authorField i{color:#626262;}
.authorField h4{border-bottom:1px dotted #C4C4C4; margin-bottom:5px;}

/* REQUEST QUOTE */
.red { color:#cc0001; }
.quote { font-family:Verdana; font-size:12px;}
.quote td { border-bottom:1px solid white; }
.quote_td2 input { width:194px; border:1px solid #D4D4D4;height:20px; background: url(/style/images/input.gif); padding-left:5px;padding-top:1px;color:#313131 }
table.quote { border:0px; width:500px; }
.quote_title { height:30px;padding-left:20px;background-color:#D3D3D3;color:black;font-weight:bold;font-size:14px; }
.quote_td1 { background-color:#F2F2F2; padding-left:50px;width:200px; height:30px; }
.quote_td2 { background-color:#F2F2F2; width:250px;}
.qcheckbox { padding-left:80px; width:10px; }
.qtext { padding-right:0px; width:140px; }
.quote textarea { width:400px; border:1px solid #D4D4D4;height:100px;margin-left:50px;color:#313131 }
.qtextarea { vertical-align: top; padding-top:5px;}