body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: black;
    line-height: 1.5em;
    margin:0px;
    padding:0px;
    background-color: white;
}

/* GLOBANI NASTAVENI PRVKU ----------------------------------------------------*/
h1 {color: #cc0000; margin: 1em 0 0.5em 0; font-size: 2em; line-height: 1.3em;}
h2 {margin:1em 0 0.5em 0; font-size: 1.6em; font-weight: bold; line-height: 1.3em;}
h3 {margin:1em 0 0.5em 0; font-size: 1.3em; padding: 0; font-weight: bold; line-height: 1.3em;}
h4 {margin:0; padding: 0;}


a {color: #ae092c;}
a:hover {text-decoration:none}

img {border:0}

input, textarea, select {font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif}
textarea {font-size: 1em;}
.basket_input {width:20px; text-align:center;}

.clear {clear:both; height: 0px; line-height: 0px; overflow: hidden; font-size:0; margin:0; padding:0;}

/* pruhlednost png v ie6 */
img, div { behavior: url(../js/iepngfix.htc) }

p {margin: 0.5em 0em 1em 0em;}
table tr th p,  table tr td p { margin: 0px !important;}

.noBg {background:none !important; padding-bottom: 0px !important;}

.green {color:green;}
.red {color:red;}

.empty {font-style: italic; text-align:center;}

/* WYSIWYG -------------------------------------------------------------------*/
 
ul {padding: 0; margin: 0.5em 0 0.5em 3em;}
ul li {padding: 0; margin: .1em 0 0;}
 
ol {padding: 0; margin: 0.5em 0 0.5em 3em;}
ol li {padding: 0; margin: .1em 0 0;}

table {border-collapse: collapse; margin: 0.5em 0 0.5em 0; border-bottom: 2px solid #e3e3e3;}
table tr {}
table tr th,  table tr td {border-top: 1px solid #e3e3e3; padding: 4px 12px;} 
table tr th, table thead tr td {text-align: left; border-top: 1px solid #e3e3e3; background-color: #c4060e; color: white;}
table tr td {}
table.separate {border-collapse: separate;}

/*PAGE -----------------------------------------------------------------------*/
#mother {background: url('../images/web/bg_top.png') repeat-x;  background-color: #d4050e;  }
#mother2 {background: url('../images/web/bg_bottom2.png') repeat-x bottom;}
#wrap {width:989px; margin: 0 auto; }
#page {}

/* HEAD ----------------------------------------------------------------------*/ 
#head {}

#head .left {float:left; width:15px; height:250px; background: url('../images/web/head_left.png') no-repeat;}

#head .middle {float:left;}
#head .middle .demo {position:relative; width:960px; height: 199px; background: url('../images/web/head.jpg') no-repeat;}
#head .middle .demo a {position: absolute; display: block; height: 100px; width: 240px;}

#head .middle .menu {height: 39px; width:960px; background: url('../images/web/menu_bg.png') repeat-x;}
#head .middle .menu a {display:block; float:left; color:white; text-decoration: none; padding: 10px 22px 11px 22px; font-size: 1.5em; font-weight:bold;}
#head .middle .menu a:hover { background: url(../images/web/menu_hover.png) no-repeat center bottom;}
#head .middle .menu a.active {background: url(../images/web/menu_hover.png) no-repeat center bottom;}
#head .middle .menu .separator {float:left; height:39px; width:2px; background: url('../images/web/menu_separator.png') no-repeat;}

#head .middle .shadow {height:12px; width:960px; background: url('../images/web/head_shadow.png') repeat-x; line-height: 0px; overflow: hidden; font-size:0; margin:0; padding:0;}

#head .right {float:left; width:14px; height: 250px; background: url('../images/web/head_right.png') no-repeat;}


/* CONTENT -------------------------------------------------------------------*/
.content { background-color:white; margin: 0px 14px 0px 15px; padding:0px 30px 30px 30px;}
                                                                    
/* INDEX ---------------------------------------------------------------------*/
.content_index {background: url('../images/web/index_bg.png') no-repeat; background-color:white; border-bottom: 1px solid white;}   
.content_page {background: url('../images/web/page_bg.png') no-repeat; background-color:white; border-bottom: 1px solid white; padding-top:12px;}
   
.index { }
.index p {margin-bottom: 0px;}
.index h2 {margin:0 0 0 0; padding: 17px 0 15px 0; font-size: 1.65em; font-weight: bold; }
.index .left { float:left; width:420px; }

.index .left h2.red_man {background: url('../images/web/h2_red_man.png') no-repeat 380px 0px;}
.index .left h2.green_man {background: url('../images/web/h2_green_man.png') no-repeat 380px 0px;}

.index .left .menu_index {margin-top: 4px;}
.index .left .menu_index a {  display:block; width:419px; height: 29px; color: white; text-decoration:none; font-size: 1.25em; font-weight:bold;}
.index .left .menu_index a:hover {opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);} 
.index .left .menu_index a span {display:block; padding: 6px 10px 5px 29px;}
.index .left .menu_index .separator {height: 3px; line-height: 0px; overflow: hidden; font-size:0; margin:0; padding:0; width:419px; 
                                     background: url(../images/web/news_border.png) repeat-x left center;}
.index .left .shadow {width: 419px; height: 11px; line-height: 0px; overflow: hidden; font-size:0; margin:0; padding:0; 
                      background: url(../images/web/index_menu_shadow.png) repeat-x center bottom; margin-bottom: 5px;}


.index .right { float:right; width:420px; }
.index .right h2.dotted { background: url('../images/web/h2_dotted.png') no-repeat 210px 17px; } 
.index .right .news {padding-top: 0px; }
.index .right .news .new{ margin-bottom:10px; padding-bottom: 10px; background: url('../images/web/news_border.png') repeat-x bottom; }

.index .right .contact {background: url(../images/web/contact_men.png) no-repeat 270px 20px; padding-bottom: 30px;}
.index .right .contact a {background: url(../images/web/letter.png) no-repeat right 2px; padding-right: 22px; }

/* PAGE ----------------------------------------------------------------------*/
.page {min-height: 450px; height:450px; }
div[class] .page {
   height:auto;
   }

.page .submenu { float:left; width:240px; margin-top: 5px; }
.page .submenu .head { background-color:#c4060e;}
.page .submenu .head a { color:white; display:block; padding: 5px 8px 4px 8px; font-size: 1.2em; font-weight: bold; text-decoration: none;
                        background: url(../images/web/menu_head_icon.png) no-repeat 218px 5px;}

.page .submenu .items {}
.page .submenu .items a { display:block; padding: 2px 10px; color: #cc0000; text-decoration: none; }
.page .submenu .items a:hover { background-color:#e1e1e1;}
.page .submenu .items a.active { background-color:#e1e1e1; color: black; font-weight:bold;}

.page .submenu .items .separator {height: 7px; line-height: 0px; overflow: hidden; font-size:0; margin:0; padding:0; 
                                  background: url(../images/web/news_border.png) repeat-x left center;}

.page .article { float:right; width: 601px;}

.page .tree { margin-top: 7px;}

.page {}
.page .bottom_block {background: url(../images/web/news_border.png) repeat-x left top; padding-top: 10px; margin-top: 10px;}
.page .bottom_block h2 {margin-top: 0px;}
.page .bottom_block .gallery {}
.page .bottom_block .gallery .item {float: left; display:inline; margin-right: 16px; margin-bottom: 10px;}
.page .bottom_block .gallery .item a { display:block; text-align: left; padding: 0px; font-size: 0; line-height: 0; border: 1px solid #e3e3e3; padding: 1px;}
.page .bottom_block .gallery .item a img {margin:0px !important;}

.page .bottom_block .files {background: url('../images/web/files_bg.png') no-repeat right; background-color: #f6f6f6; padding: 8px 10px;}
.page .bottom_block .files .left {float:left;  width:280px;}
.page .bottom_block .files .right {float:right;  width:280px;}
.page .bottom_block .file {margin-bottom: 5px; background: url('../images/web/file_icon.png') no-repeat 0px 2px; padding-left: 20px; }

/* CATALOG -------------------------------------------------------------------*/ 
.catalog {}

.products {}
.products table {width:100%;}
.products table td {padding-left: 5px; padding-right:5px; }
.products table th {padding-left: 5px; padding-right:5px;}
.products table td.photo { width: 75px; }
.products table td.price { width: 70px;  text-align:center;}
.products table td.input { width: 35px; }
.products table td.add {width: 55px; }

/* kosik */
.basket { }
.basket h2 { margin: 0.5em 0em; padding-top:0.5em; padding-bottom: 0.3em; background: url('../images/web/basket_bg.png') right 3px no-repeat;}

.basket .item {background-color: #ededed; padding: 5px 9px 4px 5px; line-height: 1.4em; font-weight: bold; margin-bottom: 5px;}
.basket .item .number {float:left; font-size: 1.8em; padding-top: 8px; width: 25px;}
.basket .item .info {float:left; width: 187px;}
.basket .item .delete {float:left; padding-top: 9px;}

.basket div.sum {font-weight:bold; font-size: 1.6em; padding-top: 5px;}
.basket div.sum span { font-size: 0.7em; }
.basket .basket_link { display:block; width:112px; height:24px; background: url('../images/web/basket_btn.png') no-repeat; margin:0px auto; margin-top: 10px;}

/* BASKET DETAIL --------------------------------------------------------------*/
table#basket_courses {width:100%;}
table#basket_courses td { }
table#basket_courses th{}
table#basket_courses .td_date {}
table#basket_courses .td_price {width: 70px; text-align:center;}
table#basket_courses .td_ks {}
table#basket_courses .td_totalsum {width:80px;}
table#basket_courses .td_delete {text-align:center;}


table#basket_products {width:100%;}
table#basket_products td { }
table#basket_products th{}
table#basket_products .td_price {width: 80px;}
table#basket_products .td_ks {}
table#basket_products .td_totalsum {width:80px;}
table#basket_products .td_delete {text-align:center;}

span.bigger {font-weight: bold; font-size: 1.3em;}

.address {}
.address table {border: 0;}
.address table tr {}
.address table tr td {border: 0; padding: 2px 10px 2px 0px; vertical-align:top;}
.address table tr td input.input {border: 1px solid #E3E3E3; width: 220px; }
.address table tr td input.required { border-right: 3px solid #ffba00 !important;}
.address table tr .error {color:red;}
.address table tr td textarea {border: 1px solid #E3E3E3; width: 220px;}

.address .submit_sign {float:left; display:inline; background-color: #ffba00; width:14px; height:14px; margin-top: 4px;}
.address .submit_text {float:left; display:inline; margin-left: 5px; margin-top: 4px;}
.address .submit_button {float:left; display:inline; margin-left: 150px;}
/* CONTACT -------------------------------------------------------------------*/
.contact_left {float:left; width: 480px;}
.contact_right { float:right;  }

#map { width:420px; height:270px;}

table.contact {border:none;}
table.contact tr {}
table.contact tr td {border: none; vertical-align: top; }
table.contact tr td .error {color:red;}
table.contact tr td input.text {width:200px;}
table.contact tr td textarea {width: 300px; height: 120px;}

/* FOOT ----------------------------------------------------------------------*/

#foot { color: #feb4b7; font-size:0.9em;}
#foot a {color: #feb4b7;}
#foot a.lqd {background: url(../images/web/lqd.png) no-repeat; padding: 1px 0px 3px 20px; text-decoration: none; font-weight: bold;}
#foot a.webdesign {text-decoration: none;}

#foot .left { float:left; width:15px; height:87px; background: url(../images/web/foot_left.png) no-repeat right bottom;}
#foot .middle { float:left; width:960px; height:87px; background: url('../images/web/foot.png') repeat-x; }
#foot .middle .left_part { float:left; padding: 20px 30px 0px 30px;}
#foot .middle .right_part { float:right; padding: 20px 30px 50px 30px; background: url(../images/web/foot_rose.png) 145px 45px no-repeat;}

#foot .right { float:left; width:14px; height:87px; background: url(../images/web/foot_right.png) no-repeat left bottom;}