/*
Author: webadmin@beatfit.hr (DT/TS)
*/
@charset "utf-8";
/*
body { margin:0; padding:0; width:100%; background:#faf9f9; }
*/
body { margin:0; padding:0; width:100%; background:#fff; }
html { padding:0; margin:0; }

/********** header **********/
.header {  padding:0; margin:0; background:#000; }
.header_resize {  padding:0; margin:0 auto; width:962px; }
/* logo */
.logo { padding:0; margin:0; width:400px; float:left; }
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:1.8em; }
.rss_img { float:left; margin:0; padding:20px 0 0 0; }
.rss_img img { margin:5px; padding:0; }

/* header_text green:#61a203 blue:#3a3a9a */
.infobar { border-top:15px solid #fff; border-bottom:15px solid #da4e8e; background:url(../images/slider_bg_l_3.jpg); }
.infobar_resize { height:105px; margin:0 auto; width:960px; }
.infobar_left { width:540px; margin:0; padding:20px 0 0 10px; float:left; }
.infobar_left h1 { padding:0; margin:0; font:bold 36px "Trebuchet MS", Helvetica, sans-serif; color:#FFF; }
.infobar_left h3 { font:bold 16px "Trebuchet MS", Helvetica, sans-serif; color:#fff; padding:2px 0; margin:0; }

/* content with menus */
.content_mnu { background: url(../images/navigation_bg.png) repeat-y left top; }
.content_mnu_l { width:230px; margin:0; padding:0 0 0 10px; float:left; }
.content_mnu_r { width:680px; margin:0; padding:0 0 0 30px; float:left; }
.content_resize { background: url(../images/navigation_bg2.png) repeat-y right top; }

ul.nav { list-style-type:none; margin:0; padding:0; }
ul.nav a { text-indent:1.4em; display:block; padding-top:7px; padding-bottom:7px; border-bottom:1px solid #d4d4d4; font:normal 14px "Trebuchet MS", Helvetica, sans-serif; color:#000; }
ul.nav a:hover { background:#ddd; }

.listbox  ul { margin:0; padding:0; list-style-type:none; }
.listbox a { text-indent:1.4em; display:block; padding: 7px 0 7px 0; border-bottom:1px solid #d4d4d4; font:bold 18px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }
.listbox a:hover { background:#fff; }
.listbox li { float:left; width:10em; }
.listbox li ul { position:absolute; width:10em; left:-999em; }
.listbox li:hover ul { left:auto; }


/* forecast green:#61a203 blue:#23457E */
.forecast { width:680px; margin:0; padding:5px 0 0 15px; float:left; }
.forecast_item { float:left; width:90px; margin-left:5px; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; text-align: center; }
.forecast_item:hover { background:#61a203; }
.forecast_item .day { padding-top:5px; font:normal 12px Arial, Helvetica, sans-serif; }
.forecast_item .icon { padding-top:5px; }
.forecast_item .temp { padding:6px 0 2px 0; }
.forecast_item .temp  span{ font:bold 12px Arial, Helvetica, sans-serif; color:#D0D0D0; }

/* playground tables */
.tbl { width:680px; border-style: hidden; background:#fff; border-collapse: collapse; font:normal 12px Arial, Helvetica, sans-serif; color:#505050; }
.tbl th{ background:#ddd; text-align:left; }
.tbl tr { padding:5px; border-bottom:1px solid #d4d4d4; }
.tbl td { padding:5px; border-right:1px solid #d4d4d4; }

/* content */
.content { width:960px; padding:10px 0 20px 0; margin:0px auto; }
.content h2 { font:normal 14px "MuseoSans300"; color:#da4e8e; padding-top:20px; padding-bottom:0px; margin:0; }.content h2.post { font:bold 15px "MuseoSans300"; color:#da4e8e; padding-top:20px; padding-bottom:0px; margin:0; }
.content h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#0000FF; padding:0; margin:0; }
.content h3 { font:14px "Trebuchet MS", Helvetica, sans-serif; color:#da4e8e; padding-top:20px; margin: 0; }
.content h4 { font:bold 14px Arial, Helvetica, sans-serif; color:#505050; margin:0; }
.content h4 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#0000FF; padding:0; margin:0; }
/* old: .content p { font:normal 12px Arial, Helvetica, sans-serif; color:#505050; line-height:1.8em; padding-top:6px; padding-bottom:5px; margin:0; } */
.content p { font:normal 12px Arial, Helvetica, sans-serif; color:#505050; line-height:1.3em; text-align:justify; padding-top:6px; padding-bottom:5px; margin:0; }
.abstract p { font:normal 12px Arial, Helvetica, sans-serif; color:#3e3e3e; line-height:1.3em; text-align:justify}
.signature { font:14px "Trebuchet MS", Helvetica, sans-serif; color:#da4e8e; line-height:0.5em; padding-bottom:5px;}

.content p span { font-size:18px; font-weight:bold; color:#888; }
.content a { color:#da4e8e; text-decoration:none;}
.content img { margin:5px auto; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4;}
.content img.float_left { margin:10px 10px 5px 0; padding:0; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; float:left; }
.content img.none { float:left; margin:5px 5px 5px 0; padding:0; border:none; background:none; }

.right { width:270px; margin:0; float:right; padding-right:25px; }
.left { width:620px; margin:0; padding:0 10px 0 0; float:left; }
.port  {width:280px; margin:0 29px 15px 0; padding:0 30px 0 0; float:left; border-right:1px solid #d4d4d4; }
.list_work { border-bottom:1px solid #d4d4d4; padding:10px 0 10px 0; }
.last { padding:0; margin-right:0; border:0; }

/********** contact form **********/
#contactform { margin-top:10px; }
#contactform label { float:left; width:100px; text-align:left; color:#737373; font: bold 12px Arial, Helvetica, sans-serif; }
#contactform ol { float:left; margin:0; padding:0; list-style:none; padding-top:4px; }
#contactform li { margin:0; padding:0; float: left; }
#contactform .button { margin-left:102px; margin-top:20px; }
#contactform input.text { border:1px solid #d4d4d4; height:26px; }
#contactform textarea { border:1px solid #d4d4d4; }

/* FBG green:#89c631 blue:#3160AE */
.FBG { padding:0; margin:0; background:#232323;}
.FBG_resize { width:962px; margin:0 auto; padding:0;}
.FBG_resize img { float:left; margin:0; padding:0; }
.FBG_resize a { color:#da4e8e; text-decoration:none; font-weight:bold; }
.FBG_resize h2 { font:normal 18px Arial, Helvetica, sans-serif; color:#f0f0f0; padding:10px 0; margin:0; }
.FBG_resize p {font: normal 11px Arial, Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em; text-align:justify}
.FBG_resize ul { padding:0; margin:0; list-style:none; }
.FBG_resize li { padding:5px 0; margin:0; }
.FBG_resize li a { font:normal 11px Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none; }
.FBG_resize li a:hover { color:#3160AE; text-decoration:none; }
.FBG_resize .blog { width:230px; float:left; margin:0; padding:15px 40px 15px 0; }
.FBG_resize .blog.comment { width:470px; float:left; margin:0; padding:15px 40px 15px 0; }
.FBG_resize .blog.sitemap { width:120px; float:left; margin:0; padding:15px 40px 15px 0; }
.FBG_resize .blog.last { padding:15px 0; }
/*************footer**********/
.footer { width:962px; padding:20px 0; margin:0 auto; border-top:1px solid #313131; }
.footer p { font:normal 11px Arial, Helvetica, sans-serif; color:#707070; }
.footer a { font:bold 11px Arial, Helvetica, sans-serif; color:#707070; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right; } 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none; }
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #ededed; }

/* background left right */
.main { margin:0 auto; padding:0; position:relative; z-index:2; }
.bg_color { height:450px; width:100%; position:absolute; }
.left_color  { float:left; width:50%; background:url(../images/slider_bg_l_3.jpg); height:450px; margin:125px 0 0 0; }
.right_color  { float:right; width:50%; background:url(../images/slider_bg_r_3.jpg); height:450px; margin:125px 0 0 0; }

/* banner green:#61a203 blue:#3a3a9a */
#banner { padding:0; margin:0; border-top:15px solid #fff; border-bottom:15px solid #da4e8e; background:url(../images/slider_bg_3.jpg) no-repeat center; }
#banner .banner_space { width:960px; height:450px; margin:0 auto; overflow:hidden; }
#banner_left { width:470px; float:left; }

/* banner_left text */
#banner_left .title { padding: 90px 0px 0px 10px; margin:0; font:bold 36px "Comic Sans MS", Helvetica, sans-serif; color:#FFF; }
#banner_left .subtitle { padding: 5px 0px 0px 10px; margin:0; font:bold 18px "Trebuchet MS", Helvetica, sans-serif; color:#FFF; line-height:1.5;}
#banner_left .text { padding: 20px 0px 0px 10px; margin:0; font: 14px Arial, Helvetica, sans-serif; color:#FFF; line-height:1.5; }
#banner_left .button { padding: 20px 0px 0px 320px; width:130px; height:45px; }

/* nivo_slider */
#slider { width: 470px; float:right; }
#slider img { position:absolute; top:0px; left:0px; display:none; }

/* Old Definition
.nivo-controlNav { position:absolute; left:360px; bottom:30px; }
.nivo-controlNav a { display:block; padding-top:4px; width:30px; height:25px; color:#23457e; background:url(../images/header_spin_1.png); font-weight:bold; text-align:center; border:0; margin-right:4px; float:left; }
.nivo-controlNav a.active, .nivo-controlNav a:hover { background:url(../images/header_spin_3.png); color:white; }
*/

/* New Definition */
.nivo-controlNav { position:absolute; left:-400px; bottom:110px; }
.nivo-controlNav a {	display:block; width:22px; height:22px; background:url(../images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px; float:left; }
.nivo-controlNav a.active { background-position:0 -30px; }


/* image placeholders */
img.image_1 { border:1px solid #d4d4d4; padding:15px; background:#fff; }
img.image_2 { border:0px solid #d4d4d4; margin-right:30px; float:left; }
.profile { border:1px solid #d4d4d4; padding:10px; float:left; width:660px; font:normal 16px "MuseoSans300"; color:#505050; line-height:1.6em;}

/* photo gallery */
.gallery { border:1px solid #d4d4d4; width:680px; height:492px; background:#fff; }

.photo1 { position:absolute; margin-top:-400px; left:0; }
.thumb1 { position:relative; top:408px; left:15px; }
.thumb1 img{ border:1px solid #d4d4d4; padding:1px; }

.photo2 { visibility: hidden; position: absolute; margin-top:-400px; left:-109px; }
.thumb2 { position:relative; top:408px; left:14px; }
.thumb2:hover span img { position: absolute; visibility:visible; z-index:50; }
.thumb2 img{ border:1px solid #d4d4d4; padding:1px; }

.photo3 { visibility:hidden; position:absolute; margin-top:-400px; left:-218px; }
.thumb3 { position:relative; top:408px; left:13px; }
.thumb3:hover span img { position: absolute; visibility:visible; z-index:50; }
.thumb3 img{ border:1px solid #d4d4d4; padding:1px; }

.photo4 { visibility: hidden; position:absolute; margin-top:-400px; left:-327px; }
.thumb4 { position:relative; top:408px; left:12px; }
.thumb4:hover span img { position: absolute; visibility: visible; z-index:50; }
.thumb4 img{ border:1px solid #d4d4d4; padding:1px; }

.photo5{ visibility: hidden; position:absolute; margin-top:-400px; left:-436px; }
.thumb5 { position:relative; top:408px; left:11px; }
.thumb5:hover span img { position: absolute; visibility:visible; z-index:50; }
.thumb5 img{ border:1px solid #d4d4d4; padding:1px; }

.photo6{ visibility:hidden; position:absolute; margin-top:-400px; left:-545px; }
.thumb6 { position:relative; top:408px; left:10px; }
.thumb6:hover span img { position: absolute; visibility:visible; z-index:50; }
.thumb6 img{ border:1px solid #d4d4d4; padding:1px; }

/* search */
.search { paddingfile:///C:/vestigo/DTERNJEJ/GOLF-PLANET/WebTemplate-2/toppower-3d-html/html/playground.html#:0 0 15px 0; margin:0; }
.search form { display:block; padding:0;}
.search span { display:block; float:left; background:#393735; width:315px; padding:0; height:25px; border:1px solid #ededed; background:#FFF; }
.search form .keywords { width:232px; float:left; background:none; border:0; padding:5px 10px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#706e6d; line-height:15px; }
.search form .button { float:right; margin:0; padding:0; }

.menu { padding:0; margin:0; float:right; width:560px; }
.menu ul { text-align:left; padding:0; margin:0; list-style:none; border:0; float:right; height:85px; }
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:85px; }
.menu ul li a { float:left; margin:0; padding:60px 20px 12px 20px; color:#6e6d6b; font:normal 14px Verdana, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a:hover { color:#fff; background:#e20078; }

.home .menu ul li a.home-mnu { color:#fff; background:#e20078; }
.onama .menu ul li a.onama-mnu { color:#fff; background:#e20078; }
.raspored .menu ul li a.raspored-mnu { color:#fff; background:#e20078; }
.galerija .menu ul li a.galerija-mnu { color:#fff; background:#e20078; }
.kontakt .menu ul li a.kontakt-mnu { color:#fff; background:#e20078; }
.menu ul li a.selected { color:#fff; background:#e20078; }

.events { padding:10px; margin:10px;  border:1px solid #d4d4d4; width:100%; height: 120px; float: left;}	
.events img { float:left; }	
.event_abstract{ float:left; padding-left:10px; width:430px;}
#onama-1 #onama1-nav { background:#ddd; }
#onama-2 #onama2-nav { background:#ddd; }
#onama-3 #onama3-nav { background:#ddd; }

#raspored-1 #cal1-nav { background:#ddd; }
#raspored-2 #cal2-nav { background:#ddd; }
#raspored-3 #cal3-nav { background:#ddd; }

#kontakt-1 #kontakt1-nav { background:#ddd; }
#kontakt-2 #kontakt2-nav { background:#ddd; }
#kontakt-3 #kontakt3-nav { background:#ddd; }

.nav .selected { background:#ddd; }

.album { padding:10px; margin:10px; background:#f8f8f8; border:1px solid #d4d4d4; width:215px; height: 290px; float: left;}
.album .h2a { font:bold 20px "Comic Sans MS", Helvetica, sans-serif; color:gray; padding:10px 0; margin:0; text-align: center; }
.album h2 { text-align: center; }
.album h3 { text-align: center; }
.album h4 { text-align: center; }