/* ----------------------------------------------------------------------------------------------------------

    This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates

---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
HTML
---------------------------------------------------------------------------------------------------------- */

body { color:#000; font-family: Arial, Helvetica, sans-serif; background: #fff url("../images/body_bg.png") 0% 0% repeat-x; }

input { padding: 3px; }

a { color: #0000CC; text-decoration: none; }
a:hover { color: #0000CC; text-decoration: underline; }

fieldset {border:1px solid #DFDFDF;}
legend {background:#FFF; color:#4089F2;}

img {  border: 0px; }

ul { margin: 2px 0px 0px 10px; padding: 0px; }
lo { margin: 0px; padding: 0px; }

h1 { display: inline; margin: 1px; letter-spacing: normal; font-size: 100%; }
h2 { display: inline; margin: 1px; letter-spacing: normal; font-size: 100%; }
h3 { display: inline; margin: 1px; letter-spacing: normal; font-size: 100%; }

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#pleas_wait { width: 90px; height: 40px; position: absolute; top: 50%; left: 50%; z-index: 10; background: #fff; border: 1px solid #666; padding: 10px; }

a.logo { display: block; width: 283px; height: 51px; float: left; text-decoration: none; margin-top: 10px; }
        
#slogan {color:#7F7F7F;}



.submit {border:1px solid #000; background:#4089F2; color:#FFF;}

#login_box {float: right; background: #e7eef6; padding: 7px; margin-top: 6px; height: 45px; width: 350px; }
#login_box input { position: relative; margin: 0px; margin-right: 4px; width: 110px; padding: 3px; }
#login_box p { margin: 0px; padding: 0px; }
#login_box .subbut { position: relative; margin: 0px; margin-right: 4px; width: 70px; padding: 1px; }
#login_box .loggeduser { padding-top: 5px; }
#login_box .loggeduser span { float: left; font-size: 13px; color: #444; padding: 5px; font-weight: bold; margin: 0px; }
#login_box .loggeduser form{ float: left; color: #444; font-weight: bold; margin: 0px; }
#login_box .logout_button { border: 0px;  background: transparent; color: #3a00dd; width: 70px; padding: 5px; border: 1px solid #8f9dc1; }
#login_box .logout_button:hover { text-decoration: underline; color: #3a00d0; background-color: #d2e4e6; cursor: pointer; }


/* ----------------------------------------------------------------------------------------------------------
Page: FORM
----------------------------------------------------------------------------------------------------------- */

.formular {  background: #f1f6f7; border: 1px solid #aaa; font-size: 12px; color: #000; text-align: left; margin-right: 5px; margin-bottom: 5px; padding: 0px; }
.formular div { clear: both; border-top: 1px solid #cacaca; padding: 5px; margin: 2px; }
.formular div:first-child { border-top: 0px; }
.formular .unbordered { border-top: 0px; }
.formular .unbordered div { border-top: 0px; }
.formular .captcha div { border-top: 0px; padding: 0px; margin: 0px; }
.formular div.bordered { border-bottom: 1px solid #cacaca; }
.formular div.submenu { padding-left: 40px; border: 0px; }
.formular div:last-child { border-bottom: 0px; }
.formular #um_charcount { border-bottom: 0px; }
.formular span { width: 150px; float: left; font-weight: bold; font-size: 11px; }
.formular input { width: 150px; float: left; padding: 3px; margin-bottom: 5px; }
.formular select { width: 150px; float: left; margin-bottom: 5px; }
.formular div.help { width: 60%; border: 1px solid #cacaca; margin: 5px 0px 0px 150px; background: #ceedf4; font-size: 10px; }
.formular .star { color: red; margin-left: 7px; font-size: 11px;}
.formular hr { clear: both; background: #ceedf4; }
.formular .clear { border: 0px; height: 0px; font-size: 0px; margin: 0px; padding: 0px; }
.formular .header { color: #444; font-size: 13px; font-weight: bold; margin: 0px; padding: 8px; background: #bfd7f6 url("../images/design/box_header_bg.png") repeat-x; border-bottom: 1px solid #aaa; }
.formular h2 { font-size: 15px; margin: 5px; font-weight: bold; color: #444; }

#regi .formular span { width: 100px; }
#regi .formular div.help { margin-left: 100px; }
#regi .formsubmit span { width: 200px; }

#pictureTrayForm { width: 750px; }
#pictureTrayForm .container { clear: none; float: left; width: 50px; margin: 10px; }

#new-adv-cid.err { border: 2px solid red; }
#new-adv-cid.ok { border: 2px solid green; }

/* ----------------------------------------------------------------------------------------------------------
Page: MainMenu
----------------------------------------------------------------------------------------------------------- */

#main_menu { clear: both; width: 100%; }
#top_menu { clear: both; width: 100%; }

#main_menu  a.bookmark { display: block; width: 125px; height: 23px; background: #fff url("../images/bookmark.png") 0% 0% no-repeat; float: left; text-align: center; padding: 10px 0px 0px 0px ; margin-right: 2px; color: #000; font-size: 12px; font-weight: bold; text-decoration: none }
#main_menu  a.bookmark:hover { text-decoration: underline; }
#main_menu  a.highlight { background: #fff url("../images/hbookmark.png") 0% 0% no-repeat; color: #f00; }
#main_menu  a.active { background: #fff url("../images/abookmark.png") 0% 0% no-repeat; color: #fff; }

#main_menu #top_menu { border: 0px ; }

#main_menu .sub_menu { clear: both; display: block; padding-top: 5px; width: 100%; height: 40px; color: #fff; font-size: 12px; border: 0px;  }
#main_menu .sub_menu form { border: 0px; background-color: transparent; }
#main_menu .sub_menu .navigace { display: block; color: #fff; font-size: 12px; float: left; margin: 10px; }
#main_menu .sub_menu .navigace a { width: 100px; color: #fff; font-size: 12px; }
#main_menu .sub_menu a.menu { display: block; width: 100px; color: #fff; font-size: 12px; float: left; margin: 10px; }
#main_menu .sub_menu a.create_account{ float: left; display: block; padding-top: 0px; width: 306px; height: 36px; font-size: 0px; border: 0px; }
#main_menu .sub_menu a.facebook{ float: right; display: block; margin: 8px 5px 0px 0px; width: 81px; height: 23px; font-size: 0px; border: 0px; }
#main_menu .sub_menu a.rss{ float: right; display: block; margin: 8px 5px 0px 0px; width: 55px; height: 23px; font-size: 0px; border-right: 1px dotted #cacaca; }
#main_menu .sub_menu p { margin: 0px; padding: 0px; }
h1 { font-size: 16px; font-weight: bold; }


/* ----------------------------------------------------------------------------------------------------------
Help
---------------------------------------------------------------------------------------------------------- */


#help2 { border: 1px solid #777; position: absolute; z-index: 100; top: 50px; left: 50px; background: #fff url("../images/design/help2_bg.png") 0% 100% repeat-x; }
#help2 .main { margin: 4px; }
#help2 .arrow { width: 12px; height: 6px; position: absolute; top: 100%; left: 10px; background: url("../images/design/help2_adown.gif") 0% 0% no-repeat;  }



/* ----------------------------------------------------------------------------------------------------------
Page: Home
---------------------------------------------------------------------------------------------------------- */
#naselista { width: 100%; height: 15px; color: #000; font-size: 11px; margin-bottom: 5px; padding: 5px; font-weight: bold; }
#naselista a { color: #333; font-weight: normal; margin: 0px 10px 0px 10px; }

#page_top { width: 100%; padding: 0px; height: 73px; }

#content_box { clear: both; width: 100%; height: 100%; }
#content_box .clear { font-size: 0px; height: 0px; }

#footer { clear: both; width: 100%; height: 80px; background-color: #e7eef6; border-top: 5px solid #38676c; color: #fff; padding: 20px; }
#footer img { float: left; }
#footer .box { float: left; width: 200px; height: 60px; margin: 0px 0px 0px 10px; }
#footer .box a { color: #444; font-size: 11px; }

/* hlavni stranka */
#left_mbox { float: left; width: 709px; height: 100%; }
#left_cbox { float: left; width: 422px; height: 100%; background: #ff; padding: 5px 5px 0px 0px; }
#middle_cbox { float: left; width: 250px; height: 100%; padding: 5px; }
#right_mbox { float: left; width: 305px; height: 100%; padding: 5px; font-size: 12px; color: #444; }

/* podstranky */
#right_sbox { float: left; width: 750px; height: 100%; }
#left_sbox { float: left; width: 265px; height: 100%; margin: 0px 5px 0px 0px; padding: 0px; font-size: 12px; color: #444; border: 1px solid #cacaca;  }

#category_cbox { float: left; width: 100%; height: 100%; padding: 0px; font-size: 12px; color: #444; }
#categorybox .box { padding: 0px; }
#categorybox .box .content { padding: 0px; }

#left_cbox a.sidemenu { display: block; width: 100%; height: 37px; background: #b4b4b4; text-align: center; padding: 13px 0px 0px 0px; font-size: 15px; font-weight: bold; color: #333; text-decoration: none; margin-bottom: 5px; }

#psearch_cbox .iname { float: left; width: 100px; padding-top: 5px; }
#psearch_cbox input { float: left; width: 100px; }
#psearch_cbox select { float: left; width: 110px; }
#psearch_cbox div { clear: both; padding: 2px; }

#auktiva_cbox { text-align: center; }
#auktiva_cbox img { border: 1px solid #111; width: 90px; height: 70px; }

#imagebox {  }
#imagebox .picture img { width: 63px; height: 63px; border: 1px solid #dedede; padding: 3px; }
#imagebox a.picture { display: block; float: left; text-align: center; width: 80px; height: 120px; }
#imagebox a.picture:hover { text-decoration: underline; color: #3787df; }
#imagebox .picture span.nick { display: block; width: 100%; font-size: 13px; color: #ff1717; }
#imagebox .picture span.age { display: block; width: 100%; font-size: 10px; color: #555; }
#imagebox .picture span.town { display: block; width: 100%; font-size: 11px; color: #3787df; }


.box { margin-top: 10px; }
.box h2 { color: #000; font-size: 14px; padding: 6px; padding-top: 8px; font-weight: bold; }
.box .content { border: 1px solid #444; padding: 10px; background-color: inherit; color: #000; font-size: 11px; margin-top: 4px; }

.redwhitebox h2 {  }
.redwhitebox .content { border: 0px; background-color: inherit; }

.whitebox h2 {  }
.whitebox .content { border: 0px; background-color: inherit; }

.redbox h2 {  }
.redbox .content { border-color: #fe4902; background-color: #f9eec6; }

.graybox h2 {  }
.graybox .content { border-color: #444; background-color: #eaeaea; }

.smallbox { float: left; margin: 5px 5px 0px 0px; width: 219px; border: 1px dotted #dcdcdc; background-color: inherit; padding: 5px; }
.smallbox:hover { border: 1px dotted #555; background-color: #fefbf1; }
.smallbox h3 { color: #222; font-size: 13px; font-weight: bold; margin: 0px; padding: 0px; }
.smallbox h3 a { color: #38676c; font-size: 15px; display: block; margin: 0px; padding: 0px; }
.smallbox .scontent { padding: 0px;  color: #000; font-size: 12px; text-align: left; min-height: 90px; padding: 0px; }
.smallbox .picture { float: left; margin-right: 5px; }
.smallbox a {  margin: 2px; font-size: 12px; color: #444; font-weight: bold; text-decoration: underline; }
.smallbox a:hover { color: #f00; }

.redsbox { border-color: #fe4902; background-color: #f6f0cc; }
.bluesbox { border-color: #00b7f9; background-color: #e1f3f5; }
.greensbox { border-color: #008000; background-color: #d8eecc; }
.orangesbox { border-color: #fe4902; background-color: #f6f0cc; }

.wrong { border: 2px solid #f9e378; }
.wrong_c { border: 2px solid #f9e378; float:left; margin-right: 3px; }
.wrong_s { border: 2px solid #f9e378; }
.missing { border: 2px solid #ea5a35}
.missing_c { border: 2px solid #ea5a35; margin-right: 3px; }

.OKMessage div { border: 0px; padding: 0px; margin: 0px; clear: both; }
.OkMessage { border: 1px solid #fff; margin: 5px; padding: 0px; }
.OkMessage .leftTopCorner { background: #a8e61d url("../images/design/okMessageTopLeftCorner.png") 0% 0% no-repeat; }
.OkMessage .rightTopCorner { background: url("../images/design/okMessageTopRightCorner.png") 100% 0% no-repeat; height: 100%; width: 100%; } 
.OkMessage .leftBottomCorner { background: url("../images/design/okMessageBottomLeftCorner.png") 0% 100% no-repeat; height: 100%; width: 100%;  } 
.OkMessage .rightBottomCorner { background: url("../images/design/okMessageBottomRightCorner.png") 100% 100% no-repeat; padding: 5px;  } 
.OkMessage .insideBlock { font-family: Verdana ;font-size: 15px; background: #eaf9c8; color: #008000; padding: 5px; border: 1px solid #fff; }

.alertMessage div { border-bottom: 0px; padding: 0px; margin: 0px; clear: both; }
.alertMessage { border: 1px solid #fff; margin: 5px; padding: 0px; }
.alertMessage .leftTopCorner { background: #ff7500 url("../images/design/alertTopLeftCorner.png") 0% 0% no-repeat; height: 100%; width: 100%; }
.alertMessage .rightTopCorner { background: url("../images/design/alertTopRightCorner.png") 100% 0% no-repeat; height: 100%; width: 100%; } 
.alertMessage .leftBottomCorner { background: url("../images/design/alertBottomLeftCorner.png") 0% 100% no-repeat; height: 100%; width: 100%;  } 
.alertMessage .rightBottomCorner { background: url("../images/design/alertBottomRightCorner.png") 100% 100% no-repeat; padding: 5px; } 
.alertMessage .insideBlock { font-family: Verdana ;font-size: 15px; background: #fff5d9; color: #bf6000; padding: 5px; border: 1px solid #fff; }

#searchform { float: left; color: #000; margin-top: 5px; }
#searchform input { padding: 1px; margin: 2px; }
#searchform select { padding: 1px; margin: 2px; }
#searchform span { width: 50px; padding: 0px 0px 10px 0px; margin: 2px; text-align: right; vertical-align: middle; }
#searchform span.priceto { width: 30px; }
#searchform input.sub { width: 50px; margin: 0px 0px 0px 10px; }
#searchform .query { width: 150px; }
#searchform .category { width: 150px; }
#searchform .location { width: 150px; }
#searchform .price { width: 40px; }


#categoryMainMenu { padding: 8px; background-color: #f1f6f7; }
#categoryMainMenu ul { clear: both; list-style: none; margin: 0px; }
#categoryMainMenu ul li { background: url("../images/sipka_menu_navy.png") 0px 10px no-repeat; }
#categoryMainMenu ul a { font-size: 13px; display: block; padding: 6px 0px 6px 5px; color: #333; font-weight: bold; border-bottom: 1px dotted #cacaca;  padding-left: 20px; }
#categoryMainMenu ul li:hover { background-color: #d6e1ef; }
#categoryMainMenu ul li ul { clear: none; padding-left: 20px;  }
#categoryMainMenu ul li ul li { background-image: none; }
#categoryMainMenu ul li ul:last-child { clear: both; }
#categoryMainMenu ul li ul a { color: #000; padding: 0px; font-weight: normal; border: 0px;}

.WayToCategory { }
.WayToCategory .categoryName { float: left; font-weight: bold; }
.WayToCategory span { float: left; padding: 4px; }

#sellItemInThisCategory { float: right; border: 1px solid #666; padding: 5px; background-color: #f5e49c; }
#sellItemInThisCategory a { color: #666; font-weight: bold;  }

#advertisement { padding: 5px; }
#advertisement p { clear: both; background-color: #e7eef6; padding: 10px; }
#advertisement h1 { font-size: 23px; padding: 5px 0px 10px 0px; font-weight: bold; }
#advertisement .price { font-weight: bold; }
#advertisement .infobox { padding: 6px; background-color: #38676c; color: #fff; height: 18px; }
#advertisement .infobox span { font-weight: bold; }
#advertisement .type { width: 180px; float: left; }
#advertisement .state { width: 180px; float: left; }
#advertisement .city { width: 180px; float: left; }

#smallauctionpictures img { border: 1px solid #cacaca; padding: 2px; }

.counter { float: left; font-size: 12px; border: 1px solid #ccc; margin-left: auto; margin-right: auto; text-align: center;}
.counter a { display: block; color: #222; float: left; border: 1px solid #ccc; background: #efefef; padding: 2px 5px 2px 5px; margin: 2px; min-width: 14px; }
.counter span { display: block; float: left; padding: 3px; width: 18px; margin: 2px;}
.counter a.selected { border-color: #777; background-color: #599aa2; color: #fff; font-weight: bold; }
/*#f4d761    #88b8bd*/
.list_lines { float: right; width: 150px; font-size: 9px; border: 1px solid #ccc; padding: 6px; }


table.adverts { clear: both; width: 100%; background-color: #fff; }
table.adverts thead { background: #ddd url("../images/design/table_list_header_bg.png") 0px 0px repeat-x; font-size: 11px; }
table.adverts thead td { padding: 9px 5px 8px 5px; color: #555;  border-left: 0px solid #ccc; }
table.adverts thead td a { color: #222; }
table.adverts thead a.obya { color: red; text-decoration: underline; }
table.adverts thead a.obyd { color: red; text-decoration: overline; }
table.adverts tfoot { background: #ddd url("../images/design/table_list_header_bg.png") 0px 0px repeat-x; font-size: 11px; }
table.adverts tfoot td { padding: 9px 5px 8px 5px; color: #555;  border-left: 0px solid #ccc; }
table.adverts tfoot td.mmenu {  text-align: left; vertical-align: top; }
/*table.adverts tr.odd  { background-color: #fafafa; }
table.adverts tr.even { background-color: #efefef; }*/
table.adverts tbody tr:hover { background: #f6f4D0; }
table.adverts tbody tr { height: 45px; vertical-align: top; }
table.adverts td { padding: 5px; border-top: 1px dotted #ccc; text-align: center; }
table.adverts tbody td { height: 80px; }
table.adverts td.checkbox { width: 30px; }
table.adverts td.name { width: 650px; text-align: left; }
table.adverts td.name image { float: left; margin: 5px; margin-right: 10px; }
table.adverts td.name div{ }
table.adverts td.name div span { font-size: 11px; font-weight: normal; width: 100px; }
table.adverts td.icon { width: 45px; }
table.adverts td span.price { width: 100px; }
table.adverts img.icon { width: 40px; height: 35px; }
table.adverts .enddate { font-size: 11px; color: #999; font-weight: normal; }
table.adverts .menu a.icon {float: left; }
table.adverts a.icon { display: block;  width: 16px; height: 16px; margin: 3px; background-image: url("../ikony/comments/positive.gif"); background-repeat: no-repeat; }
table.adverts .nadpis { } 
table.adverts .nadpis a { font-size: 15px; font-weight: bold; color: #38676c; }
table.adverts .info { }
table.adverts img { float: left; margin: 5px; }
table.adverts .content { float: left; margin: 5px; }
table.adverts div.ttt { font-weight: normal; }
table.adverts span.nab {  font-weight: bold; color: red; }
table.adverts span.pop { font-weight: bold; color: blue; }

.madverts { width: 100%; }
.madverts tr { width: 100%; font-size: 13px; }
.madverts tr.even { background-color: #f0eeef; }
.madverts td { padding: 10px; font-size: 11px; }
/*.madverts tr:hover { background-color: #cacaca; }*/
.madverts td.name { width: 46%; float: left; color: #444243;}
.madverts td.name a { display: block; font-size: 15px; font-weight: bold; color: #38676c; }
.madverts td.name div {  border-right: 1px dotted #c6c6c6; }
.madverts td.type { width: 21%; float: left; }
.madverts td.where { width: 21%; float: left; }
.pricelist {}
.pricelist td { padding: 5px; font-size: 15px; border: 1px solid #000; }

.margin5 { margin: 5px; }
.margin10 { margin: 10px; }

.ta_right { text-align: right; }
.ta_center { text-align: center; }
.ta_left { text-align: left; }

.clear { clear: both; }
.displaynone { display: none; }