@charset "utf-8";
/****************/
/* Reset rules */
/****************/
body,div,h1,h2,h3,h4,h5,h6,img,ul,li,p,small,input{ margin:0; padding:0; }
body,h1,h2,h3,h4,h5,h6,input,textarea{ font-family:Arial, Helvetica, sans-serif; }
img{ border:none; }

/****************/
/* General rules */
/****************/
html{ height:100%; margin-bottom:1px; }
body{ background:url(imgs/body_bckg.png) top repeat-x #9799a1; color:#111111; }
.clear_float{ clear:both; font-size:1px; height:1px; }

/****************/
/* Header rules */
/****************/
#header{ width:100%; height:411px; background:url(imgs/header_bckg.jpg) top center no-repeat; }
#header_content{ margin:0 auto; width:960px; position:relative; overflow:visible; z-index:100; }

/* Logo */
#header h1{ float:left; display:inline; margin:0 0 0 -5px; }
#header h1 a{ outline:none; }
#header h1 a img{ margin:0; float:left; display:inline; } 

/* Meni */
#header ul{ width:955px; height:26px; position:absolute; top:150px; left:0px;
			font-size:13px; font-weight:bold; line-height:26px; color:#46beeb; text-shadow:1px 2px 1px #000; text-transform:uppercase; }
#header ul{ float:left; position:relative; top:12px; }
#header ul li{ float:left; display:inline; margin:0 15px 0 15px; position:relative; height:auto; }
#header ul li:hover{ color:#dde5f5; cursor:default; }
#header ul li a{ color:#46beeb; text-decoration:none; display:block; }
#header ul li a:hover, #header ul li a:active, #header ul li.selected a, #header ul li.selected, #header ul li:hover a{ color:#dde5f5; }
#header ul li:hover li a{ color:#46beeb; }
/*#header ul li.selected a{ cursor:default; }*/
/* Podmeni */
#header ul li ul{ display:none; }
#header ul li:hover ul{ display:block; position:absolute; z-index:50; top:26px; bottom:0; height:auto; width:auto; float:none; list-style:none;  }
#header ul li ul li{ margin:0; padding:0 15px; float:none; display:block; height:26px; width:180px; border-top:1px solid #2a2b2b; border-bottom:1px solid #272728; background:url(imgs/ul_li_ul.jpg) top left no-repeat; }
#header ul li.selected ul li a, #header ul li ul li a{ cursor:pointer; color:#46beeb; text-transform:none; font-weight:normal; margin:0; height:26px; outline:none; }
#header ul li.selected ul li a:hover, #header ul li ul li a:hover{ color:#dde5f5; }

#header ul li.selected ul li:hover, #header ul li ul li:hover, #header ul li.selected ul li.selected{ background:#3b3c3d; color:#fff; }
#header ul li.selected ul li.selected a{ color:#fff; cursor:default; }

/* Banner */
#flash_banner{ width:280px; height:100px; position:absolute; top:32px; left:190px; overflow:hidden; }

/***********/
/* Content */
/***********/
#content{ margin:-165px auto 0 auto; padding:0 0 20px 0; width:965px; background:url(imgs/content_bckg.png) repeat-y; overflow:visible; }
#content_bottom{ margin:0 auto 10px auto; display:block; width:965px; height:12px; background:url(imgs/content_bckg_bottom.png) no-repeat; }

#content h1, #content h2{ margin:0px 0 15px 0; padding:0 0 0 11px; line-height:18px; height:18px; font-size:18px; font-weight:normal; position:relative; background:url(imgs/h1_bckg.png) left no-repeat; }
#content p{ margin:15px 0; font-size:12px; line-height:20px; clear:both; }
#content p a{ color:#243959; text-decoration:underline; }
#content p a:hover{ color:#00398f; }
#content p strong{ font-size:14px;}
#content ul{ color:#243959; font-size:12px; list-style:none; line-height:20px;  }
#content ul li{ margin:8px 0; padding:0 0 0 18px; background:url(imgs/ul_li_bckg.png) top left no-repeat; }
#content ul li ul li{ background:url(imgs/ul_li_ul_li_bckg.png) top left no-repeat; }
#content a{ color:#fff; text-decoration:none; }
#content img{ border:3px solid #fff; -webkit-box-shadow:0px 0px 2px #d9d9d9; -moz-box-shadow:0px 0px 2px #d9d9d9; -webkit-box-shadow:0px 0px 2px #d9d9d9; }
#content a.img, #content p a.img{ text-align:left; color:#666; font-style:italic; font-size:11px; display:block; text-decoration:none; }
#content a.img:hover, #content p a.img:hover{ color:#000; }
#content a.float{ margin:0 16px 20px 0; float:left; }

#content p.message_ok{ margin:0 0 10px 0; color:#060; }
#content p.message_error{ margin:0 0 10px 0; color:#F00; }

#content form#contact{ margin:20px 0 15px 0; font-size:12px; color:#111; overflow:auto; }
#content form#contact label{ text-transform:uppercase; }
#content form#contact input, #content form#contact textarea{ width:240px; text-indent:0; padding:5px; line-height:14px; height:14px; border:2px solid #c8c8c8; }
#content form#contact textarea{ font-size:12px; max-width:250px; width:240px; height:100px; padding:5px; }
#content form#contact input.submit{ margin:0 20px 0 0; padding:0; width:64px; height:20px; border:none; line-height:20px; font-size:11px; color:#fff; float:right; background:url(imgs/content_form_submit.jpg) left top no-repeat; }
#content form#contact input.submit:hover{ background-position:left bottom; }

.about, .info, .details{ margin:-15px 0 0 50px; width:277px; float:left; display:inline; }
.info{ margin:-15px 0 0 29px; padding:0 20px 0 30px; width:275px; height:380px; background:url(imgs/info_bckg.png) top left no-repeat; position:relative; z-index:20; }
.details{ margin:-15px 0 20px 50px; width:590px; }
#content .details p{ margin:15px 0; line-height:22px; }
#content .details h2{ margin:0px 0 20px 0; padding:20px 0 0 0; font-size:18px; background:none; clear:both; }

.vise{ width:46px; height:21px; float:right; display:block; line-height:21px; text-align:center; font-size:12px; background:url(imgs/content_vise.png) top left no-repeat; }
.vise:hover{ background-position:top right; }

#sidebar{ margin:-27px 20px 0 0; width:264px; height:406px; float:right; display:inline; background:url(imgs/sidebar_forma.jpg) no-repeat; position:relative; z-index:10; }
#sidebar h2{ margin:15px 0 0 30px; padding:0; color:#262626; background:none; }
#sidebar form{ margin:15px 0 0 30px; }
#sidebar form input{ margin:3px 0 14px 7px; padding:0; width:185px; text-indent:0; font-size:14px; color:#474747; background:none; border:none; outline:none; }
#sidebar form input.submit{ margin:-10px 0 0 50px; width:97px; height:30px; text-indent:0; text-align:center; color:#fff; float:none; font-weight:bold; background:url(imgs/sidebar_form_ulaz.jpg) top left; }
#sidebar form input.submit:hover{ background-position:bottom left; }
#sidebar .banner1{ margin:35px 0 0 8px; }
#sidebar .banner2{ margin:10px 0 0 8px; }

/**********/
/* Footer */
/**********/
#footer{ margin:0 auto; padding:5px 0 50px 0; width:960px; font-size:11px; line-height:15px; vertical-align:bottom; color:#2c2c2c; text-indent:15px; }
#footer p{ padding:0 20px 0 0; line-height:15px; height:15px; display:inline; background:url(imgs/profil_forma.jpg) right no-repeat }
#footer p.design{ margin:0 0 0 5px; background:none; }
#footer p a{ color:#2c2c2c; text-decoration:none; }
#footer p a:hover{ text-decoration:underline; }
