/* * screen.css - media screen (all) * Autor: Martin Zemánek, martinzemanek at email.cz  */* { padding: 0; margin: 0;}.noborder {  border:none;  background:none;}body { font-family: Arial, Verdana; font-size: 12px; color: black; background: url(../images/background.jpg) repeat; background-attachment:fixed;}/* ------------------ Poziční bloky - obsah, sloupce--------------------*/#wrap {margin:15px auto;width:989px;}#content_block {  width:100%;  background: white;  float:left;}#main {  float: left; width:100%;}#content {  float:left; width:550px;  padding:10px 4px;}#left {  float: left; width:214px; background:#f3f3f3;}#right {  float: right; width:214px;  background:#f3f3f3;}/* ------------------ Hlavička --------------------*/#header {  background: black url(../images/header.jpg) no-repeat; height:201px; width:989px; float:left;}#header #over a {  display:block; position:absolute; top:90px; width:380px; height:110px; margin-left:165px;}#header #basket {  position:absolute;  top:70px;  margin-left:811px;  width:153px;  height:65px;}#header #login {  position:absolute;  top:215px;  margin-left:20px;  width:490px;  height:30px;  line-height:30px;  overflow:hidden;}#header #search {  position:absolute;  top:15px;  margin-left:740px;  width:233px;  height:30px;  line-height:30px;  overflow:hidden;}input.input_search {  background:transparent;  width:150px;  border:none;  padding-left:8px;}/* ------------------ NAVIGACE nahoře --------------------*/#navigace { 	background: url(../images/menu.png) no-repeat;	width:989px;	height:36px;	float:left;}#navigace li a {   color:white;}#navigace li ul li a {   color:black;}#navigace li ul li a:hover {   color:white;}#basket_table {  margin-top:5px}#basket_table tr td {  color:white;}.white {  color:white;}#login_table {  margin-top:4px;  width:90%;}#login_table tr td {  color:white;}.input_login {  border:none;  width:110px;  background:white;}input {  border:1px solid #cdcdcd;  font-size:13px;	background: white;}.submit_login {  background: url('../images/submit_login.png') no-repeat;  width:77px;  height:18px;  border:none;  cursor:pointer;  color:black;  font-size:11px;}.submit_search {  background: transparent;  border:none;  width:65px;  height:20px;  border:none;  cursor:pointer;  color:white;  font-size:11px;}.input_noborder {  background:transparent;  color:black;  border:none;  font-weight:bold;}/* ------------------ MENU - kategorie a podkategorie zbozi --------------------*/#left .box .main ul li {   float:left;  clear:both;  width:100%;}#left .box .main ul li a {   display:block;  float:left;  width:100%;  line-height:26px;  height:26px;  font-weight:bold;}#left .box .main ul li span {   padding-left:25px;  display:block;}#left .box .main ul li.detail span {   padding-left:35px;  display:block;}#left .box .main a:hover {   text-decoration:none;  background: url('../images/nav_over.png') repeat-x bottom left;} #left .box .main a.choosed, #left .box .main ul li.selected a, #left .box .main ul li.selected_top a {   text-decoration:none;  background: url('../images/nav_over.png') repeat-x bottom left;}#left .box .main ul li.selected, #left .box .main ul li.selected_top {   list-style-type:none;}#left .box .main ul li.selected span, #left .box .main ul li.selected_top span {   background: url('../images/spot_white.png') no-repeat 13px 11px;}#left .box .main ul li.selected a, #left .box .main ul li.selected_top a {  text-decoration:none;  color:white;  font-weight:bold;}#left .box .main ul li.noselected_top a {  text-decoration:none;  font-weight:bold;  color:white;}#left .box .main ul li.detail a:hover {  text-decoration:none;  color:white;}#left .box .main ul li.noselected, #left .box .main ul li.noselected_top, #left .box .main ul li.noselected_top, #left .box .main ul li.detail {   list-style-type:none;}#left .box .main ul li.noselected span, #left .box .main ul li.noselected_top span, #left .box .main ul li.noselected_top span {   background: url('../images/spot_red.png') no-repeat 13px 11px;}#left .box .main ul li.detail span {   background: url('../images/spot_red.png') no-repeat 23px 10px;}#left .box .main li.detail a {  display:block;  float:left;  width:100%;  font-size:90%;  line-height:26px;  font-weight:normal;}#left .box .main li a {  color:#8d0d0d;}#left .box .main li a:hover {  color:white;}#left .box .main li.detail a.choosed {  color:white;}#left .box .main li.detail a.nochoosed {  color:#8d0d0d;}#left p, #left span {   padding:0 10px;}#left div.h2_background span {  padding:0;}#left .box .main {   width:100%;  padding:5px 0px;}#right .box .main h2 {   background: url(../images/background_h.jpg) repeat-x;  color:black;  padding-left:5px;}#right .box .main p, #right .box .main span {   padding:0 4px;}#left .box .main table tr td {   line-height:15px;}#left .box .main table tr td.color {   color:#8e0d0d;}.table_detail {  float:left;}#content #left ul {list-style-type: none;}#content #left ul li {display: block;width:100%;height:33px;float:left;line-height:33px;background: url(../images/menu.gif) repeat-x;}#content #left li a {text-decoration: none;padding-left: 10px;padding-right: 10px;height:33px;display:block;width:160px;color:black;}#content #left ul li:hover { background: url(../images/menu_over.gif) repeat-x; height:33px;}#content #left ul li.selected, #content #left ul li.selected_top { background: url(../images/menu_over.gif) repeat-x; height:33px;}.left_bottom { background: url(../images/left_bottom.jpg) no-repeat; float:left; height:23px; width:216px; display:block;}.right_bottom { background: url(../images/right_bottom.jpg) no-repeat; float:right; height:23px; width:216px; display:block;}.rychly_kontakt {  padding:0 10px;  line-height:22px;  }.img_thumb {	height:160px;	display:block;	text-align:center;	overflow:hidden;}.column_content {  background: url(../images/detail.png) no-repeat;	display:block;	float:left;	width: 150px;	height:253px;	overflow:hidden;	padding:0 10px;}.top_content {  background: url(../images/detail.png) no-repeat;	display:block;	float:left;	width: 150px;	height:253px;	overflow:hidden;	padding:0 10px;}.top_content .description, .top_content_over .description, .column_content .description {	display:block;	height: 15px;	margin:5px 0;	overflow:hidden;	font-size:12px;	line-height:19px;}.top_content_over {  background: url(../images/detail.png) no-repeat;	display:block;	float:left;	width: 150px;	height:253px;	overflow:hidden;	padding:0 10px;}.top_content h2, .top_content_over h2, .column_content p.title {	padding:6px 0;	height:26px;	font-size:12px;	line-height:15px;	overflow:hidden;}.column_content {	display:block;	float:left;	overflow:hidden;	padding-left:15px;}.column_content h2 {	padding:6px 0;	height:26px;	font-size:12px;	line-height:13px;}.top_left  {  display:block;  width:166px;  text-align:justify;  padding:0 5px 0 9px;  float:left;  margin-bottom:10px;}.column_left  {  display:block;  width:176px;  text-align:justify;  padding:0 5px 0 10px;  float:left;  margin-bottom:10px;  padding-left:20px;  clear:both;}/* ------------------ Ikony --------------------*/.top_bottom {  display:block;}.dokosiku {   background: url(../images/submit_small.png) no-repeat;  height:23px;  line-height:23px;  width:70px;  overflow:hidden;  border:none;  cursor:pointer;  float:right;  color:white;  text-align:center;  padding-bottom:5px;  font-size:12px;}.dokosiku:hover, .detail_produktu:hover {   background: url(../images/submit_small_over.png) no-repeat;}.detail_produktu span a {   color:white;}.detail_produktu {   background: url(../images/submit_small.png) no-repeat;  height:23px;  width:70px;  overflow:hidden;  border:none;  cursor:pointer;  line-height:23px;  float:right;  margin-right:10px;  text-align:center;}.detail_produktu span a {   font-weight:normal; }.dokosiku_detail {   background: url(../images/submit_small.png) no-repeat;  height:23px;  width:70px;  overflow:hidden;  border:none;  cursor:pointer;  line-height:23px;  color:white;  font-weight:bold;}.detail_produktu span a:hover, .dokosiku span a:hover {   text-decoration:none;}.navigace_back {  background: url(../images/paging.png) no-repeat;  height:50px;  padding:3px 10px;  margin:0 0 10px 0;}.navigace_back h1 {  font-size:14px;  margin-bottom:7px;  margin-top:2px;}.navigace_back a {  color:black;}/* ------------------ Vlastnosti elementu --------------------*/th {  padding:3px;}table {  width:100%;}td {  padding:3px 1px;}fieldset {  margin-top:10px;  padding:7px;	-moz-border-radius: 5px;}legend {  font-size:110%;  padding:0 5px;  font-weight:bold;  letter-spacing:1px;  color:white;}table, tr, td, th {  border-collapse:collapse;}select {  border:1px solid #cdcdcd;  padding:0 0 0 2px;  font-size:13px;}textarea {	background: white;  border:1px solid #cdcdcd;  padding:2px;  border-style: inset;  font-size:13px;}img {  border:none;}a {  text-decoration:none;  color:#8e0d0d;  font-weight:bold;}a:hover {  color:#bd2626;  text-decoration:none;}h1 { font-size:20px; color:#8e0d0d; padding-bottom:3px;}h2 { font-size:18px; padding-bottom:5px; color:#8e0d0d;}h3 { font-size:17px; padding-bottom:5px; color:#8e0d0d;}h4 { font-size:15px; padding-bottom:4px; color:#8e0d0d;}/* ------------------ Patička --------------------*/#footer {	background: white;  text-align:left;	display:block;	width: 989px;	height:auto;	margin:10px auto;	clear:both;}#footer .left{  padding-left:10px;	float:left;	text-align:center;	line-height:24px;}#footer .right{  margin-right:10px;	float:right;	line-height:30px;}/* ------------------ Výpis produktů - záhlaví a zápatí --------------------*/.list_of_products {  height:30px;  line-height:30px;  background: #f3f3f3;  border-top:6px solid white;  border-bottom:2px solid white;  width:100%;  color:black;  font-weight:bold;}table.list_of_products_table tr td {  padding: 2px 3px;  background: #f3f3f3;  border-bottom:2px solid white;}#paging_header {  background: url(../images/paging.png) no-repeat;  height:45px;  padding-left:10px;  padding-right:10px;  padding-top:5px;  margin-bottom:10px;}#paging_header p.paging_header_left {  line-height:20px;  float:left;}#paging_header p.paging_header_right {  line-height:20px;  float:right;}#paging_footer {  display:block;  background: url(../images/paging2.png) no-repeat;  height:30px;  line-height:30px;  padding:0 10px;  margin:15px 0;  }#paging_footer table tr td{ padding:0;}#paging_footer table tr td.leftpage { width:16px;text-align:left;}#paging_footer table tr td.rightpage{ width:70px; text-align:right;}#paging_footer table tr td.centerpage{ text-align:center;}/* ------------------ Ostatní vlastnosti --------------------*/.infomessage {vertical-align: middle;color:black;}.errormessage {vertical-align: middle;color:#600001;}.left {  text-align:left;}.right {  text-align:right;}.smaller_bold {  font-weight:bold;  font-size:85%;}.bold {  font-weight:bold;}.center {  text-align:center;}.center_small {  text-align:center;  width:100px;}.hidden {	display: none;}.justify {  text-align:justify;}.clear {  clear: both;}.smaller {  font-size:85%;}.smaller_center {  font-size:85%;  text-align:center;}.smaller_color {  font-size:85%;  color:#8e0d0d;}.smaller_gray {  font-size:85%;  color:gray;}.color {  color:#8e0d0d;}.color2 {  color:#8e0d0d;}.h2_background {  background: url(../images/title.png) no-repeat;  margin:10px 0;  line-height:34px;  padding:0 10px;  width:194px  height:34px;  color:white;  text-align:left;  font-size:110%;  font-style:italic;}.h1_background {  margin:30px 0 5px 0;  line-height:20px;  padding:2px 10px ;  color:#8e0d0d;  text-align:left;  font-size:16px;  font-weight:bold;}.color_bold {  color:#8e0d0d;  font-weight:bold;}.submit {  border:none;  font-size:12px;	background: url(../images/submit_small.png) no-repeat;  height:auto;  cursor:pointer;  color:white;  width:70px;  height:23px;  line-height:23px;}a.special_submit {  border:none;  font-size:14px;  width:170px;	background: url(../images/submit.gif) repeat-x;  cursor:pointer;  padding:5px;  color:black;  display:block;}.submit:hover {	background: url(../images/submit_small_over.png) no-repeat;}.special {  width:320px;  display:block;  float:left;  line-height:16px;  font-size:10px;}.red { color:red;}.green {  color:white;}.table_kosik {  border-bottom:1px dashed #dedede;}.table_kosik_obsah tr td{  padding:1px 2px;  font-size:10px;}.odsazeni_top {  padding-top:10px;}.objednavka {  color:red;  text-align:center;  font-size:120%;}.objednavka2 {  color:#7aa621;  text-align:center;  font-size:125%;  border:1px solid #bababa;  padding:10px;  margin-top:20px;}#dotaz, #diskuze {  margin-top:15px;}.vlozit_komentar {  color:#7aa621;}#kontaktform {  margin-top:30px;}/* Ajax validate form */#msg {  display:none;   position:absolute;   z-index:200;   padding-left:1px;   background:#8d0d0d;  padding:6px;   color:white;	-moz-border-radius: 5px;}#msg2 {  display:none;   position:absolute;   z-index:200;   padding-left:1px;   background:#8d0d0d;  padding:6px;   color:white;	-moz-border-radius: 5px;}.boxik{	background: #f3f3f3;}.boxik_content {  padding: 8px;}.boxik_content a, .boxik_content span, .boxik_content p {  color:black;}.tabik{  float: left;  height: 32px;  width: 100px;  margin-right:5px;  text-align: center;  background: #f3f3f3;}.tabik_over {  float: left;  height: 32px;  width: 100px;  margin-right:5px;  text-align: center;  background: #cdcdcd;}a:hover.dark_link {  color:black;  text-decoration:none;}.tabtxt{  color: #000;  font-size: 12px;  font-weight: bold;  padding: 9px 0 0 0;}#detail_product {  margin:0px 5px 20px 5px;}#detail_product a {  color:black;}.a_normal {  background: url(../images/a_normal.gif) repeat-x;  height:30px;  width:160px;  padding: 0 10px;  font-weight:normal;  border:none;  font-size:14px;  line-height:30px;  color:black;  display:block;  text-align:center;	-moz-border-radius: 5px;}a:hover.a_normal {  text-decoration:none;  color:black;}.a_alert {  background: url(../images/a_alert.gif) repeat-x;  height:30px;  width:200px;  padding: 0 10px;  cursor:pointer;  font-size:14px;  border:none;	-moz-border-radius: 5px;}.cart_box {margin-bottom:20px;height:40px;line-height:40px;text-align:center;width:100%;display:block;}.cart_box_item_selected {background:#cdcdcd;font-weight:bold;float:left;width:25%;}.cart_box_item {background:#efefef;float:left;width:25%}.table_border_bottom {  background: url(../images/border.gif) repeat-x bottom left;  height:1px;}li.cat  { color: #424549; font: bold 13px tahoma; display: block; line-height: 13px; padding: 4px 5px 4px 0px; }li.element  { color: #424549; font: bold 12px tahoma; display: block; line-height: 12px; padding: 3px 5px 3px 21px;}.pointer {  cursor:pointer;  font-weight:bold;}p.highlight {  font-size:140%;  padding:10px 0 3px 0; color:#8d0d0d;}p.highlight2 {  font-size:120%;  padding:10px 0 3px 0;  font-style:italic;  cursor:pointer;  color:#8d0d0d;}p.highlight2.active {}p.highlight2 div.active {  height:auto;  display:block;}.submit_left, .submit3{  border:none;  font-size:13px;	background: url(../images/submit_big.png) no-repeat;  height:39px;  width:166px;  cursor:pointer;  color:white;  padding:0;  line-height:39px;  font-weight:bold;}.submit_left, .submit3 {  display:block;  float:left;  margin-right:10px;}.submit3 {  text-align:center;  font-weight:normal;}.submit3:hover {  color:white;}.submit_left:hover, .submit3:hover {	background: url(../images/submit_big_over.png) no-repeat;}.submit_big {  border:none;	background: url(../images/submit.png) no-repeat;	width:56px;	height:29px;  color:#cccccc;  cursor:pointer;  padding:0;}.submit_big:hover {	background: url(../images/submit.png) no-repeat;	color:white;}.submit_basket{  border:none;  font-size:13px;	background: url(../images/submit_big.png) no-repeat;  height:35px;  width:166px;  cursor:pointer;  color:white;  padding:0;  line-height:35px;  font-weight:bold;}.submit_basket:hover {	background: url(../images/submit_big_over.png) no-repeat;}.links {color:white;font-size:85%;text-align:center;margin:10px 0}.links a {color:white;}
