/* CSS Document */

.autor {
  color:white;background:red;
}
body {
  margin: 0 auto; text-align: center; padding: 0px; 
   background: url(layout/bck.jpg);background-repeat: repeat-x; background-position: top left; 
	font-family: tahoma, verdana, tahoma, arial; font-weight:normal; font-size: 13px color:  #404040; background-color: #9aa2a8;
}	
.obal2 {
  background: url(layout/bck.jpg);background-repeat: repeat-x; background-position: top left; 
}
.obal3 {
  background: url(layout/bck2.jpg);background-repeat: no-repeat; background-position: top center;  
}
.obal3b {
  background: url(layout/bck2b.jpg);background-repeat: no-repeat; background-position: top center;  
}
.obal1 {
  background-color: #D1D9E0; 
}
.obal {
  width: 978px; margin: 0 auto; text-align: left; background-position: top; padding-bottom: 35px; 
}
.top{
 height: 235px; 
}
.footer {
  background: url(layout/footer.jpg); background-repeat: repeat-x; background-position: top center; text-align: center; margin-top:0px; 
}
.footer_pic {
  background: url(layout/footer_pic.jpg); background-repeat:  no-repeat; background-position: top center; padding-top:60px; padding-bottom: 150px;
  color: #ffffff; font-size: 15px; 
}
.footer_small {
  font-size: 12px; color: #202020;
}
.topmenu {
  height:35px; 
}
.mainmenu {
  width:185px; 
}
.leftframe {
  float:left; text-align: left; width: 205px;
}
.rightframe {
  float:right; text-align: left; margin-top:30px; width: 205px; margin-right: 25px;
}
.page {
  width:722px; text-align: left; padding-left: 220px; padding-bottom: 50px; padding-top:20px; 
}
.clear {
  clear: both; padding-top:50px;
}
.lang {
  text-align:center; width:180px; font-size:9px;
}
.czechtrade {
 background: url(layout/czechtrade.png);background-repeat: no-repeat; background-position: right; 
 height: 33px; text-align: right; padding-top:15px; padding-right:20px;
}
.linka {
  border-bottom: 1px dotted #a5a5a5; padding: 5px 0px 0px 10px; 
}
.adresa_left {
  font-family: tahoma, arial, verdana; font-weight:normal; color:#0B2C43; line-height:1.5; text-align: left; width: 170px;
}
.cinnosti .small {
  font-size:10px; color:white; padding-left: 15px;
}
img {
  border:0px; padding:0px; margin:0px;
}
.pic_float_right img {
  text-decoration: none; padding: 1px; margin: 2px; float:right; margin-left:20px; margin-bottom: 20px; border:2px solid #9dabb7;
}
.gal_float_right img {
  text-decoration: none; padding: 1px; margin: 2px; float:right; margin-left:20px; margin-bottom: 20px; border:2px solid #00688F;
}
.gal_float_right img:hover {
  text-decoration: none; padding: 0px; margin: 2px; float:right; margin-left:20px; margin-bottom: 20px; border:3px solid #00688F;
}
.gal img {
  text-decoration: none; padding: 1px; margin: 2px; margin-left:20px; margin-bottom: 20px; border:2px solid #00688F;
}
.gal img:hover {
  text-decoration: none; padding: 0px; margin: 2px; margin-left:20px; margin-bottom: 20px; border:3px solid #00688F;
}
.blok_nazev {
  background: url(layout/header.png); background-repeat: repeat-x; background-position: top left;  padding: 3px 20px 3px 10px; text-align: left;
}
.blok_obsah {
  background: url(layout/content.png); background-repeat: repeat-y; background-position: top left;  padding: 10px 25px 10px 25px; 
  color: white; line-height: 1.3; text-align: justify; 
}
.blok_footer {
  background: url(layout/content_footer.png); background-repeat: no-repeat; background-position: top left;  height:20px; margin-bottom:5px;
  color: white;
}
.adresa { 
  background-color: #f0f0f0; padding: 10px; width:165px;
  background: url(layout/leftframe.jpg); background-repeat: no-repeat; background-position: top left; padding-top:15px; padding-bottom: 25px;
}

.single img {
  border:1px solid #0066C8;
}
.user_menu {
  float:right; width:240px; margin-right:25px;margin-top:25px; text-align: right; line-height: 1.3; color: #fff; 
}
.user_menu .link {
  color: #C4D9EF;
}
.user_menu .cena {
  color:white;
}
.rightnews .title {
  font-size:11px; text-shadow: black 2px 2px 2px; font-family:tahoma; 
}
.rightnews .content p {
  font-size:11px; text-shadow: black 2px 2px 2px; font-family:tahoma;
}
.rightnews .poznamka {
  border-bottom:1px dotted gray; padding-bottom:10px;
}
.vyrobky_1 {
  background: url(layout/vyrobky_vykovky.jpg); background-repeat: no-repeat; background-position: right top; height: 190px; 
}
.vyrobky_2 {
  background: url(layout/vyrobky_velkoobchod.jpg); background-repeat: no-repeat; background-position: right top; height: 190px; 
}
.vyrobky_3 {
  background: url(layout/vyrobky_kompresory.jpg); background-repeat: no-repeat; background-position: right top; height: 190px; 
}
/* odkazy */
/**********************************************************************************/
/**********************************************************************************/

.mail {
  color:#00688F; text-decoration: underline; padding: 1px 2px 1px 15px; margin-left:5px;
  background: url(layout/ico_mail.gif); background-repeat: no-repeat; background-position: center left; 
}
.mail:hover {
  text-decoration: none; color:#000; background-color: #e6ebf0;
}
.file {
  color:#00688F; text-decoration: underline; padding: 1px 2px 1px 15px; margin-left:5px;
  background: url(layout/ico_file.png); background-repeat: no-repeat; background-position: center left; 
}
.file:hover {
  text-decoration: none; color:#000; background-color: #e6ebf0;
}
.link {
  color:#00688F; text-decoration: underline; padding: 0px 2px 0px 2px;
}
.link:hover {
  text-decoration: none; color:#001D45; background-color: #e6ebf0;
}
.detail {
  color:rgb(0,102,200); text-decoration: none; border-bottom: 1px dotted rgb(0,102,200); padding: 0px 18px 0px 2px;
  background: url(layout/detail.png); background-repeat: no-repeat; background-position: center right; 
}
.detail:hover {
  color: white; text-decoration: none; border-bottom: 0px; 
  background: url(layout/detail_hover.png); background-repeat: no-repeat; background-position: center right; background-color:#436180; 
}
.button {
  color:#144671; text-decoration: underline; padding: 3px 15px 3px 15px; font-size:14px; font-weight:bold; background: #B5CFE4;
}
.button:hover {
  text-decoration: none; color:#001D45; background-color: #e6ebf0;
}
.kontakty {
  color:white; text-decoration: none;  padding: 2px 10px 2px 10px; 
  position: relative; top: -18px; right: -620px; font-weight: bold; font-size: 14px; border:1px solid white;
  background: url(layout/mnu_top_a.jpg);background-repeat: repeat-x; background-position: center; 
}
.kontakty:hover {
  background: url(layout/mnu_top_h.jpg);background-repeat: repeat-x; background-position: center;  border-bottom:1px solid black;
   border-left:1px solid black;  border-right:1px solid black;
}

/************** tlacitka */

.btn_kosik {
  background: url(layout/kosik.png);background-repeat: no-repeat; background-position: left center; text-align:left;
  background-color: #ffffff; margin: 0px; padding: 3px 10px 3px 40px;
  font-family: arial, verdana, arial; font-weight:bold; font-size: 11px; text-decoration: none;  color: black;
  border:1px solid gray;
}
.btn_kosik:hover {
  background-color: #b5b5b5; border:1px solid black;
}
.btn_prepocitat {
  background: url(layout/refresh.png);background-repeat: no-repeat; background-position: right; text-align:left;
  margin: 0px; border:0px; padding:2px 10px 2px 10px;  
}
.btn_delete {
  background: url(layout/delete.png);background-repeat: no-repeat; background-position: right; text-align:left;
  margin: 0px; border:0px; padding:2px 10px 2px 10px;  
}
.order_desc {
  background: url(layout/order_off_down.png);background-repeat: no-repeat; background-position: center; 
  text-decoration: none; color:  rgb(0,40,255) ; padding-left:4px; padding-right:4px; 
}
.order_desc:hover {
  background: url(layout/order_on_down.png);background-repeat: no-repeat; background-position: center; 
  text-decoration: none; color:  rgb(0,40,255) ; padding-left:4px; padding-right:4px; 
}
.order_asc {
  background: url(layout/order_off_up.png);background-repeat: no-repeat; background-position: center; 
  text-decoration: none; color:  rgb(0,40,255) ; padding-left:4px; padding-right:4px; 
}
.order_asc:hover {
  background: url(layout/order_on_up.png);background-repeat: no-repeat; background-position: center; 
  text-decoration: none; color:  rgb(0,40,255) ; padding-left:4px; padding-right:4px; 
}
.order_desc_a {
  background: url(layout/order_on_down.png);background-repeat: no-repeat; background-position: center;
  text-decoration: none; color:  rgb(0,40,255) ;padding-left:4px; padding-right:4px; 
  background-color:white; 
}
.order_asc_a {
  background: url(layout/order_on_up.png);background-repeat: no-repeat; background-position: center; 
  text-decoration: none; color:  rgb(0,40,255) ; padding-left:4px; padding-right:4px; 
  background-color:white; 
}
.menicko {
  float:left; background: #2B78CA; color: white; padding: 2px 8px 3px 8px; margin-right:5px; text-shadow: black 2px 2px 2px;
  font-family: tahoma, verdana,arial; font-size: 11px; text-decoration:none; font-weight:bold;
  background: url(layout/mnu_top_h.jpg);background-repeat: repeat-x; background-position: center;
}
.menicko:hover {
  background: #2D91E7;
}
.menicko_a {
  float:left; background: #2B78CA; color: #FFD200; padding: 2px 8px 3px 8px; margin-right:5px; text-shadow: black 2px 2px 2px;
  font-family: tahoma, verdana,arial; font-size: 11px; text-decoration:none; font-weight:bold;
  background: url(layout/mnu_top_a.jpg);background-repeat: repeat-x; background-position: center;
}

/* ikony v produktech - seznam / detaily */

.zobrazeni_detaily {
  background: url(layout/zobrazeni_detaily.jpg);background-repeat: no-repeat; background-position: top center; text-align: center; 
  text-decoration: none; color: black ; width:35px; padding: 18px 0px 0px 0px;  font-size:9px;
}
.zobrazeni_detaily:hover {
  background: url(layout/zobrazeni_detaily_h.jpg);background-repeat: no-repeat; background-position: top center; 
}
.zobrazeni_detaily_a {
  background: url(layout/zobrazeni_detaily_a.jpg);background-repeat: no-repeat; background-position: top center; text-align: center; 
  text-decoration: none; color:  rgb(0,40,255) ; width:35px; padding: 18px 0px 0px 0px;  font-size:9px;  margin:0px;
}
.zobrazeni_seznam {
  background: url(layout/zobrazeni_seznam.jpg);background-repeat: no-repeat; background-position: top center; text-align: center; 
  text-decoration: none; color: black ; width:35px; padding: 18px 2px 0px 2px;  font-size:9px;  margin:0px;
}
.zobrazeni_seznam:hover {
  background: url(layout/zobrazeni_seznam_h.jpg);background-repeat: no-repeat; background-position: top center; 
}
.zobrazeni_seznam_a {
  background: url(layout/zobrazeni_seznam_a.jpg);background-repeat: no-repeat; background-position: top center; text-align: center; 
  text-decoration: none; color:  rgb(0,40,255) ; width:35px; padding: 18px 2px 0px 2px;  font-size:9px;  margin:0px;
}

/* text
/**********************************************************************************/
/**********************************************************************************/

h1 {
  font-family: arial, verdana, arial, tahoma;
  font-weight: bold; font-size:17px; color: white; padding: 150px 0px 0px 220px; text-shadow: black 2px 2px 2px; 
}
h2 {
  font-family: arial, verdana,tahoma, arial, arial; font-size:17px; font-weight: bold; color:#264E6F; margin: 0px 0px 5px 0px; 
}
h3 {
  font-family: arial, verdana,tahoma, arial, arial; font-size:16px; font-weight: bold; color:#202020; margin: 0px 0px 5px 0px;
}   
h4 {
  font-family: arial, verdana,tahoma, arial, arial; font-size:13px; font-weight: bold; color:#ffffff; margin:0px;margin-bottom: -15px; padding: 0px;text-shadow: black 2px 2px 3px;
} 
p, div, table {
  font-family: arial, verdana, tahoma, arial; font-weight:normal; font-size: 13px; color: #303030;  padding:0px; margin:0px;
}
.odstavec {
  padding: 0px 20px 0px 30px; text-align: justify; line-height: 1.3;
}
.odstavec_news {
  padding: 0px 10px 0px 20px; text-align: left; line-height: 1.3;
}
ul {
  padding: 0px 40px 0px 60px;
}
.msg_header {
  background: url(layout/content_header.png); background-repeat: no-repeat; background-position: top left;  height:15px; 
}
.msgER {
  font-weight:bold; color:#A51B00; padding:0px; 
}
.msgOK {
  font-weight:bold; color:#007100; padding:10px; 
}
.msg_footer {
  background: url(layout/content_footer.png); background-repeat: no-repeat; background-position: top left;  height:10px; padding-bottom:20px;
}
.poznamka { 
  font-size:10px; color:#404050;
}
.citace {
  font-size:16px; font-family: georgia, tahoma, verdana; text-shadow: black 2px 2px 3px; font-style: italic;
}
/* formulare */
/**********************************************************************************/
/**********************************************************************************/
form {
  padding: 0xp; margin: 0xp;
}
input { /* v eshopu pocet kusu pro objednani */
  font-size:11px; border: 0px solid gray; color: black;
  background: url(layout/input_bck.jpg);background-repeat: no-repeat; background-position: top left; padding:2px;
}
.mnozstvi { /* v eshopu pocet kusu pro objednani */
  font-size:11px; border: 1px solid gray;
  background: url(layout/input_bck.jpg);background-repeat: no-repeat; background-position: top left; padding:3px;
}
.najit { /* v eshopu pocet kusu pro objednani */
  font-size:10px; border: 0px solid gray; color: black;
  background: url(layout/input_bck.jpg);background-repeat: no-repeat; background-position: top left; padding:1px;
}
input.button {
  background: #2B78CA; color: white; border:1px solid #909090; padding: 1px 6px 2px 6px; text-shadow: black 2px 2px 4px;
  font-family: tahoma, verdana,arial; font-size: 11px; text-decoration:none; font-weight:bold;
  background: url(layout/mnu_top_a.jpg);background-repeat: repeat-x; background-position: center;
}
input.button:hover {
  background: #606060; color: white; border:1px solid #d5d5d5; padding: 1px 6px 2px 6px; text-shadow: black 1px 1px 2px;
  background: url(layout/mnu_top_h.jpg);background-repeat: repeat-x; background-position: center;
}
input.button_find {
  background: #2B78CA; color: white; border: 1px solid black;
  background: url(layout/mnu_top_a.jpg);background-repeat: repeat-x; background-position: center; 
  padding:1px 3px 1px 3px; font-family: tahoma, verdana,arial; font-size: 10px; text-decoration:none; font-weight:bold;
} 
input.button_find:hover {
  background: url(layout/mnu_top_h.jpg);background-repeat: repeat-x; background-position: center; 
}   
input.hidden {
  display:none;
}

/* tabulky */
/**********************************************************************************/
/**********************************************************************************/
.table_menu {
  width:100%; border-collapse:collapse;
}
.hledat  {
  padding-top:10px; padding-left:740px; 
}
.kontakt {
  width:100%;
}
.table_shop_top {
  width:100%;
}
.table01 {
  border: 5px solid #9dabb7; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left; margin: 0px 40px 0px 40px; 
  background-color: #00000; border-collapse: collapse;
}
.table01 td {
  padding-left:5px;
}
.table02 { 
  border: 5px solid #9dabb7; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left; 
  border-collapse: collapse; width:100%;
}
.table03 { 
  border: 5px solid #f5f5f5; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
  background-color: #00000; width:100%;
}
.table04 { 
  width:100%; border:0px;
}
td.align-right {
  text-align:right;
}
tr.a {
  background-color: #F2F2F2;
}
tr.b {
  background-color: #e6e6e6;
}
tr.c { /* pouzivam pro storno radky v objednavkach */
  background-color: #a5a5a5; color:#505050;
}
thead td {
	font-family: verdana, arial;   text-align: left;  font-weight: bold;  height: 25px;  color: white;
  background: #3e6988;  
}
tfoot {
  height: 10px;
  background-color: #ffffff;
}
td {
  vertical-align: top; 
}
.table_user_menu {
  color:white; border-collapse:collapse; width:100%;
}
.table_user_menu .link{
  color:white; text-decoration: none; border-bottom: 1px dotted white;
}
.table_user_menu .link:hover{
  background: #0E436C;
}
.table_user_menu .left {
  width: 100px; text-align:left;
}
.table_user_menu .right {
  text-align: right; 
}
/* tabulky eshop*/

.table_shop_popis {
  border-collapse: collapse; margin:0px; padding:0px;
}
.table_shop_obal {
  font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
}
.table_shop_obal_produkt  {
  background: url(layout/product_bck.png); background-repeat: no-repeat; background-position: bottom right; border:1px solid #B6C0CF;
}
.table_shop_obal td:hover {
 background: #f3f3f3;
}
.table_shop_obal thead td:hover {
 background: #436180;
}
.table_shop {
  font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
  width:345px; float:left; border-collapse: collapse; 
}
.table_shop thead {
  background: white;
}
.table_shop td {
  padding: 3px;
}
.cena{
  color:#D71F00; font-size:14px; font-weight:bold; 
}
.cena_old{
  color:#6D6D6D; font-size:12px; font-weight:bold;  text-decoration:line-through;
}
.sleva{
  color:#6D6D6D; font-size:11px; font-weight:bold;  
}
.cena_dph{
  color:#6D6D6D; font-size:11px; font-weight:normal; 
}
.table_shop tr.small{
  font-size:10px; 
}
.table_shop td.right{
  text-align:right;
}
.table_shop thead {
	font-size:12px; font-weight: bold; text-shadow: black 2px 2px 3px;
}
.table_shop tfoot {
  background-color: #e0e0e0;
}
.table_shop02 {
  border:1px solid #B6C0CF; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
  width:100%; margin-right:10px; margin-bottom:10px; border-collapse: collapse; 
}
.table_shop02 td {
  padding: 3px 5px 3px 5px;
}
.table_shop02 td.buy {
  text-align:right;
}
.table_shop02 thead {
  font-size:12px; font-weight: bold; background: white; text-shadow: black 2px 2px 3px;
}
.table_kosik {
  font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
  border-collapse: collapse; width:100%;
}
.rekapitulace {width:100%;border-collapse: collapse;}
.rekapitulace td {font-size:12px; background: none; color:black;}
.rekapitulace thead {font-size:12px; background: #e0e0e0; color:black;}
.rekapitulace tfoot {font-size:12px; background: #e0e0e0; color:black;}
.rekapitulace .cena {font-size:12px; background: none; color:black;}
.table_kosik thead {
	font-size:12px; font-weight: normal; color: #606060; 
}
.table_kosik tfoot {
  text-align: right; background: none;
}
.table_kosik td {
  padding: 8px;
}
.table_kosik td.first {
  padding-left:30px;
}
.produkty_zobrazeni {
  width:80px; text-align: right;
}

/* kroky v objednavce */

.obj_krok {width: 720px;margin: auto; margin-bottom:15px; height: 50px; color: #606060; }
.obj_krok strong {font-size: 30px;display: block;float: left;width: 25px; padding: 5px 0 0 15px;}
.obj_krok span { display: block; float: left; font-size: 12px }
.obj_krok .next { padding:0px 13px 0px 13px; width: 40px; float: left; height: 50px; background: url(layout/arrow_next.png); background-repeat: no-repeat; background-position: center;}
.obj_krok .krok { background: #d0d0d0; width: 130px; float: left;}
.obj_krok .aktivni { background: #B5CFE4; color: black;}
.obj_krok .krok1 span { padding-top:15px;}
.obj_krok .krok2 span { padding-top:8px;}
.obj_krok .krok3 span { padding-top:15px;}
.obj_krok .krok4 span { padding-top:15px;}

/* tabulka pro info o zakaznikovi v pravo nahore */

.zakaznik {
  height:100px; width:230px; text-align:right; padding: 15px; float:right; background: #e5e5e5; 
  background: url(layout/kosik_top.png); background-repeat: no-repeat; background-position: top;margin-bottom: 5px; margin-top:50px; margin-right:25px;
}
.zakaznik td {
  vertical-align:bottom; 
}

/* styl fotogalerie */
/**********************************************************************************/
/**********************************************************************************/

a.vybrane { font-size: 13px;  text-decoration: none; font-weight: bold;	font-family: arial,tahoma,verdana,;	color: white; }
a.vybrane:hover {color: #b5b5b5; text-decoration: underline;}


.galerie01 td {text-align: center; color: #a5a5a5; font-size: 10px;	font-weight: normal;	font-family: verdana, arial;
}
.galerie01 a {
  color: #b2b2b2;
}
.table_dir td {text-align: center; color: #a5a5a5; font-size: 12px;	font-weight: bold;	font-family: verdana, arial;

}
.table_dir a {
  color: #b2b2b2;
}
.thumbnail {
	background-color: #e5e5e5; padding-top: 10px; padding-bottom: 10px; border: 1px dotted #909090; 
	height: 140px; display: block; text-decoration: none; width: 170px;
}
.selectedThumbnail, .thumbnail:hover {
	background-color: #c5c5c5; border: 1px dotted #707070; 
}

.thumbnail_dir {
	border: 1px solid #1c3d55; color:inherit; padding-top: 10px; padding-bottom: 10px; 
	display: block; width: 170px;height: 150px; text-decoration: none; 
}
.thumbnail_dir:hover {
	background-color: #1c3d55; color:inherit; padding-top: 10px; padding-bottom: 10px; 	
}

/* ostatni
/**********************************************************************************/
/**********************************************************************************/

.podpis {
  float: right; text-align:left; padding-right:40px; width:140px; 
}

/********************************** jquery error hlasky ve valid form **************/

label { width: 10em; float: left; font-size:11px; font-family: arial narrow, tahoma, verdana,arial;}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }