* {
  padding:0;
  margin:0;
  font-size:12px;
}
body {
  background-color: #CCCCCC;
  margin: 0px;
  padding: 0px;
  color: black;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 12px;
}
ul,ol{list-style-position:inside;margin-left:10px;}
img {border:none;}
textarea {font-size:12px;}

a,a:link,a:focus,a:visited {color:#1a64af;text-decoration:none;font-size:12px;}
a:hover {color:#054b93;text-decoration:underline;font-size:12px;}

td.vrch { height: 20px; background-image: url("img/vrchTabulka.gif"); background-repeat: repeat-x; vertical-align: middle;border:1px solid #cccccc;font-weight:bold;padding-left:1px; }
td.kosikPolozka { height: 20px; background-image: url("img/vrchTabulka.gif"); background-repeat: repeat-x; vertical-align: middle;padding:2px; }

h1,h2,h3,h4 {color:#1a64af;font-weight:normal;}
#h1 {margin-top:10px;margin-left:30px;}
#h1 .drobky {position:relative;top:-15px;font-size:10px;color:#1a64af;text-align:right;margin-right:43px;}
#h1 .drobky a {font-size:10px;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}

ul.vyhladavanie {margin:0px;padding:0px;}
ul.vyhladavanie li {list-style-type:circle;list-style-position:outside;margin-left:15px;}

input.kosik {
  margin:0px 0px 2px 0px;
  padding:0px 2px 2px 2px;
  background: white;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 11px;
  width:100%;
}
input.bezne {
  margin:2px;
  padding:2px;
  background: white;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 12px;
}
textarea.kosik {
  padding:2px;
  background: white;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 11px;
}
textarea.admin,input.admin {
  padding:2px;
  background: white;
  border: 1px solid #cccccc;
  color: #333333;
  font-size: 11px;
}

a.adminTlacitka { border:1px solid #cccccc;padding:2px; }
a.adminTlacitka:hover { background:#F1F1F1;text-decoration:none; }

td.kosikPadding {padding:4px;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
td.kosikCerveny {background-color:red;}

#wrapper {
  text-align: left;
  margin: 20px auto;
  width: 944px;
  background: #dadada url('img/opakovanie.jpg') 0 0 repeat-y; 
}
#header {
  margin-bottom: 3px;
}

#header #logo {
  float: left;
  margin-right: 3px;
  width: 198px;
  height: 198px;
}

#header #graphic {
  float: left;
  width: 600px;
  height: 198px;
}

#main {
  margin-bottom: 3px;
  margin-top: -5px;
  padding-left:30px;
}

#main #navigation {
  float: left;
  margin-right: 3px;
  width: 153px;
}

#main #content {
  float: left;
  margin-right: 3px;
  width: 562px;
}

#main #ads {
  float: left;
  width: 153px;
}

#polozka {background: #dadada url('img/polozka.jpg') 0 0 no-repeat;text-align:center;width:153px;height:22px;color:white;font-size:12px;z-index:500;}
.polozkaPadding {padding-top:3px;}
#polozkaPodklad {background-color:#f4f4f4;border:1px solid #cacaca;width:151px;_width:153px;margin-bottom:10px;z-index:500;}
.padding {padding:5px;padding-top:2px;}

#footer {
    background: #dadada url('img/paticka.jpg') 0 0 no-repeat;
    width:944px;
    height:24px;
    text-align:center;
    font-size:9px;
}
.paticka {position:relative;top:7px;font-size:9px;}

/* PIE easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */