/**********************************************************************
*
*  Ciklus.hr screen stylesheet file
*  (c) 2006 unpljugged.com
*  All rights reserved
*  http://www.ciklus.hr
*  http://www.unpljugged.com
*
***********************************************************************/


/*****************************
*       GENERAL
*****************************/

* { margin: 0; padding: 0; }
html { font: 12px/18px Arial, Helvetica, sans-serif; }
/*body { margin: 0 auto; text-align: center; background: #C0A26E url(cssimg/wood.jpg) top center;  }*/
body { margin: 0 auto; text-align: center; background: #C0A26E url(/css/bg/20.jpg) fixed top center; }
p, dd, dl, ol, ul, h2 { margin-bottom: 10px; }
dt { font-weight: bold; }

/*a { background: url(cssimg/a.gif) repeat-x bottom left; padding-bottom: 2px; text-decoration: none; color: #0F6A8F; }
a:hover { background-image: url(cssimg/a_hover.gif); }*/
a { color: #019EE7; }
a:hover { text-decoration: none; }
a img, .pseudo_row a { border: 0; background: none; padding-bottom: 0;}
table { width: 99%; margin-bottom: 5px; }
fieldset { border: 0; }

/*#container { margin: 0 auto; width: 680px; padding: 15px 44px; text-align: left; background: #fff url(cssimg/container_bg.gif) repeat-y top center; color: #555; position: relative; }*/
#container { margin: 0 auto; width: 900px; padding: 15px 30px; text-align: left; background: #fff url(cssimg/head.gif) no-repeat 50% 0; color: #555; position: relative; }

h1#heading_logo { /*position: absolute; top: 15px; left: 44px;*/ float: left; }
h1#heading_logo a span { display: none; }

#info { float: right; text-align: right; color: #8F8F8F; margin-bottom: 15px;  }
#info strong { color: #0F6A8F; }
#nav_holder { clear: both; float: left; width: 650px; padding-left: 30px; background: url(cssimg/main_nav_bg.jpg) no-repeat 0 100%; padding-bottom: 22px; display: inline; text-align: center; }
ul#main_nav { float: left; clear: both; list-style-type: none; margin: 0 auto; display: inline; }
ul#main_nav li { float: left; margin-right: 2px; text-align: center;}
ul#main_nav li a      { display: block; min-height: 30px; /* min-*/ width: 86px; line-height: 30px; vertical-align: middle; background: url(cssimg/tab_right.gif) no-repeat top right; color: #fff; text-decoration: none; font-weight: bold; }
ul#main_nav li a span { display: block; min-height: 30px; min-width: 86px; background: url(cssimg/tab_left.gif) no-repeat 0 0; }
ul#main_nav li a:hover, { color: #A8ECFF; }
ul#main_nav li a:hover, ul#main_nav li.selected a { background: url(cssimg/tab_right2.gif) no-repeat top right; }
ul#main_nav li a:hover span, ul#main_nav li.selected a span { background: url(cssimg/tab_left2.gif) no-repeat 0 0; }


.img_mb { margin-bottom: 20px; }
#search_form { margin-bottom: 20px; float: left; }

.pseudo_row { float: left; clear: both; width: 900px; }

.box h2 { font-family: Arial, sans-serif; letter-spacing: 0px; font-size: 22px; line-height: 26px; font-weight: bold; }

#about a { text-decoration: none; }
#about a:hover { text-decoration: underline; }
#about li a { color: #555; }

.one_col { width: 190px; float: left; }
.one_col.second { margin-left: 20px; display: inline; }
.one_col .box { padding: 15px; width: 160px; margin-bottom: 20px; background-image: url(cssimg/one_col_box.gif); background-repeat: no-repeat; }

.one_col .box .root { color: #069; letter-spacing: 0px; font-family: "Trebuchet MS", sans-serif; font-size: 12px; text-transform: uppercase; font-variant: small-caps; font-weight: normal; background: none; padding-left: 0;}
.one_col .box .root ul { margin-top: 8px; }
.one_col .box .root ul li { color: #069; letter-spacing: 0px; font-size: 14px; font-family: Arial, sans-serif; font-weight: normal; font-size: 14px; text-transform: none; font-variant: normal; margin-bottom: 3px; }
.one_col .box .root ul li ul { margin: 0; }
.one_col li a.active { font-weight: bold; }

.box.green a { text-decoration: none; color: #0E9D16; }
.box.green a:hover { text-decoration: underline; }

.two_col { width: 440px; float: left; }
.two_col.second { margin-left: 20px; display: inline; }
.two_col.middle { margin: 0 20px 0 20px; }

.two_col .box {  padding: 15px; float: left; width: 410px; margin-bottom: 20px; background-image: url(cssimg/two_col_box.gif); background-repeat: no-repeat; }
.two_col .box ul, .one_col ul { list-style-type: none; }
.two_col .box ul li, .one_col ul li { background: url(cssimg/bullet.gif) no-repeat 0 5px; padding-left: 15px; }
.two_col .box.green ul li, .one_col .green ul li { background: url(cssimg/bullet_green.gif) no-repeat 2px 5px; padding-left: 15px; }

.three_col { width: 690px; float: left; }
.three_col.second { margin-left: 20px; display: inline; }
.three_col .box { padding: 20px; width: 650px; margin-bottom: 20px; float: left; background-image: url(cssimg/three_col_box.gif); background-repeat: no-repeat; }

p.description { font-size: 14px; line-height: 20px; }

.box.orange { background-color: #FFECE1; }
.box.orange h2 { color: #f90; }
.box.orange fieldset { float: left; width: 195px; border: 0; margin: 0 5px 10px 0; display: inline;  }
#search_form fieldset { float: left; width: 310px;  border: 0; margin: 0 10px 10px 0; display: inline; }
#search_form fieldset legend { font-weight: bold; }
.box.orange fieldset select { width: 190px; }
#search_form fieldset select { width: 285px; }
#search_form fieldset label { line-height: 20px; }
 fieldset input[type=checkbox] { margin-right: 5px; }
.box.orange .input-button { border: 0; background: #f90; color: #fff; font-size: 11px; font-family: Arial, sans-serif; padding: 3px 10px; float: right; margin-right: 10px; }
.box.orange a { color: #f90; }

#footer { clear: both; }

.box.blue { background-color: #E1F6FF; }
.box.blue h2 { color: #069; }
.box.blue .input-button { border: 0; background: #069; color: #fff; font-size: 11px; font-family: Arial, sans-serif; padding: 3px 10px; float: right; margin-right: 15px; }
.box.green { background-color: #F3FFE1; }
.box.green h2 { color: #0E9D16; }
#news p { margin-bottom: 15px; }
#kontakt .input-button { border: 0; background: #0E9D16; color: #fff; font-size: 11px; font-family: Arial, sans-serif; padding: 3px 10px; float: right; margin-right: 10px; }
#kontakt label { width: 60px; display: block; float: left; padding-top: 4px; }
#kontakt .input-text, #kontakt textarea { border: 2px solid #e4eed2; margin-bottom: 10px; padding: 4px; font-size: 11px; font-family: Arial, sans-serif; color: #666 }
#kontakt .input-text:focus, #kontakt textarea:focus { border: 2px solid #d5ddc3; }
#kontakt .input-text { width: 220px; }
#kontakt textarea { width: 330px; height: 150px; }

.box.ylw { background-color: #FFFEE1; }
.box.ylw h2 { color: #FFC600; }
.box.ylw a { color: #E4B100; }
#working_hrs table th { white-space: nowrap; }
#working_hrs table th.center { text-align: center; }
#working_hrs table td { font-size: 11px; color: #999; text-align: center; }
#working_hrs table .important { font-size: 14px; font-weight: bold; color: #555; white-space: nowrap; }
#working_hrs table .dimmed { color: #999; font-weight: normal; }


table.prices { width: 475px; float: right; clear: both; margin: 10px 0; }
table.prices td { text-align: right; vertical-align: top; }
table.prices tr.cash td { font-weight: bold; }
table.prices tr.cash td strong { font-size: 130%; color: #019EE7; }

.bikes dt { font-size: 16px; font-weight: normal; clear: both; margin-bottom: 5px; color: #069; }
#category .bikes dt { font-size: 16px; }
.bikes dt a { color: #069; text-decoration: none; }
.bikes dt a:hover { color: #73C8F1; }
.bikes dd { float: left; width: 180px; margin-bottom: 15px; }
#category .bikes dd { width: 350px; }
.bikes dd.img, #category .bikes dd.img { float: left; width: 180px; margin-right: 10px; display: inline; }
.bikes dd.img a { background: #A6E1FF url(cssimg/no_img_small.gif) no-repeat 50% 50%; width: 180px; height: 120px; display: block; padding: 1px; }
.bikes dd.img a:hover { background-color: #73C8F1; }
/*#featured dd.img img { border: 1px solid #A8E2FF; }*/
.bikes dd.price { float: right; text-align: right; margin-bottom: 15px; }
.bikes dd.price em { background: #FFFEE1; padding: 3px; font-style: normal; }
.bikes dd.price strong { color: #019EE7; font-size: 20px; }
.bikes dd.price strike { color: #999; font-weight: bold; }

table#kako_do_nas td { vertical-align: top; margin: 0;  }

/* ie sux */
* html #working_hrs em { font-style: normal; }
* html fieldset legend { margin-left: -7px; color: #555; }
* html ul#main_nav li a { width: 86px; }
* html ul#main_nav { margin: 0 auto; }

.error, .notice { background-color: #FFFEE1; padding: 10px; border: 1px solid #FFC600; clear: both; }

table.table { border-collapse: collapse; border: 1px solid #069; }
table.table td { border: 1px solid #069; text-align: center; }
table.table thead td { background-color: #069; color: #fff; text-align: center; font-weight: bold; }