@import url("reset.css");
@import url("fonty.css");


body {
	font-family: PTSans, Verdana, Arial, sans-serif;
	font-size: 13px; /* 100% == 16px */
	color: #333;
	line-height: 1.3;	
	margin: 0;
	padding: 0;
	background-color:#000;
	min-width: 990px;
}

body.homepage{
    background-image:none;
}

#obal { 	width: 100%; margin: 0 auto; text-align: left; min-height: 100%; height: 100%; position: relative; }
 body>#obal { height: auto; }
/* Opera 9.5+  */
*|html[xmlns*=""]  #obal { display: table; height: 100%; } 
/* Opera 9.5 */



/*	základní vzhled	*/
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 10px 0px 10px 0px; font-size: 16px; font-weight: normal; color:#c00; font-family: PTSansNarrow, Arial, sans-serif; }
h1 { font-size:28px; color:#333;}
h2 { font-size:24px; }
h3 { font-size:20px; }
h4 { font-size:18px; }

p, th, td, li { font-size: 14px }
p { margin-bottom: 16px }

a img {border: none;}
a {color:#c00; text-decoration: underline;}
a:hover, a:active, a:focus {color: #000; text-decoration: underline;}

a.vice {background: url('/img/sipka-vice.png') 70px 50% no-repeat #c00; font-size: 16px; display:inline-block; width: 30px;
      color:#fff; line-height: 20px; padding: 8px 45px 8px 25px; text-decoration:none;}
a.vice:hover {background-color:#333;}

sup{font-size:65%; position: relative; top: -0.8em;}

strong, b {font-weight: bold;}

ul {list-style: circle outside url('/img/li.png'); padding: 3px 0px 3px 25px;}

.clear { clear: both; }
.skryte { display: none; }
.shop-in { margin: 0 auto; padding: 0px; position: relative; }
.shop-in.hlavni-obsah {min-height: 300px;}

.red-text {color:#c00;}

/*#hlavni-blok { width: 100%; margin: 0 auto; padding: 0; clear: both; }*/
.holder { width: 990px; margin: 0px auto; }
.hlavni-blok-in { position:relative; margin: 0px auto; width: 980px; padding: 5px 5px 5px 5px; background-color:#fff;} 
.obsah{ text-align: justify; }
#obsah-border {background: url('/img/obsah-border-bg.jpg') 50% 0px repeat-y; width: 100%;}



#content{
    width: 980px; padding: 0px 5px;
    margin: 0px auto;
    position:relative;
    min-height: 100px;
    padding: 0px 0px 0px 0px;
}

#content-home {
    background: url('/img/stin.png') 0px 0px repeat-x #e7e7e7; height: 405px;
    margin: 535px 0px 0px 0px;
    width: 100%;
    padding: 20px 0px 0px 0px;
}

#subpage {
    background: url('/img/poz-podst.jpg') 50% 0px no-repeat transparent; 
    min-height: 830px; position:relative; color:#fff;}
#subpage h1 {color:#c00;}
#subpage #content { width: 635px; padding: 0px 345px 0px 0px; }
#subpage a:hover { color:#fff; }

#main-content{
    float:right; width: 700px; margin: 0px 5px 0px 0px;
}

#animace{
    position:absolute; width: 100%; top:85px; text-align:center;
}
#main-socialy { position:absolute; bottom: 30px; width:100%; }
#sub-socialy { position:absolute; top: 15px; right:2px; width:300px; text-align:right; }
#main-socialy .holder {text-align:left;}
#main-socialy a, #sub-socialy a {text-decoration:none;}
#main-socialy img, #sub-socialy img {margin: 0px 10px 0px 0px;}

#uvod-obsah {float:left; width: 490px;}

.pravy-obal { width: 755px; padding: 10px 10px 15px 0; float: right; }
.pravy-blok { min-height: 505px; background-color: #fff; text-align: justify; }
.obsah ul, obsah ol { padding: 0px 5px 15px 25px; }
.obsah ul li { list-style: circle outside url('/img/li.png'); padding-top: 3px; }
obsah ul li ul { padding:5px 0px 5px 20px; }
obsah ul li ul li { list-style: none; list-style-type:disc; margin-top:3px; }
obsah ul li ul li ul { padding:10px 0px 5px 25px; }
obsah ul li ul li ul li { list-style: none; list-style-type: circle; margin-top:3px; }
obsah ol li { padding-top:3px; list-style: decimal; }



.produkty, .podkategorie-obal, #karty { /*background: url('/img/boxy/bg-produkty.png') 0 0 repeat-x;*/ }
.produkty { padding-top: 5px; }
.podkategorie-obal.shop-in { padding-top: 3px; }
.produkt-detail.shop-in { padding-top: 0; }

#fotky img { border: 1px solid #ddd; margin: 6px 6px 0 2px; padding: 3px; }



a.button, input.button { 
    display: inline-block; font-size: 14px; line-height: 25px; height: 25px; margin: 0; padding: 0px 0px; 
    text-decoration: none; width: 100px; background-color:#c00; text-align: center; color:#fff;
    border:none; vertical-align: middle; cursor: pointer;
}
a.button.zobrazit { background-color:#36c; }

span.subnazev {font-size: 85%;}
h3 span.subnazev {font-size: 16px;}


div.left-box-kontakt {float:left; width: 48%; margin-bottom: 10px;}
div.right-box-kontakt {float:right; width: 48%; margin-bottom: 10px;}

.uvodka-text{
    padding: 10px;
    width: 880px !important;
    color:#000; text-align:justify;
}

.novinka-label{
    position:absolute;
    background-image: url('/img/novinka.png');
    left:0px; top:0px;
    width: 71px; height: 71px;
}

#kontakt-info {width: 980px; margin: 0px auto; height: 55px; line-height: 55px; 
	       vertical-align: middle; text-align:right; color:#fff;}
#kontakt-info span {line-height: 20px; display:inline-block;}
#kontakt-tel { background: url('/img/ico_tel.png') 0px 50% no-repeat transparent; padding: 0px 30px 0px 20px;}
#kontakt-email { background: url('/img/ico_mail.png') 0px 50% no-repeat transparent; padding: 0px 15px 0px 30px; }
#kontakt-info a {color:#fff; text-decoration:none;}

#langs {position:absolute; width:100%; text-align: right; top:10px;}
#langs-inner {background:url('/img/langs-bg.png') 0px 0px repeat transparent; color:#FFF; font-size:20px; display: block; width: 90px; height: 40px; line-height: 40px; float:right; margin-right:38px;}
#langs-inner span, #langs-inner a {display:block; width:50%; text-align: center; float:left; text-decoration: none; height: 40px; line-height: 40px; font-family: PTSansNarrow, Arial, sans-serif;}
#langs-inner a:hover {color:#FFF; text-decoration: underline;}

//zakladni tabulka
table.tabulka
{ margin: 10px 0 30px 0;
   text-align:center;
   border-collapse: collapse; vertical-align:middle; font-size:11px}

table.tabulka td p { margin-bottom:5px !important; padding:0px !important; font-size:11px}

table.tabulka tr th, table.tabulka tr td
{ background: #ddd;
  color: #111;
  padding: 4px;}

table.tabulka thead tr th, table.tabulka thead tr td
{ background: #ddd;
  color: #111;
  padding: 7px 4px;}

table.tabulka tr td
{ background: #FBFBFB;
  color: #111;
  border: 1px solid #000;}

table.tabulka tr td.red-text{
    color: #F00;
}

table.tabulka tr td.blue-text{
    color: #009;
}

table.partner tr td
{ padding:5px}