@import url(http://fonts.googleapis.com/css?family=Montserrat);
* {
      margin : 0;
      padding : 0;
      color:black;
      border:none;
      list-style-type: none; 
}
body {
      color: #111;
      margin : 0;
      font-family: 'Montserrat', sans-serif;
      background: #f8f8f8 url('/breve_sph.png') no-repeat center top;
      padding: 16px 0;
      text-align:center;
}
h1 {
      font-size : 39px;
}
h2 {
      font-size : 22px;
      margin: 10px 0;
}
h3 {
      font-size: 19px;
      margin: 5px 0;
}
p, li {
      font-size : 14px;
      margin: 5px 0;
}
a {
      color : #ac0;
      font-weight: bold;
      text-decoration : none;
}
a:hover {
      color : #8a0;
}
table {
      border-collapse: collapse;
}
th, td {
      margin: 8px;
      padding:2px 6px;
      font-size:12px;
      border: 2px solid #7a0;
}
tr {
      background:#8b0;
}
tr.par {
      background:#9c0;
}
#otelo {
      background : #690 url(/koke2.gif);
      padding: 3px;
      margin: 0 auto;
      max-width: 968px; 
}
#telo {
      background : white;
      text-align:left;
}
#logo {
      margin: 0 0 0 24px;
      float: left;
      font-size: 12px;
      width: 354px;
      height: 63px; 
}
#telo .article {
      margin: 20px;
}
#sleva {
      position: absolute;
      top: 0;
      left: 56%;
      border: 1px solid white;
}
#webove {
      float:right;
      position:relative;
      top: 8px;
      right:0;
      font-size:14px;
      color: #690;
}
.menu {
      float: right;
      text-align:right;
      margin: 10px 7px;
	  width: 50%;
}
.menu ul li {
      font-size: 12px;
      font-weight: bold;
      color: black;
      margin: 0 3px 0 0;
      list-style-type: none;
	  text-align:right;
}
.menu ul li a {
      display:block;
      padding: 2px 6px;
      font-size: 11px;
      color: #121;
	  margin-right: 8px;
	  font-weight: normal;
}
.menu ul li a:hover {
      color: #ab0; 
}
#jazyky {
      margin: 0 4px 10px 0;
}
#jazyky img {
      padding: 2px 2px 0 0;
      border: 1px solid white;
}
#jazyky a img:hover {
      border-color: #ccc;
}
#sadrzaj {
      padding: 0 25px 23px;
      margin: 0;
}
#sadrzaj h1 {
      color: #7a0;
      height:85px;
      margin: 0 0 0 0;
      padding: 4px 0 0 39px;
      background: url(zavinacek-h1.gif) no-repeat 0 0; 
}
.linka {
      height: 6px;
      background: #8b0;
      margin: 0 25px;
}

.podlinka {
      margin: 3px 7px 0 0;
}
.podlinka ul li a {
      background: #eb0;
}
.k {
      position:relative;
      float:left;
      margin: 0 0 20px 0;
}

.k h2 a {
      padding: 6px 0 4px 16px;
      display:block;
      font-size: 22px;
      color:#222;
      background: #8b0;
      -moz-border-radius: 12px 12px 0 0;
      -webkit-border-radius: 12px 12px 0 0;
      border-radius: 12px 12px 0 0;

}
.k h2 a:hover {
      color: white;
      background: #ad0;
}
.ku {
      padding: 10px 20px 5px 16px;
      background: #ec0;
      height:182px;
      -moz-border-radius: 0 0 7px 7px;
      -webkit-border-radius: 0 0 7px 7px;
      border-radius: 0 0 7px 7px;
      -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);      
}
.k, .k h2 {
      width:400px;
      margin: 20px 0 0;
}
.ku p, .ku ul li {
      font-size: 12px;
      margin: 2px 0;
      line-height: 14px;
}
.ku ul li {
      list-style: none;
      padding-left: 10px;
      background: url(/tacka.jpg) no-repeat left center;
}
#n1, #n3 {
      top: 0px; left: 34px;	
}
#n2, #n4 {
      top: 30px; left: 68px;
}
.banner { 
      float:left;
      padding: 12px;
      border: 1px solid #aaa;
      background : #bbbbbb;
      margin: 15px;
}
.pola {
      padding: 17px;
      margin: 24px 24px 0 0;
      width: 240px;
      height: 320px;
      -moz-border-radius: 0 17px 0 17px;
      -webkit-border-radius: 0 17px 0 17px;
      border-radius: 0 17px 0 17px;
}
.pola img {
      margin: 0 0 5px 0;
}
.pola h2 {
      font-size: 14px;
      margin: 7px 0 0;
}
.pola h3 {
      font-size: 11px;
      font-weight: normal;
      margin: 2px 0 5px;
}
h2.tip {
      background: #eb0 url(/zagl-tabele.gif) no-repeat 0 right;
      font-size: 14px;
      margin: 20px 0 0 0;
      padding: 4px 8px;
}
.cenovnik {
      float: left;
      margin: 0 22px 22px 10px;
}
.lid {
      margin: 0 22px 12px 32px;
}
.sluzba {
      width: 310px;
}
.cena {
      width: 100px;
}
.ime {
/*      border-top: 2px dotted #aaa;
      margin-top: 10px;
      padding-top: 7px;
      width: 200px;*/
}

#footer {
      margin: 0;
	  clear: both;
	  width: 100%;
}
#footer img {
      display: none;
}

#potpis {
      margin:0;
      padding : 0px 7px;
      text-align : right;
      font-size : 11px;
      color: #000000;
}
#like {
      margin: 3px 0 0 0;
}
.malodesno {
      margin: 0 40px 0 0 ;
}
.code {
      margin: 10px;
      padding: 8px;
      background: #eef;
      border: 2px dashed #ccd;
      font-family: "Lucida Console","Courier New",Courier,monospace;
      color: #445;
}
.plugin-field {
      width: 500px; 
      height: 360px; 
      background: white; 
      border: 1px solid grey; 
      margin: 10px 20px 10px 0; 
      float: left;
}
.plugin-field h3 {
      margin: 0;
}
.plugin-title {
      display: block;
      font-size: 17px;
      background: #dfa;
      height: 40px;
      text-align: center;
      padding: 0 10px;
}
.feedback {
      margin: 20px 0 0 0;
      border-top: 3px dotted #e7e7e7;
      font-size: 12px;
}
.feedback textarea {
      border: 2px solid #d7d7d7; 
      width: 500px; 
      padding: 5px;
}
.feedback #email {
      border: 1px solid #d7d7d7; 
      margin: 5px 0;
      padding: 2px;
}
.feedback .submit {
      background: #360;
      color: white;
      padding: 7px;
      border-radius: 4px;
      margin: 0 0 10px 0;
      box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.feedback .submit:hover, .feedback .submit:active {
      background: #b60;
}
.version {
      font-size: 12px;
      color: #c7c7c7;
      margin: 0 0 0 10px;
}
.test-list li {
	float: left;
}
.test-list li a {
	display: block;
	background: #69c;
	color: #acf;
	padding: 6px;
	margin: 2px;
}
hr {
      display: block;
      background: #eee;
      height: 3px;
      border: none;
}
.txr {
      text-align: right;
}
.also {
	margin: 10px 20px 0 0;
	transform: rotate(-2deg);
	font-size: 12px;
}
.fl {
      float : left;
}
.fr {
      float : right;
}
.clr {
      clear : both;
}