/* CSS Document */

.autor {
  color:white;background:red;
}
.top_print {
  display:none;
}
body {
  margin: 0 auto; text-align: center; padding: 0px; 
	font-family: tahoma, verdana, tahoma, arial; font-weight:normal; font-size: 13px color:  #404040; background-color: #000000;
}	
.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;  
}
.obal1 {
  background: url(layout/bck3.jpg);background-repeat: repeat-y; background-position: center;  background-color: #3b0808;  
}
.obal {
  width: 978px; margin: 0 auto; text-align: left; background-position: top; padding-bottom: 35px; 
}
.top {
   height:220px; 
}
.footer {
  background: url(layout/footer.jpg); background-repeat: repeat-x; background-position: top center; text-align: center;padding-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;  padding-right: 250px;
}
.footer_small {
  font-size: 12px; color: #909090;
}
.topmenu {
  height:35px; 
}
.mainmenu {
  margin-left:-16px; width:232px;
  padding-bottom:32px; 
}
.rightframe {
  float:right; text-align: left; margin-top:30px; width: 205px; margin-right: 25px;
}
.rightframe h2 {
  background: url(layout/rightframe_title.png); background-repeat:  no-repeat; background-position: bottom left; 
  padding:0px 0px 0px 28px; margin:0px 0px 0px -25px; height: 25px; font-size:16px;
}
.page {
  width:722px; text-align: left; 
  background: url(layout/page.jpg); background-repeat: no-repeat; background-position: top left; padding-top:30px; 
}
.clear {
  clear: both;
}
.linka {
  border-bottom: 1px solid #000000; padding: 5px 0px 0px 10px; 
}
.cinnosti {
  font-family: tahoma, arial, verdana; font-weight:normal; color:white; line-height:1.5; text-shadow: black 2px 2px 1px; padding-top:0px; text-align: left;
}
.cinnosti a{
  color:white; text-decoration:none;
}
.cinnosti a:hover{
  color:white; text-decoration:underline;
}
.cinnosti .small {
  font-size:10px; color:white; padding-left: 15px;
}
img {
  border:0px;  
}
.pic_float_right {
  text-decoration: none; padding: 2px; margin: 2px; float:right; margin-left:20px; margin-bottom: 20px; border:1px solid black;
}
.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;  text-shadow: black 2px 2px 1px; 
}
.blok_obsah a {
  color:#FFE069; text-decoration: none; border-bottom: 1px dotted #FFD200; padding: 0px 2px 0px 2px; text-shadow: black 2px 2px 2px;
}
.blok_obsah a:hover {
  color: white; background: url(layout/mnu_top_a.jpg); background-repeat: repeat-x; background-position: center right; text-decoration: none; padding:2px; border: 0px;
}
.blok_obsah_cinnosti {
  background: url(layout/content.png); background-repeat: repeat-y; background-position: top left;  padding: 0px; color: white; 
}
.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;
}
.blok_obsah a.gallery {border:0px;margin:0px;padding:0px;}
.blok_obsah a.gallery:hover {border:0px;margin:0px;padding:0px;}
.blok_obsah a.gallery img {
  text-decoration: none; padding: 2px; margin: 2px; float:right; border:1px solid #FFD200;
}
.blok_obsah a.gallery img:hover {
  text-decoration: none; padding: 0px; margin: 2px; float:right; border:3px solid #993200;
}
.user_menu {
  float:right; width:220px; margin-right:20px;margin-top:100px; text-align: right; line-height: 1.4; color: #fff;
}
.rightnews {
  font-size:11px; text-shadow: black 2px 2px 1px;
}
.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 {
 padding-bottom:3px;
}
.skoleni {
  padding: 5px 25px 0px 25px;
}

/* odkazy */
/**********************************************************************************/
/**********************************************************************************/

.mail {
  color:rgb(0,102,200); text-decoration: none; border-bottom: 1px dotted rgb(0,102,200); padding: 0px 20px 0px 2px;
  background: url(layout/ico_mail.gif); background-repeat: no-repeat; background-position: center right; 
}
.mail:hover {
  color: white; background-color:rgb(0,102,200); text-decoration: none; border-bottom: 0px; border-bottom: 1px solid rgb(0,102,200);
}
.file {
  color:rgb(0,102,200); text-decoration: none; border-bottom: 1px dotted rgb(0,102,200); padding: 0px 2px 0px 2px;
}
.file:hover {
  color: white; background-color:rgb(0,102,200); text-decoration: none; border-bottom: 0px; border-bottom: 1px solid rgb(0,102,200);
}
.link {
  color:#FFE069; text-decoration: none; border-bottom: 1px dotted #FFD200; padding: 0px 2px 0px 2px; text-shadow: black 2px 2px 2px;
}
.link:hover {
  color: white; background: url(layout/mnu_top_a.jpg); background-repeat: repeat-x; background-position: center right; text-decoration: none; padding:2px; border: 0px;
}
.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:#FFD200; text-decoration: none; border-bottom: 1px dotted #FFD200; padding: 0px 2px 0px 2px; font-size:14px; font-weight:bold;
}
.button:hover {
  background: url(layout/mnu_top_h.jpg);background-repeat: repeat-x; background-position: center; border:0px; color:white;
}
.kontakty {
  color:rgb(0,102,200); text-decoration: none;  padding: 2px 10px 2px 10px; background: #e0e0e0; border:1px solid #ffffff;
  position: relative; top: -40px; right: -580px; font-weight: bold; font-size: 14px;
}
.kontakty:hover {
  color: white; background-color:#436180; text-decoration: none; border-bottom: 0px; border-bottom: 1px solid rgb(0,102,200);
}

/************** tlacitka */

.btn_kosik {
  background: url(layout/kosik.jpg);background-repeat: no-repeat; background-position: center; text-align:left;
  background-color: #ffffff; margin: 0px; padding: 2px 12px 2px 12px;
  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; background: url(layout/kosik_h.jpg);background-repeat: no-repeat; background-position: center; 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: #A52200;
}
.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: verdana, tahoma, arial, arial;
  font-weight: bold; font-size:18px; color: white; padding: 5px 10px 5px 15px; margin:0px; text-shadow: black 2px 2px 2px;
}
h2 {
  font-family: verdana,tahoma, arial, arial; font-size:16px; font-weight: bold; color:white; margin: 0px 0px 0px -15px; text-shadow: black 2px 2px 3px;
  background: url(layout/h2.png);background-repeat: no-repeat; background-position: bottom left;  padding: 15px 0px 3px 10px;
}
h3 {
  font-family: verdana,tahoma, arial, arial; font-size:14px; font-weight: bold; color:#F2E68D; margin: 10px 0px 5px 0px; text-shadow: black 2px 2px 3px;
}   
h4 {
  font-family: 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: verdana, tahoma, arial; font-weight:normal; font-size: 13px; color: white;  
}
.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-size:12px; font-weight:bold; color:#FFAE00; padding:0px; background:#d2d2d2; padding-left:25px;
  background: url(layout/content.png);background-repeat: repeat; background-position: top; text-shadow: black 2px 2px 1px;
}
.msgOK {
  font-size:12px; font-weight:bold; color:#58CB5A; padding:10px; background:#d2d2d2; padding-left:25px;
  background: url(layout/content.png);background-repeat: repeat; background-position: top; text-shadow: black 2px 2px 1px;
}
.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:#b0b0b0;
}
.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 { 
  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 { 
  font-size:11px; border: 1px solid gray;
  background: url(layout/input_bck.jpg);background-repeat: no-repeat; background-position: top left; padding:3px;
}
.najit { 
  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:6px;
}
.table01 {
  border: 1px solid #a5a5a5; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left; margin: 0px 40px 0px 40px; padding: 2px;
  background-color: #00000; 
}
.table02 { /*tlacitka v objednavce */
  font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left; width:100%; padding: 2px; border: 1px solid #600000;
}
/* tabulka skoleni home */
.skoleni_home {
  width:100%;
}
.skoleni_home td.right{
  width:150px; text-align: right; 
}
/* tabulka skoleni */
.table02 td.cena_skoleni {  width:90px; text-align:right;}

.table03 { /*tlacitka v objednavce */
  border: 5px solid #f5f5f5; 	font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left;
  background-color: #00000; width:100%;
}
.table04 { /*tlacitka v objednavce */
  width:100%; border:0px;
}
td.align-right {
  text-align:right;
}
tr.a {
  background-color: #F2F2F2;
}
tr.b {
  background-color: #e6e6e6;
}
.table02 thead td {
	font-family: verdana, arial;   text-align: left;  font-weight: bold;  height: 25px;  color: white;
  background: url(layout/left_mnu_a.png);background-repeat: repeat-x; background-position: top;  
}
tfoot {
  height: 10px;
  background-color: #ffffff;
}
td {
  vertical-align: top;
}
.spratelene_weby td a {
  color:#e0e0e0; font-size:10px;
}

/* tabulky eshop*/
.eshop_obal { border-collapse: collapse; border:0px; margin:0px; padding:0px;}
.table_shop01 { width:358px; border-collapse: collapse; border:0px; margin:0px; padding:0px;}
.table_shop01 thead { height: 20px; }
.table_shop01 thead td { padding: 8px 0px 0px 15px; }
.table_shop01 .content { text-shadow: black 2px 2px 1px; padding:5px 18px 20px 18px;}
.table_shop01 .produkt { width: 100%; height:80px; line-height:1; font-size:11px;}
.table_shop01 .produkt td.foto { text-align:right;}
.produkt_obal1 {background: url(layout/produkt-top.png); background-repeat: no-repeat; background-position: top left; }
.produkt_obal2 {background: url(layout/produkt-bottom.png); background-repeat: no-repeat; background-position: bottom right; }

.table_shop01 .cena { width: 100%;}
.table_shop01 .cena td.kosik { width: 80px; text-align:right; vertical-align: bottom;}
.cena{
  color:#FF5B00; font-size:16px; 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_kosik {
  font-size: 12px;	font-weight: normal;	font-family: arial;	text-align: left; 
  background-color: #400000; width:100%; margin-right:10px; margin-bottom:10px; border-collapse: collapse;  padding:2px; border: 1px solid #800000;
}
.table_kosik thead {
	font-size:12px; font-weight: normal; color: #606060;
}
.table_kosik tfoot {
  background-color: #500000; text-align: right; 
}
.table_kosik td {
  padding: 8px;
}
.table_kosik td.first {
  padding-left:30px;
}
.produkty_zobrazeni {
  width:80px; text-align: right;
}

/* 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; 
}

.table_user_menu {
  color:white; border-collapse:collapse; width:100%; font-size:12px; font-family: arial,tahoma,verdana;
}
.table_user_menu .link{
  color:white; text-decoration: none; border-bottom: 1px dotted white;
}
.table_user_menu .link:hover{
  color: white; background: url(layout/mnu_top_a.jpg); background-repeat: repeat-x; background-position: center right; text-decoration: none; padding:2px; border: 0px;
}
.table_user_menu .left {
  width: 100px; text-align:left;
}
.table_user_menu .right {
  text-align: right; 
}


/* 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; }


/* slider 
/**********************************************************************************/
/**********************************************************************************/
#slider {
    width: 200px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 200px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;

}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.clear {
	clear: both;
}

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none; margin:0px; padding: 0px;}


/* jq modal */
/**********************************************************************************/
/**********************************************************************************/

.jqmWindow {
    display: none;
    text-align: center;
    position: fixed;
    top: 30%;
    left: 35%;
    height: 120px;
    width: 260px;
    padding: 25px 40px 25px 30px;
    /*
    background-color: #EEE;
    color: #333;
    border: 8px solid #d5d5d5;
    -moz-border-radius-topright: 25px; 
    -moz-border-radius-topleft: 25px;
    -moz-border-radius-bottomright: 25px; 
    -moz-border-radius-bottomleft: 25px; 
    padding: 12px;*/
    background: url(layout/cart_confirm.png);background-repeat: no-repeat; background-position:top left;
    
}


/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: FIXED;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}