/************************************************
*  ExpertusSolutions                            *
*  CSS document http://www.domena.hr/           *
*  Copyright (c) 2009. Coding by Davor Peic     *
*  http://www.infosit.hr  davor@infosit.hr      *
************************************************/

body { 	margin: 0; padding: 0px;  font-family:"Arial"; font-size: 62.5% ; padding-bottom: 30px; line-height: 1.7em; color:#3e3e3e; background:#D2D2D2 url(../cms_images/manintheback.png) no-repeat scroll 50% 66px; text-align: center; }
form {margin:0px; padding:0px;}
br{font-size:1em;}
textarea, select { background:#ffffff; color:#000000; font-size:9pt; } 
img, a img, a:visited img {border: 0px none; text-decoration: none;}

a:link, a:visited {	color:#595858; text-decoration:underline;} 
a:hover { color: #1483B4; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {color: #3b3b3b; margin:0px;	padding:0px;font-size:1.5em;}

h1 { font-weight:normal; color:#286690; font-size:2.1em; font-style:italic; font-weight:bold; margin: 10px 0px 8px 0px; text-transform: none; line-height:120%;}
h1 a:link, h1 a:visited { color: #1483B4;  text-decoration:none;}
h1 a:hover { text-decoration:underline; }

h2 {margin:7px 0px 6px 0px; color: #6a6a6a; font-weight:normal; font-size:1.9em; line-height:125%; padding-bottom:6px;  }
h2 a:link, h2 a:visited {color: #6a6a6a; text-decoration: none;}
h2 a:hover {text-decoration: underline; color: #1d466f;}

h3, h4, h5, h6 {color:#1483B4; font-size:1.5em; text-transform: none; margin:5px 0px 7px 0px;}
h3 a:link, h3 a:visited { color:#1483B4; text-decoration: none; }
h3 a:hover {text-decoration: underline; color: #557d97;}

p {	margin:0px;	padding-bottom: 7px;}
ul, ol { list-style-type: none; margin: 0; padding: 0;}
ul li, ol li { margin: 0; padding: 0; }

input, textarea { font-family:"trebuchet MS", "Arial";border: 1px solid #c9c9c9; background: #fff url(../cms_images/form_bg.png) 0% 0% no-repeat; font-size: .95em; padding: 3px 5px; color: #747474;}
blockquote { border-left: solid 3px #99c5e8; background-color: #ecf2f7; padding: 3px 5px 3px 6px; margin: 8px 0 8px 40px;}

input[type="image"] { background-color:transparent; border:0 none; cursor:pointer; font-family:sans-serif; font-size:small; padding:0; }

.clear { clear:both; }
/* Clearfix */
.clearfix:after { content: "." !important; display: block !important; height: 0 !important; clear: both !important; visibility: hidden !important; }
.clearfix { display: inline-block !important; clear: both; }  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1% !important;}
.clearfix {display: block !important;}
/* End Holly Hack */

/* ATTACHED FILES */
#content ul { padding:5px 10px 10px 10px; }
#content ul li, .contentBottom ul li  { background: transparent url(../cms_images/bullet01.png) 0 5px no-repeat; padding-left: 13px; }
#content ul.attachedFiles li{background: none; list-style-type: none; padding:0px;}
ul.attachedFiles { list-style-type: none; margin-left: 3px;}
ul.attachedFiles li a { line-height: 175%; padding:2px 5px 2px 23px;}
ul.attachedFiles li.icon_doc a { background-image: url(../cms_images/icon_doc.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_xls a { background-image: url(../cms_images/icon_xls.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_ppt a { background-image: url(../cms_images/icon_ppt.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_img a { background-image: url(../cms_images/icon_img.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_pdf a { background-image: url(../cms_images/icon_pdf.png); background-position: 0% 50%; background-repeat: no-repeat;}
ul.attachedFiles li.icon_zip a { background-image: url(../cms_images/icon_default.png); background-position: 0% 50%; background-repeat: no-repeat;}
/*CONTACT FORM*/

.kontaktForma{ width: 370px;}
.kontaktForma h1{font-size:12pt; padding:0px; margin:0px; padding-bottom: 8px;}
.kontaktForma input{/*padding:2px;*/ border:1px solid #EAEAEA; }
.kontaktForma label{float:left; width:165px;}
.inputTextbox {float:right; padding:7px 5px; /*dodao */ width:182px;}
.inputTextarea{float:left; width:357px; border:solid 1px #EAEAEA; font-size:1em; }
.inputCheckbox{float:left;}
.spaceHeight{float:left; height:25px;}
.floatLeft{float:left; width: 360px; padding-top:4px; padding-bottom:5px;}
.kontakt_button{padding-left: 4px;}
.floatRight{ float: right; width: 245px; margin: 0 0 10px 10px; }





/* PAGE CONTENT ***********************************************************************************************************/

#wrapper { width: 780px; margin: 0 auto; }
.head_logo { width: 195px; height: 55px; float: left; display: inline; background: transparent url(../cms_images/head_logo.png) 0 0 no-repeat; margin:15px 0; }
#head_lang { float: right; margin-top: 26px; border-left: solid 2px #e2e2e2; padding-left: 5px; }
#head_lang li { float: left; }
#head_lang li a, #head_lang li a:visited { display: block; font-size: 1.4em; font-weight: bold; text-transform: uppercase; color: #6a90a6; padding: 4px 2px; margin:4px 0 4px 2px; text-decoration: none; }
#head_lang li a:hover { text-decoration: underline; color:#286690;}

#content { width: 740px; padding: 20px; background: #fff url(../cms_images/content_top.png) 0 0 no-repeat; text-align: left; font-size:1.3em;}

#content_bottom { width: 780px; background: #dcdcdc url(../cms_images/content_bottom_bg.jpg) 0 0 no-repeat; text-align: left; border-top:1px solid #bdbdbd;  }
#content_bottom ol { width: 780px; background: transparent url(../cms_images/content_bottom_rounded.jpg) 0 100% no-repeat; min-height: 180px; padding-bottom:20px; }
#content_bottom ol li { float: left; width: 233px; padding-left: 11px; font-size: 1.1em; margin-top: 20px; /*background: transparent url(../cms_images/content_bottom_border.jpg) 0 100% no-repeat;*/ margin-left:10px;}

#content_bottom ol li h3 { margin: 0; padding: 0; font-size: 1.4em; text-transform: uppercase; font-family: "Myriad Pro","Myriad", "Trebuchet MS"; color: #286690; font-weight: bold; margin-bottom: 3px; }
#content_bottom ol li h3 a, #content_bottom ul li h3 a:visited { color: #286690; text-decoration: none; text-shadow: 1px 1px 0 #fff; padding:3px 5px 3px 0; display: block; /*min-height: 40px;*/min-height: 25px;}
#content_bottom ol li h3 a:hover { text-decoration: underline; }
#content_bottom ol li p { font-family: "Verdana"; }

#content_bottom ol li#content_bottom_contact {margin-left: 10px; background: none;}
#content_bottom ol li#content_bottom_contact h3 a { /*background: transparent url(../cms_images/contant_icn.png) 0 0 no-repeat;*/ }
#content_bottom ol li#content_bottom_contact h3 a:hover { /*background: transparent url(../cms_images/contant_icn.png) 0 -106px no-repeat;*/ }
#content_bottom ol li#content_bottom_about h3 a { /*background: transparent url(../cms_images/about_icn.png) 0 0 no-repeat;*/ }
#content_bottom ol li#content_bottom_about h3 a:hover { /*background: transparent url(../cms_images/about_icn.png) 0 -102px no-repeat;*/ }
#content_bottom ol li#content_bottom_service h3 a { /*background: transparent url(../cms_images/services_icn.png) 0 0 no-repeat;*/ }
#content_bottom ol li#content_bottom_service h3 a:hover { /*background: transparent url(../cms_images/services_icn.png) 0 -110px no-repeat;*/ }

a.blue_btn, a.blue_btn:visited { display: inline; float: left; text-decoration: none; background: transparent url(../cms_images/blue_btn.png) 0 50% no-repeat; padding-left: 3px; cursor: pointer; }
.blue_btn span { display: block; background: transparent url(../cms_images/blue_btn.png) 100% 50% no-repeat; padding: 3px 8px; color: #fff; font-size: 1em; text-transform: uppercase; font-weight: bold; }
.blue_btn:hover span { text-decoration: underline; }

a.blue2_btn, a.blue2_btn:visited { display: inline; float: left; text-decoration: none; background: transparent url(../cms_images/blue2_btn.png) 0 50% no-repeat; padding-left: 3px; cursor: pointer; margin-top: 5px; }
.blue2_btn span { display: block; background: transparent url(../cms_images/blue2_btn.png) 100% 50% no-repeat; padding: 6px 12px 6px 10px; color: #286690; font-size: 1.1em; font-family: "Verdana"; }
.blue2_btn:hover span { text-decoration: underline; }

#content_bottom_service ul li { background: transparent url(../cms_images/bullet02.png) 0 5px no-repeat; padding-left:15px; width:205px; color: #286690; font-style: italic; font-size: 1.4em; margin-bottom:9px; margin-top:0;}

#content { font-size: 1.2em; color: #5b5b5b; }
.content_gal {
float:right;
margin:40px 0 10px 10px;
width:245px;
}

.map_iframe{width: 350px; height: 250px; float: right; margin-top: 28px;}

.content_gal a { display: block; margin-bottom: 10px; }

#content h1 { margin-top: 0; }

.man_bottom { width: 165px; height: 225px; background: transparent url(../cms_images/little_man_bottom.png) 0 0 no-repeat; display: block; margin-left:720px; margin-top:-170px; position:absolute; width:165px;}

#footer { text-align: left; color:#979797; font-size:1.1em; padding:5px 0; }
#footer a, #footer a:visited { color:#979797; margin-right: 5px; }
#footer a:hover { color: #fff; }