/* zakladni nastaveni - reset */
* { padding: 0; margin: 0; text-indent: 0; border: 0;} 

ul                    { list-style: none; } 
table                 {border-collapse: collapse;}
table, td, th         { border: 0; font-size: 12px; font-weight:normal; text-align: left;} 

/* definice nadpisu  */
h1{text-align: center; color: rgb(223,3,3); font-size: 43px; margin: 0; padding: 0px 0 0 0; height: 45px;}
h2{text-align: left; color: black; font-size: 24px; margin: 0; padding: 10px 0 0 15px; height: 41px;}
div#editor h2{background: url(../img/h2-zluty.gif); width: 643px; color: rgb(110,110,110);}
div#editor h2:first-letter{color: rgb(251,89,89); font-size: 32px;}
h2.zeleny{background: url(../img/h2-zeleny.gif); width: 644px; color: rgb(110,110,110);}
h2.zeleny:first-letter{color: rgb(251,89,89); font-size: 32px;}
div.toright h2{background: url(../img/h2-modry.gif); width: 247px; color: rgb(110,110,110);}
div.toright  h2:first-letter{color: rgb(251,89,89); font-size: 32px;}
h3{text-align: left; color: black; font-size: 15px; margin: 0; padding: 0;}
p {text-align: left; color: black; margin: 0; padding: 0; line-height: 22px;}

/* definice odkazu */
a {color: black; text-decoration: none;}
a:hover {text-decoration: underline;}

hr {clear: both; color: black; background-color: black; height: 1px;}

/* --- globalni tridy --- */
.clear			  {clear: both  !important;}
.right 			  {text-align: right  !important;}
.center			  {text-align: center !important;}
.middle       {vertical-align: middle !important;}
.left			    {text-align: left  !important;}
.block			  {display: block  !important;}
.justify      {text-align: justify !important;}
.noborder     {border: 0 !important;}
.toleft			  {display: block; float: left;	text-align: left;}
.toright		  {display: block; float: right; text-align: left;}
.hidden			  {display: none !important;}
.border			  {display: block; border: 1px dotted #b1b1b1; padding: 10px 3px 10px 3px;}
.bold			    {font-weight: bold;}
.underline	  {text-decoration: underline  !important;}
.white        {color: white !important;}
.red          {color: red !important;}
.black        {color: black !important;}
.tucne			  {font-weight: bold !important;}
.dt           {position: absolute; left: 350px; top: 129px; width: 320px; height: 110px; /* border: 1px white solid; */}
div#errorhlaska      {text-align: center; margin: 5px 0 25px 0;}
div#errorhlaska span {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
div.status           {text-align: center; margin: 5px 0 25px 0;}
div.status span      {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }

span#errorhlaska     {padding: 3px 20px;   background-color: rgb(254,251,37); color: rgb(254,1,1); border: 1px solid rgb(254,1,1); font-weight: bold; text-align: center; }
.doc, .rtf, .word    {background: url(../img/doc.gif) no-repeat; padding-left: 20px;}
.xls, .excel         {background: url(../img/xls.gif) no-repeat; padding-left: 20px;}
.txt                 {background: url(../img/icons/txt.gif) no-repeat;  padding-left: 20px;}
.rar, .zip           {background: url(../img/icons/rar.gif) no-repeat; padding-left: 22px;}
.gif, .jpg, .gif, .obrazek {background: url(../img/icons/img.gif) no-repeat;  padding-left: 20px;}
/* strankovani */
div#searchresult     {text-align: center; margin: 0 5px;}
div#searchresult a   {margin: 0 5px;}
.pageselected        {text-decoration: underline; font-weight: bold;}
a.errorinfo          {font-weight: bold; color: red;}
div.execution        {display: inline; margin: 0 !important;}
/* format */


/* editor */


/* Lay out webu */

body{  
font-family: Arial,'Trebuchet MS',Verdana,'Arial CE','Helvetica CE',helvetica,sans-serif;
color: black;
font-size: 14px;
text-align: center;
background: url(../img/pozadi.gif); 
}

/* _________________________________TOP______________________________________ */
div#abovetop{
background: url(../img/body.jpg) repeat-x center top; 
height: 349px;
padding: 25px 0 0 0;
}

div#abovetop div.info{
margin: 10px 0 0 0;
font-weight: bold;
color: rgb(223,3,3);
font-size: 16px;
}

div#top{
width: 995px;
height: 276px;
margin: auto;
background: url(../img/hlavicka.jpg) no-repeat;  
position: relative;
}

div#top a.nakupuj img{
width: 114px;
height: 39px;
position: absolute;
top: 0px;
left: 30px;
}

div#top a.prodavej img{
width: 114px;
height: 39px;
position: absolute;
top: 0px;
left: 844px;
}

div#top a.kosmetika{
position: absolute;
width: 124px;
height: 80px;
top: 46px;
left: 72px;
}

div#top a.elektronika{
position: absolute;
width: 115px;
height: 88px;
top: 27px;
left: 210px;
}

div#top a.obleceni{
position: absolute;
width: 80px;
height: 118px;
top: 45px;
left: 325px;
}

div#top a.sberatelstvi{
position: absolute;
width: 142px;
height: 103px;
top: 163px;
left: 318px;
}

div#top a.zbozi-z-obchodu{
position: absolute;
width: 128px;
height: 128px;
top: 144px;
left: 507px;
}

div#top a.nevhodne-darky{
position: absolute;
width: 108px;
height: 128px;
top: 34px;
left: 635px;
}

div#top a.nepouzivane-veci{
position: absolute;
width: 144px;
height: 119px;
top: 39px;
left: 762px;
}

a.nadpis{
text-align: center;
font-weight: bold; 
color: rgb(223,3,3); 
font-size: 43px; 
margin: auto; 
padding: 0px 0 0 0; 
height: 45px;
display: block;
width: 125px;
}

a.nadpis:hover{
text-decoration: none;
color: rgb(243,67,90);
}
/* ________________________________MIDDLE____________________________________ */
div#middle{
position: relative;
width: 946px;
min-height: 500px;
background: white url(../img/middle-back.gif) repeat-x top;
margin: 0px auto auto auto; 
z-index: 10;
padding: 15px 25px 15px 25px; 
text-align: left;
}

div#editor{
width: 658px;
background: url(../img/h2-zluty-middle.gif) repeat-y; 
font-size: 15px;
}

div#editor p{
padding: 0px 25px;
}

div#editor-bottom{
width: 658px;
height: 32px;
background: url(../img/h2-zluty-bottom.gif) no-repeat; 
}

table.top{
width: 100%;
margin: 0 0 20px 0;
}

table.top tr td{
vertical-align: top;
width: 258px;
padding: 15px 10px 15px 15px;
color: rgb(132,131,131);
font-size: 1.1em;
font-weight: bold;
line-height: 22px;
}

table.top tr td a{
display: block;
color: rgb(251,76,76);
font-size: 19px;
margin: 0 0 18px 0;
font-weight: normal;
}

table.top tr td img.vice{
display: block;
float: right;
position: relative;
bottom: -7px;
}

table.top tr td.aukro-registrace-anotace{
border-right: 40px white solid;
background: rgb(216,232,254) url(../img/zamek.png) no-repeat left bottom;
}

table.top tr td.pro-kupujici-anotace{
border-right: 40px white solid;
background: rgb(216,232,254) url(../img/lupa.png) no-repeat left bottom;
}

table.top tr td.pro-prodavajici-anotace{
background: rgb(216,232,254) url(../img/sipka.png) no-repeat left bottom;
}

table.aktuality{
background: url(../img/h2-zeleny-middle.gif) repeat-y; 
border-collapse: separate;
border-spacing: 25px;
width: 659px;
}

table.aktuality tr td{
padding: 10px 0;
background-color: white;
border: 1px solid rgb(205,205,205);
border-right: 0;
border-bottom: 0;
}

table.aktuality tr td img.obr{
border: 1px solid rgb(205,205,205);
}

table.aktuality tr td a{
text-decoration: underline;
}

table.aktuality tr td div.odkaz-dale{
float: right;
margin: 4px 10px 0 0;
}

table.aktuality td div.toleft{
width: 135px;
text-align: center;
}

table.aktuality td div.toright{
width: 445px;
margin: 0 5px 0 0;
}

div.zeleny-bottom{
background: url(../img/h2-zeleny-bottom.gif) no-repeat; 
height: 16px;
}

div.vyhody{
background: url(../img/h2-modry-middle.gif) repeat-y; 
}

div.vyhody div.middle{
padding: 20px;
}

div.vyhody div.odkaz-dale{
text-align: right;
}

div.vyhody-bottom{
background: url(../img/h2-modry-bottom.gif) no-repeat; 
height: 17px;
}

/* ________________________________PARTNERI__________________________________ */
ul.partneri li{
padding: 0 15px 15px 0;
}

ul.partneri li img{
margin: 0px 20px 0px 20px;
border: 1px solid rgb(248,210,33);
}

ul.partneri li a{
font-weight: bold;
text-decoration: underline;
}

/* ________________________________FOOTER____________________________________ */
div#footer{
background: url(../img/paticka.jpg) repeat-x; 
height: 257px;
}

div#inner-footer{
margin: auto;
width: 975px;
padding: 50px 10px 0 10px;
height: 50px;
background: white url(../img/inner-paticka.gif) no-repeat bottom;
color: white;
font-size: 12px;
font-weight: bold;
}

div#inner-footer p{
color: white;
}

div#underfooter{
width: 995px;
margin: auto;
}

div#underfooter ul li{
display: inline;
margin: 0 4px;
}

div#underfooter ul li a{
color: rgb(79,157,242);
}