body {
	background: #4e0303 url('../graf/body-background.jpg') no-repeat center top;
  	padding: 0; margin: 0;
	font-family: Tahoma, sans-serif;
	font-size: 11px; text-align: center; line-height: 1.1;
}

h1 {font-size: 18px; font-weight: bold; color: #d00;
     background: url('../graf/h1.png');
    padding: 10px 10px 0px 50px; margin: 20px 0 5px 0;
    height: 45px; voice-family: "\"}\""; voice-family: inherit; height: 35px;}
h2 {display: block; clear: both; border-bottom: 1px solid #d00; font-size: 120%; color: #d00; text-align: left; margin: 15px 0 5px 0;}
h3 {font-size: 110%; font-weight: bold; text-align: left; color: #333; padding: 0px; margin: 0 0 1px 0; border-bottom: 1px solid #d00;}
h4 {font-size: 12px; color: #000; font-weight: bold;}
h4 span {font-weight: bold; color: #888;}
img {border: 0;}
a {color: #d9241c; text-decoration: none;}
a:hover   {color: #d9241c; text-decoration: underline;}
p {margin: 0 0 15px 0;}

th {font-size: 10px; color: #888; font-weight: normal; border-bottom: 1px solid #BBBBBB;}

.red {color: red;}

#mother  {display: block; clear: both; position: relative; width: 979px; margin: 0 auto; padding: 0; background: none; text-align: left;}

/* TOP */
#top     {
	display: block; clear: both; position: relative; width: 979px; height: 150px;
	margin: 0; float: left;
	padding: 0; border: 0;
	background: url('../graf/header_bgr.png') no-repeat;
}
#top #top_banner a       {display: block; position: absolute; top: 25px; height: 90px; width: 500px;}
#top a#top_strida        {display: block; position: absolute; top: 55px; right: 35px; width: 160px; height: 49px;
	background: url('../graf/logo_strida_off.png') no-repeat;
}
#top a#top_strida:hover  {
	background: url('../graf/logo_strida.png') no-repeat;
}
#top #top_links          {display: block; position: absolute; top: 122px; right: 10px;
                     color: #333; font-weight: bold; font-size: 13px;
}
#top #top_links a       {color: #333; margin: 0 10px; text-decoration: none;}
#top #top_links a:hover {color: #000; text-decoration: underline;}

/* TOP MENU */
#top_menu     {
	display: block; clear: both; position: relative; float: left;
	margin: 0; padding: 10px 20px;
	width: 939px; height: 25px;
	background: url('../graf/top_menu_bgr.png') repeat-x;
	font-size: 130%;
	text-align: right;
}
#top_menu a    {
	padding: 0 10px;
	color: #fff; text-decoration: none;
}
#top_menu a:hover    {
	text-decoration: underline;
}
#top_menu form     {
	display: block; position: relative; float: left;
}
#top_menu input     {
	margin-top: -2px;
}
#top_menu input.text     {
	display: block; position: relative; float: left; width: 120px;
	padding: 5px; border: 2px solid black;
	background: url('../graf/top_menu_input.png') repeat-x;
	font-size: 12px;
}

/* CONTENT - OBSAH */
#content {
	display: block; clear: both; position: relative; float: left;
	width: 100%;
	margin: 0; padding: 0;;
	background: #fff;
}

/* CONTENT - LEVÝ SLOUPEC */
#content_left   {
	display: block; position: relative; float: left;
    margin: 0; padding: 0; width: 200px;
	voice-family: "\"}\""; voice-family: inherit; width: 200px;}
#content_left .kosik {
	display: block; position: relative; margin: 0; padding: 5px;
	width: 190px; height: 104px; color: #000; font-weight: bold; font-size: 100%;
	background: url('../graf/kosik_bgr.png') no-repeat top left;
}
#content_left .kosik img {
	float: left; margin: 0 0 0 10px;
}
#content_left .kosik table {
	float: right; width: 85px; height: 104px;
}
#content_left .kosik a {
	color: #000;
}

#content_left .menu         {
	font-size: 110%;
	background-image: url('../graf/menu_bgr.png');
	background-repeat: repeat-x;
	background-position: 0 50%;
}
#content_left .menu a       {
	display: block;
	padding: 10px 10px 10px 20px;
	color: #000; font-weight: bold;
	text-decoration: none;
}
#content_left .menu a:hover {
	background-image: url('../graf/menu_hover.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#content_left .aktivni a, #content_left .aktivni a:hover  {
	background-image: url('../graf/menu_aktivni.png');
	background-repeat: repeat-x;
	background-position: 0 50%;
	color: #fff;
}

/* CONTENT - DATA */
#content_data  {
	display: block; position: relative; float: right;
	font-size: 12px;
	margin: 0; padding: 0 10px 10px 10px;
	border: 0; width: 779px;
	background-image: url('../graf/content_bgr.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	voice-family: "\"}\""; voice-family: inherit; width: 759px;}

#content .katalog_table {
	width: 779px; padding: 0; margin: 0;
	border: 0;
}
#content .katalog_table tr {
	border: 0; maading: 0; margin: 0;
}
#content .katalog_table th {
	padding: 5px 10px; margin: 0; color: #fff; font-weight: bold; text-align: left;
	background-image: url('../graf/katalog_table_th.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	border: 0;
}
#content .katalog_table td {
	padding: 0; margin: 0; border: 0;
}
#content .katalog_table img {
	float: none;
	padding: 0; margin: 0 0 -1px 0; border: 0;
}
#content .katalog_table a {
	border: 0; maading: 0; margin: 0;
}

/* FOOTER */
#footer_menu  {
	display: block; clear: both; position: relative; width: 100%; margin: 0;
	padding: 10px 0 20px 0; border: 0; font-size: 120%; text-align: center; color: #555;
}
#footer_menu a {color: #555;}
#footer_menu a:hover {color: #eee;}
#footer_menu .footer_kontakt {font-size: 110%; text-align: center;}



/* PRODUKT */
.produkt {
	display: block; position: relative; float: left; margin: 0 5px 10px 0;
	text-align: center;
	padding: 10px;
	border-right: 2px solid #ccc;
	width: 225px;
}
.produkt h2 {
	font-size: 100%; color: #000; text-align: center; margin: 5px 0 0 0; padding: 5px 0 0 0; border: none; min-height: 30px;
	background-image: url('../graf/produkt_h2.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.produkt h2 a {
	color: #555;
}
.produkt .produkt_obrazek {border: none; margin: 5px 0; padding: 0; width: 220px; height: 220px; background-color: none;}
.produkt p {font-size: 11px; margin: 0 0 5px 0; height: 30px;}
.produkt .produkt_footer  {
	color: #d00; font-weight: normal; text-align: left;
	margin: -10px 0 0 0; padding: 15px 0px 5px 0px;
	min-height: 23px;
	background-image: url('../graf/produkt_footer.png');
	background-repeat: no-repeat;
	background-position: 50% 0;
}
.produkt .produkt_footer a {
	display: block; float: left;
	font-size: 100%; color: #fff;
	padding: 0px;
	text-decoration: none;}
.produkt .produkt_footer a:hover {text-decoration: underline;}
.produkt .produkt_footer span {display: block; float: right; font-size: 150%; padding: 10px 0;}




.sort_left  {display: block; clear: both; float: left;  text-align: center; color: #000; font-size: 11px; background-color: inherit; border-right: 1px solid #EEE; padding: 5px; width: 190px;}
.sort_right {display: block; float: right; text-align: center; color: #000; font-size: 11px; background-color: inherit; padding: 5px; width: 190px;}
.sort_delic {display: block; clear: both; margin: 3px 0; padding: 0; background-color: inherit; width: 400px;}

.fanshop_delic {
	display: block;
	clear: both;
	border-bottom: 2px solid #ccc;
	margin: 0 0 10px 0;
}

.produkt_max {display: block; margin: 0 0 15px 0;
          padding: 10px;
          width: 745px;
          background-color: none;}
.produkt_max .produkt_obrazek {display: block; float: left; border-right: 2px solid #ccc; margin: 5px 0; padding: 0 10px 0 0; width: 335px; background-color: none;}
.produkt_max .produkt_obrazek .produkt_nahled  {margin: 0; padding: 10px 9px 0 0; background-color: none;}
.produkt_max .produkt_popis {display: block; float: right; font-size: 14px; margin: 0 0 0 10px; padding: 0; width: 380px;}

.tabulka_var    {margin: 5px 0 5px 10px; border: 0; font-size: 13px;}
      .cat_no   {font-size: 10px; width: 50px; vertical-align: middle; text-align: center; color: #888;}
      .varianta {font-weight: bold; width: 220px; vertical-align: middle; text-align: left;}
      .varianta span {font-size: 10px; font-weight: normal;}
      .cena     {font-size: 15px; font-weight: bold; color: #d9241c; text-align: right; vertical-align: middle; padding: 0 10px;}

      .koupit   {font-size: 12px; font-weight: bold; text-align: center; vertical-align: middle; background-color: #d9241c; width: 70px;}
      .koupit a {display: block; color: #fff; text-decoration: underline; height: 25px; padding-top: 5px; voice-family: "\"}\""; voice-family: inherit; height: 20px;}
      .koupit a:hover  {text-decoration: none; background-color: #000;}



.pocet   {text-align: right; font-size: 10px; background-color: #eee;}
.odeslat {text-align: center; font-size: 10px;}

.tab_name  {font-size: 11px; color: #000; font-weight: bold; width: 120px;}
.tab_phone {font-size: 11px; background: #fff url("../graf/tab_phone.gif") no-repeat; padding-left: 15px; width: 115px; voice-family: "\"}\""; voice-family: inherit; width: 100px;}
.tab_mail  {font-size: 11px; background: #fff url("../graf/tab_mail.gif") no-repeat; padding-left: 15px;}

.nahoru {display: block; width: 80px; clear: both; padding: 20px 0;}
.nahoru a {border: 1px solid #CCC; display: block; width: 80px; padding: 2px 5px; background-color: #DDD; color: #666; text-align: center; text-decoration: none;}
.nahoru a:hover   {border: 1px solid #CCC; display: block; width: 80px; padding: 2px 5px; background-color: #eaeaea; color: #000; text-align: center; text-decoration: none;}

#content_data .kosik {border: 1px dashed #fff; clear: both; display: block; margin: 10px 0; padding: 3px 10px 3px 10px; color: #fff; background-color: #e9342c; font-weight: bold; text-decoration: none; height: 48px; width: 170px; voice-family: "\"}\""; voice-family: inherit; height: 42px; width: 150px;}
#content_data .kosik a    	 {color: #fff; text-decoration: none; font-size: 12px;}
#content_data .kosik a:hover {color: #fff; text-decoration: underline;}

.tab_kosik {
	border-top: 1px solid #666; border-left: 1px solid #666; width: 100%; font-size: 120%;
}
.tab_kosik th {
	vertical-align: top; padding: 5px; font-size: 100%;
	color: #fff; border-bottom: 1px solid #666; border-right: 1px solid #666; background-color: #d9241c;
	font-weight: normal;
}
.tab_kosik td {
	vertical-align: middle; padding: 5px; border-bottom: 1px solid #666; border-right: 1px solid #666;
}
.tab_kosik .pata {
	background: #ddd url("../graf/bcg_menu.gif");
}

.prava {text-align: right;}
.kupujici legend   {font-size: 12px; color: #d9241c; font-weight: normal; font-weight: bold;}
.kupujici input    {text-align: left; width: 500px; font-size: 110%; padding: 5px; background-color: #eee;}
.kupujici textarea {text-align: left; width: 715px; font-size: 110%; background-color: #eee; padding: 5px; font-family: "Arial CE", Arial, Helvetica, helvetica, sans-serif;}

.osobni_odber {text-align: center; display: block; margin: 0; padding: 185px 0 0 0; color: #fff; font-size: 10px; font-weight: bold; height: 343px; width: 170px; background: #d9241c url("../graf/osobni_odber.gif") no-repeat; voice-family: "\"}\""; voice-family: inherit; height: 158px;}
.osobni_odber  span {font-weight: bold; font-size: 15px;}