/*------------------------------------------------
CSS INFO
--------------------------------------------------
FILE: style.css
PROJECT:  WEBDESIGNERS.cz
URL: www.webdesigners.cz
AUTHOR: ChciStranky.cz (info@chcistranky.cz, www.chcistranky.cz)
DATE: 02-2009
------------------------------------------------- */

/*------------------------------------------------
 STANDARD HTML TAG RESET 
------------------------------------------------- */
body,
h1, h2, h3, h4, h5,
p, ul, li, ol,
blockquote,
form {
  border: 0;
  margin: 0;
  padding: 0;
}

/*------------------------------------------------
STANDARD HTML TAG DEFINITION
------------------------------------------------- */

body,
form, input {
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

body {
  background: #f1f7fb url(body_bg.gif) top repeat-x;
}

img {
  border: none;
}

/*------------------------------------------------
TOGETHER
------------------------------------------------- */

p#nav {
  padding: 5px 0 0;
  margin: 0;
  font-size: 10px;
}

p#nav a {
  color: #71888b;
}

p#nav a:hover {
  color: #000;
}

/*------------------------------------------------
PAGE
------------------------------------------------- */

#page {
  position: relative;
  width: 972px;
  margin: 0 auto;
}

/*------------------------------------------------
HEADER
------------------------------------------------- */

#header {
  position: relative;
  width: 972px;
  height: 186px;
}

#header h1 {
  font-size: 20pt;
  position: relative;
  float: left;
  width: 299px;
  height: 73px;
  margin: 50px 0 16px 19px;
  background: url(header_h1_bg.gif) no-repeat;
}

#header h1 span {
  font-size: 20pt;
  display: none;
}

#header h1 a {
  font-size: 20pt;
  display: block;
  width: 100%;
  height: 100%;
}

#header ul {
  width: 972px;
  height: 47px;
  clear: both;
  list-style: none;
  background: url(header_ul_li_bg.gif) top right no-repeat;
}

#header ul li {
  float: left;
}

#header ul li a {
  display: block;
  float: left;
  height: 32px;
  padding: 15px 0 0 20px;
  text-decoration: none;
  font-size: 9px;
  color: #b3c8d1;
}

#header ul li a span {
  display: none;
}

#header ul li a.one {
  width: 104px;
  background: url(header_ul_li_a-one_bg.gif) top no-repeat;
}

#header ul li a.one:hover, #header ul li a.one_active {
  width: 104px;
  background: url(header_ul_li_a-one_bg.gif) bottom no-repeat;
}

#header ul li a.two {
  width: 170px;
  background: url(header_ul_li_a-two_bg.gif) top no-repeat;
}

#header ul li a.two:hover, #header ul li a.two_active {
  width: 170px;
  background: url(header_ul_li_a-two_bg.gif) bottom no-repeat;
}

#header ul li a.three {
  width: 130px;
  background: url(header_ul_li_a-three_bg.gif) top no-repeat;
}

#header ul li a.three:hover, #header ul li a.three_active {
  width: 130px;
  background: url(header_ul_li_a-three_bg.gif) bottom no-repeat;
}

#header ul li a.four {
  width: 113px;
  background: url(header_ul_li_a-four_bg.gif) top no-repeat;
}

#header ul li a.four:hover, #header ul li a.four_active {
  width: 113px;
  background: url(header_ul_li_a-four_bg.gif) bottom no-repeat;
}

#header ul li a.five {
  width: 134px;
  background: url(header_ul_li_a-five_bg.gif) top no-repeat;
}

#header ul li a.five:hover, #header ul li a.five_active {
  width: 134px;
  background: url(header_ul_li_a-five_bg.gif) bottom no-repeat;
}

#header ul li form input {
  width: 117px;
  padding: 4px 3px 3px;
  margin: 13px 0 0 17px;
  border: none;
  background: none;
  font-size: 10px;
}

#header ul li form input.submit {
  width: 60px;
  margin: 13px 0 0 6px;
  cursor: hand;
  cursor: pointer;
}

#header p {
  float: right;
  padding: 5px 20px 10px 0;
  margin: 30px 5px 5px;
  background: url(header_p_bg.gif) top right no-repeat;
  color: #a4c0cb;
  font-size: 10px;
}

#header p a {
  text-decoration: none;
  text-transform: lowercase;
  color: #a4c0cb;
}

.adsvertisment {
  position: relative;
  float: right;
  border: 1px #F1F7FB solid;
  padding: 2px;
}

/*
#header .ads {
  float: right;
  width: 468px;
  height: 60px;
  border: 1px solid #d2e6ee;
  position: relative;
  visibility: visible;
}
*/
/*------------------------------------------------
CONTENT
------------------------------------------------- */

#left {
  position: relative;
  float: left;
  width: 599px;
  margin: 10px 0 0;
  color: #496164;
}

#left #flash {
  width: 599px;
  margin: 10px 0 20px;
  overflow: hidden;
}

#left #flash a {
  color: #d5018f;
  font-weight: bold;
}

#left #flash a:hover {
  color: #000;
}

#left #flash a.btn {
  display: block;
  width: 135px;
  height: 30px;
  padding: 5px 0 0;
  margin: 0;
  background: url(left_flash_a-btn_bg.gif) no-repeat;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

#left #flash h2 {
  margin: 0 30px;
  font-size: 20px;
  font-weight: normal;
  color: #d5018f;
}
#left #flash h2:first-letter {
  font-size: 18pt;
}

#left #flash p {
  margin: 0 30px 10px;
}

#left #flash .left {
  position: relative;
  float: left;
  width: 423px;
  height: 243px;
  background: #ccc;
}

#left #flash .right {
  position: relative;
  float: left;
  width: 135px;
  padding: 50px 0 0;
}

#left #flash .right p {
  margin: 0 0 10px 20px;
  text-align: center;
}

#left .box-top {
  position: relative;
  clear: both;
  width: 599px;
  height: 10px;
  background: url(left_box_bg-tb.gif) top no-repeat;
  font-size: 0;
}

#left .box {
  position: relative;
  clear: both;
  width: 599px;
  background: url(left_box_bg.gif) repeat-y;
  overflow: hidden;
}

#left .box ul {
  position: relative;
  left: 25px;
  margin: 0px 0px 0px 0px;
}

#left .box ul li {
  position: relative;
  margin: 0px 0px 0px 25px;
}

#left .box-bottom {
  position: relative;
  clear: both;
  width: 599px;
  height: 10px;
  margin: 0 0 20px;
  background: url(left_box_bg-tb.gif) bottom no-repeat;
  font-size: 0;
}

#left .box .fifty {
  float: left;
  width: 299px;
  margin: 0 0 10px;
}

#left .box .hr {
  clear: both;
  height: 3px;
  margin: 20px 30px 0;
  background: #f0f8ff;
  font-size: 0;
}

#left a {
  color: #01bad5;
}

#left a:hover {
  color: #d5018f;
}

#left h3 {
  margin: 10px 30px;
  font-size: 20px;
  font-weight: normal;
  color: #01bad5;
}

#left h3 span.articles {
  display: block;
  padding: 6px 0;
  background: url(left_h3-articles_bg.gif) center right no-repeat;
}

#left h3 span.forums {
  display: block;
  padding: 8px 0;
  background: url(left_h3-forums_bg.gif) center right no-repeat;
}

#left h4 {
  margin: 20px 30px 0;
}

#left h4.usr {
  padding: 10px 0 10px 40px;
  margin: 0 30px 10px;
  background: url(left_h4-usr.gif) center left no-repeat;
  font-size: 28px;
  font-weight: normal;
  color: #496165;
}

#left p {
  clear: both;
  margin: 0 30px 20px;
  text-align: justify;
  font-size: 10px;
}

#left ol {
  clear: both;
  margin: 0 30px 0 50px;
  text-align: justify;
  font-size: 10px;
}

#left .form p {
  clear: both;
  margin: 0 10px 5px 30px;
  text-align: justify;
  font-size: 10px;
}

#left .popis {
  clear: both;
  margin: 0 30px 0 30px;
  text-align: justify;
  font-size: 10px;
}

#left .popis ol {
  clear: both;
  margin: 0 30px 0 30px;
  text-align: justify;
  font-size: 10px;
}

#left .popis p {
  clear: both;
  margin: 0 0px 0 0px;
  text-align: justify;
  font-size: 10px;
}

#left .usrimg {
  float: right;
  margin: 10px 20px 0 0;
}

#left .usrimg p {
  padding: 0;
  margin: 0;
}

#left p.site {
  clear: both;
  margin: 20px 15px 0 15px;
  line-height: 14px;
  text-align: left;
}

#left p.site a {
  color: #627a7d;
}

#left p.site img.th {
  float: left;
  border: 1px solid #c5c5dc;
  margin: 0 10px 0 0;
}

#left p.meta {
  margin: 2px 30px 5px;
  color: #92acb7;
  font-size: 10px;
}

#left p.meta a {
  color: #92acb7;
}

#left p.subcat {
  color: #627a7d;
}

#left p.subcat span {
  color: #b9d5e0;
}

#left p.subcat a {
  font-weight: bold;
  color: #627a7d;
}

#left p.more a {
  display: block;
  float: right;
  width: 116px;
  padding: 10px 0 10px 30px;
  margin: 0 0 10px;
  background: url(left_a-more_bg.gif) top left no-repeat;
  font-weight: bold;
  text-transform: lowercase;
  font-size: 12px;
}

#left p a.btn {
  display: block;
  width: 135px;
  height: 25px;
  padding: 10px 0 0;
  margin: 20px 0 0 200px;
  background: url(left_flash_a-btn_bg.gif) no-repeat;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
}

#left p img.th {
  margin: 5px 0 0;
  border: 1px solid #c5c5dc;
}

#left p span.form {
  display: block;
  float: left;
  width: 220px;
  padding: 0;
  margin: 5px 0 0;
  text-align: right;
  font-weight: bold;
}

#left p span.form2 {
  display: block;
  float: left;
  width: 150px;
  padding: 0;
  margin: 5px 0 0;
  text-align: right;
  font-weight: bold;
}

#left .cat-img {
  width: 80px;
  float: left;
  padding: 20px 0 0;
}

#left .cat-img  img {
  border: 1px solid #c5c5dc;
}

#left .cat-info {
  width: 490px;
  float: left;
}

#left .cat-info h4 {
  margin: 20px 30px 5px;
  font-size: 18px;
  font-weight: normal;
  color: #01bad5;
}

/*------------------------------------------------
SIDEBAR
------------------------------------------------- */

#right {
  position: relative;
  float: right;
  width: 356px;
  margin: 30px 0 0;
  color: #496164;
}

#right .box-top {
  position: relative;
  clear: both;
  width: 356px;
  height: 8px;
  background: url(right_box_bg-tb.gif) top no-repeat;
  font-size: 0;
}

#right .box {
  position: relative;
  clear: both;
  width: 356px;
  background: url(right_box_bg.gif) repeat-y;
  overflow: hidden;
}

#right .box-bottom {
  position: relative;
  clear: both;
  width: 356px;
  height: 8px;
  margin: 0 0 20px;
  background: url(right_box_bg-tb.gif) bottom no-repeat;
  font-size: 0;
}

#right .box .hr {
  clear: both;
  height: 3px;
  margin: 20px 30px 0;
  background: #f0f8ff;
  font-size: 0;
}

#right a {
  color: #01bad5;
}

#right a:hover {
  color: #d5018f;
}

#right h3 {
  margin: 10px 30px;
  font-size: 20px;
  font-weight: normal;
  color: #01bad5;
}

#right h3 span.crit {
  display: block;
  padding: 6px 0;
  background: url(right_h3-crit_bg.gif) center right no-repeat;
}

#right h3 span.best {
  display: block;
  padding: 10px 0;
  background: url(right_h3-best_bg.gif) center right no-repeat;
}

#right p {
  margin: 0 30px;
  text-align: justify;
  font-size: 10px;
}

#right p.more a {
  display: block;
  float: right;
  width: 116px;
  padding: 10px 0 10px 30px;
  margin: 0 0 10px;
  background: url(left_a-more_bg.gif) top left no-repeat;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
}

#right p.site {
  clear: both;
  margin: 20px 30px 0;
  line-height: 14px;
}

#right p.site span.stars {
  display: block;
  padding: 5px 0 0;
  font-weight: bold;
  font-size: 12px;
}

#right p.site a {
  color: #627a7d;
}

#right p.site img.th {
  float: left;
  border: 1px solid #c5c5dc;
  margin: 0 10px 0 0;
}

/*------------------------------------------------
BOTH
------------------------------------------------- */

#both {
  color: #496164;
  padding: 30px 0;
}

#both p.alleft {
  float: left;
  font-size: 10px;
}

#both p.alright {
  float: right;
  font-size: 10px;
  text-align: right;
}

#both .box-top {
  position: relative;
  clear: both;
  width: 969px;
  height: 11px;
  background: url(both_box_bg-tb.gif) top no-repeat;
  font-size: 0;
}

#both .box {
  position: relative;
  clear: both;
  width: 969px;
  padding: 20px 0 0;
  background: url(both_box_bg.gif) repeat-y;
  overflow: hidden;
}

#both .box-bottom {
  position: relative;
  clear: both;
  width: 969px;
  height: 11px;
  margin: 0 0 20px;
  background: url(both_box_bg-tb.gif) bottom no-repeat;
  font-size: 0;
}

#both a {
  color: #01bad5;
}

#both a:hover {
  color: #d5018f;
}

#both h2 {
  margin: 0 30px 10px;
  font-size: 23px;
  font-weight: normal;
  color: #01bad5;
}

#both h3 {
  margin: 10px 40px;
  font-size: 18px;
  font-weight: normal;
  color: #01bad5;
}

#both p {
  margin: 0 30px 20px;
  text-align: justify;
}

#both .hr {
  clear: both;
  height: 3px;
  margin: 20px 30px 0;
  background: #f0f8ff;
  font-size: 0;
}

#both table {
  width: 909px;
  margin: 0 30px 30px;
  font-size: 11px;
}

#both table tr.header {
  border: none;
  background: #edf7fb;
  color: #9bb1b4;
}

#both table tr.header td {
  border: none;
}

#both table tr td {
  padding: 5px;
  border-bottom: 1px solid #edf7fb;
}

#both table tr td.one {
  width: 1px;
  text-align: center;
}

#both table tr td.short {
  width: 200px;
}

#both table tr td.top {
  vertical-align: top;
}

/*------------------------------------------------
FOOTER
------------------------------------------------- */

#footer {
  position: relative;
  clear: both;
  height: 114px;
  background: #dee9ee url(footer_bg.gif) top repeat-x;
  font-size: 10px;
}

#footer .in {
  width: 970px;
  padding: 30px 0;
  margin: 0 auto;
}

#footer p {
  padding: 0;
  margin: 0;
  font-size: 9px;
}

#footer p.copy {
  float: left;
  padding: 5px 0 5px 35px;
  margin: 15px 0 0;
  background: url(footer_p-copy_bg.gif) top left no-repeat;
  color: #5d5d5d;
}

#footer p.copy span {
  color: #5d5d5d;
}

#footer p.backlinks {
  float: right;
  padding: 20px 0 0 0;
  margin: 0;
  color: #5d5d5d;
  text-align: right;
}

#footer p.backlinks span {
  color: #5d5d5d;
}

#footer a {
  color: #5d5d5d;
}

#footer a:hover {
  text-decoration: none;
}







#left .hodnoceniwebu {
  /*
  position: relative;
  float: left;
  width: 298px;
  padding: 0 0 15px;
  overflow: hidden;
  */
  float:left;
  height:95px;
  overflow:hidden;
  padding:0 0 15px;
  position:relative;
  width:299px;
}