body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border:0;}
body {padding:20px 0; background:#FFF; font:0.75em/1.5 "arial",sans-serif; color:#000; text-align:center;}

a {color:black;}
a:hover {color:#ff6905;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0; color: #FB2C26}
h1 {font-size:200%;}
h2 {font-size:160%;  font-family:"arial",sans-serif; letter-spacing:-1px; color:#FB2C26;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}

p {margin:15px 0;}

table {margin:15px 0; border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 5px;}

ul, ol {display:block; margin:15px 0 15px 40px;}
ul ul, ul ul ul, ol ol, ol ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
ol ol {list-style-type:upper-alpha;}
ol ol ol {list-style-type:lower-alpha;}
li {display:list-item;}

dl {margin:15px 0;}
dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {margin:15px 0; padding:10px; border:1px solid #CCC;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#000;}

abbr, acronym, .help {border-bottom:1px dotted #CCC; cursor:help;}
blockquote {margin:15px 20px; font-style:italic;}

del, .del {text-decoration:line-through;}
strong, .strong {font-weight:bold;}
cite, em, q, var {font-style:italic;}
code, kbd, samp {font-family:monospace; font-size:110%;}

hr {display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;}



.main {width:775px; margin: auto; text-align:left; }


#logo h1 span {display: none;}
#logo h1 {display:block; width:168px; height:55px; background:url("../design/logo.png") 0 0 no-repeat; cursor:pointer; float: left; margin-top: -1px; }

     
.hledani {display:block; width:478px; height:41px; background:url("../design/hledani.png") 0 0 no-repeat; margin-left: 180px; padding-left: 66px; padding-top: 25px; }




        #nav {position:absolute; width:774px; height:33px; background:#b6dffe url("../design/menu.gif") 0 0 repeat-x;}
        #nav-in {position:relative; width:774px; height:33px;}
        #nav-l {position:absolute; top:0; left:0; width:15px; height:40px; background:url("../design/menul.gif") 0 0 no-repeat;}
        #nav-r {position:absolute; top:0; right:0; width:10px; height:40px; background:url("../design/menup.gif") 100% 0 no-repeat;}
        #nav ul {margin:0; margin-left:10px; padding:0; list-style:none;  }
        #nav ul li {display:inline; margin:0; padding:0;  }
        #nav ul li a {display:block; float:left; height:25px; padding:7px 30px 0px 30px; background:url("../design/separator.gif") 100% 0 no-repeat; font-family: arial; 

color:black;}
        #nav ul li a:hover {background:url("../design/menua.gif") 100% 0 repeat-x; color:#000; text-decoration: none; height:27px;}
        #nav ul li#nav-active a {background:url("../design/nav-active.gif") 0 0 repeat-x; color:#FFF;}



ul {margin:0; padding:0; list-style:none;}
ul li {margin:0; padding:3px; padding-left:15px; background:url("http://www.in-pocasi.eu/design/li.gif") 0 5px no-repeat;}


.telo {width:612px; padding-top: 50px; text-align:left;}

.telo2 {width:612px;text-align:left; float: left; }
.telo3 {width:622px; min-height: 407px; text-align:left; float: left; background:url("../design/podstrankas.png") 0 0 repeat-y;}

.telol {margin-top: -65px; min-height: 407px; padding-top: 10px; padding-left: 30px; padding-right: 30px;}


.hornit {width:622px; height:60px; background:url("../design/podstrankah.png") 0 0 no-repeat;}

.dolnit {width:622px; height:55px; background:url("../design/podstrankad.png") -1px 0 no-repeat;}



.panel {width:622px; height:250px; background:url("../design/katalog.gif") 0 0 no-repeat;}
.panel2 {width:622px; height:230px; background:url("../design/katalog2.gif") 0 0 no-repeat;}

    #hx-psc-katalog {width:213px; height:49px; background:url("../design/hx-psc-katalog.png") 15px 10px no-repeat; margin-top:0px; cursor: hand;}

    #hx-az-vedy {width:213px; height:44px; background:url("../design/hx-az-vedy.gif") 10px 10px no-repeat; margin-top:0px;}

    #hx-top-vedy {width:108px; height:44px; background:url("../design/hx-top-mesta.gif") 15px 15px no-repeat; margin-top:-60px; }

    #hx-o-webu {width:90px; height:44px; background:url("../design/hx-o-webu.gif") 10px 10px no-repeat; cursor: hand;}

    #hx-vyhledavani {width:213px; height:49px; background:url("../design/hx-vyhledavani.png") 15px 15px no-repeat; margin-top:0px; cursor: hand;}


#hx-psc-katalog span, #hx-vyhledavani span,   #hx-az-vedy span, #hx-top-vedy span,     #hx-o-webu span {display:none;}




.postrani {width:149px; height:100%; background:url("../design/postrani.gif") 0 0 repeat; float: right; margin-top: -10px; margin-bottom: 0px;}
.postrani div {padding-left: 20px; padding-right: 10px; }

.horni {width:149px; height:70px; background:url("../design/postrani-h.gif") -1px 0 no-repeat;}

.dolni{width:149px; height:88px; background:url("../design/postrani-d.gif") -1px 0 no-repeat;}

.paticka {width:774px; height:19px; background:#b6dffe url("../design/menu.gif") 0 0 repeat-x; clear: left; position:relative; padding: 7px; text-align: center; color: black}

.paticka a {color: black}

.paticka a:hover {color: black; text-decoration: none;}

.jedna{float: left; padding-left: 55px; width: 20%; }
.dva{float: left; padding-left: 55px; width: 27%; }
.tri{float: left; padding-left: 20px; width: 27%; }

.textp{padding-left: 35px;width: 90%; }


.nazev {float: left; padding-left: 5px; padding-right:5px; }
.sl{float: left; width: 250px; }
.nazev2 {float: left; padding-left: 45px; width: 50px; }

.pole input { border:1px solid #CCC;  width: 160px; margin-bottom: -3px;  }

.pole select { background:white;  border:1px solid #CCC; margin-bottom: -3px;width: 160px; }

.hledej{ margin-top: -4px; margin-left: 175px; padding: 2px  15px 2px 15px; font-weight: bold;}

.sloupec{ margin-top: -18px; }

.hlavickatr {background: #D7F1FF;
border: 1px;
border-width: 1px;
border-color: #97D3FF;
border-style: solid;
color: #F7110B;
font-weight: bold;
font-size: 110%; }

tr {
border: 1px;
border-width: 1px;
border-color: gray;
border-style: solid;
text-align: center;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;

font-size: 75%;

}
td {

border-width: 1px;
border-color: #CCCCCC;

border-style: solid;
text-align: center;
padding:5px;

}
.t1 {
background: #EAF5FC;

}
.t2 {
background: #FEF6CC;

}
table
{

width: 565px;
}

.archiv  {

float: left;
margin-left: 5px;
font-size: 120%;

}
.archivaktiv  {

float: left;
margin-left: 5px;
font-weight:bold;
font-size: 120%;
}

.kod {border-width: 1px;
border-color: #CCCCCC;
border-style: solid; font-family:'Courier New', Courier, monospace; padding: 3px; width: 500px;}

.reklama {width: 468px; height: 60px; margin: auto;}

.patickao
{font-size: 98%; color: gray;}

.patickao a
{font-size: 98%; color: #548EA5;}

.patickao a:hover
{color:#ff6905;}