body {background-color: black; margin: 0px; padding: 0px; font-family: verdana, Helvetica, sans-serif,  arial; font-size: 12px; color: white;}

a {text-decoration: none; color: #C0E60E}
p {margin-top: 5px}

h1 {padding-top: 35px; font-size: 0px; text-indent: -2000px; margin: 0px; font-weight: normal; color: #646263 }
h2 {color: #C0E60E; font-weight: normal; font-size: 1.5em}
h3 {color: #C0E60E; font-weight: normal; font-size: 1.4em; margin-bottom: 1px}
h4 {color: #EDEDED; font-size: 1.3em; margin: 2px 0 8px 0}

.inner {margin: 10px 15px 20px 20px; }

.deco_rightop { background-image: url('img/listecek.gif') !important;background-position: right top; background-repeat: no-repeat; }

#container {width: 100%; height: 590px; _height: 100px; background-color: #252525;}


#top_menu_container {height: 100px; background-image: url('img/tm_background.png');}
#top_menu_logo {width: 400px; height: 100px;  margin-left: 25px; background-image: url('img/tm_logo_background.png');
                font-size: 1.2em; color: #757575; text-align: center; float: left; z-index: 99; cursor: pointer}

#content_border_top {height: 1px; line-height: 1px; background-image: url('img/contborder_top.png'); font-size: 0px}
#content_border_bottom {height: 1px; line-height: 1px; background-image: url('img/contborder_bottom.png'); font-size: 0px}



/* HOMEPAGE */
#homepage_cont {height: 492px; margin-top: 0px !important; background-color: #252525; width: 1200px; margin: 0px auto; position: relative}
#content_container {height: 492px; margin-top: 0px !important; background-color: #252525;}
#home_footer_line {height: 30px; margin-top: 10px; background: #1D1D1D; position: relative}
#footer_copyright { text-align: right; color: #757575; position: absolute; top: 18px; right: 190px; font-size: 0.9em;}

.hp_description {line-height: 20px;}
.hp_description a {color: white !important}
.hp_description h2 {font-size: 2.0em; color: white;  font-weight: normal; margin: 15px 0 10px 0; line-height: 30px;}

#hp_description_1 { width: 430px; height: 170px; font-size: 1.3em; color: #E9E9E9;  font-weight: normal; position: absolute; right: 180px; top: 40px}
#hp_description_2 {width: 400px; height: 170px; font-size: 1.3em; color: #E9E9E9;  font-weight: normal; position: absolute; left: 220px; top: 40px}
#hp_description_3 {width: 400px; height: 170px; font-size: 1.3em; color: #E9E9E9;  font-weight: normal; position: absolute; left: 220px; top: 10px}



/* SIJEME PRO :: clients */
#clients_container {width: 867px; margin: 0px auto;}
#clients_container span.more {font-size:0.8em; color: #9E0B11; display: block; margin: 8px 0 0 10px}
#clients_photo_left, #clients_photo_right {width: 430px; float: left;  border-left: 1px solid black; border-right: 1px solid black; position: relative}

__#clients_photo_right {margin-left: 3px}

.client_short_info_container_right, .client_short_info_container_left {position: absolute; width: 180px; height: 220px;  bottom: 30px; right: 20px;
     background-color: #D8D8D8;
     filter:alpha(opacity=85); /* IE's opacity*/
     opacity: 0.85;
     z-index: 99;
}


.client_short_info_container_left { bottom: 30px; left: 20px;}

.client_short_info_container_right h4, .client_short_info_container_left h4  {color: #484647; margin: 15px 0 2px 10px; font-size: 1.2em}
.client_short_info_container_right p, .client_short_info_container_left p {color: #7D7D7D; margin: 25px 0 2px 10px; font-size: 0.9em}


/* detail klienta */
#client_info_container {width: 430px; float: left; color: #CBCBCB}
#client_info_container  span.desc {display: block; color: #838182; margin-bottom: 20px;}
#client_info_container ul {margin: 5px 0 25px 0; padding: 0px}
#client_info_container ul li {color: #C0E60E}
#cli_short_desc, #cli_verdict{height: 90px; margin-top: 15px; overflow: hidden; font-size: 0.9em}
#cli_success_list {height: 80px; margin-top: 25px}


/*  PRODUKTY  */
#products_container {width: 970px; margin: 0px auto}
#prd_menu_container {width: 160px;  height: 490px; float:left; font-size: 1.2em;background-image: url('img/panacci.gif') !important; background-position: right bottom !important; background-repeat: no-repeat;}

ul#prd_menu li {display: block; height: 20px; margin:  8px 0 8px 0; padding: 4px 0  0 15px; background-image: url(/img/prdli.gif); background-repeat: no-repeat; background-position: left center;}
ul#prd_menu li a {color: #EFEFEF; }
ul#prd_menu li a.active {color: #C0E60E; }
ul#prd_menu li a:hover {color: #C0E60E; }

#products {width: 712px; float: left; border-left: 1px solid black; border-right: 1px solid black; background-color: black;}

.prd_img_container {float: left; position: relative; }
.prd_img_container .prd_infobox {position: absolute; bottom: 1px; left: 1px; width: 176px; height: 140px; color: #B6B6B6; font-size: 0.8em;
                                background-color: black;
                                filter:alpha(opacity=75); /* IE's opacity*/
                                 opacity: 0.75;
                                 z-index: 99; }

.prd_img_container .prd_infobox h4 {color: #C0E60E; font-size: 1.2em; margin: 5px }
.prd_img_container .prd_infobox p {margin: 5px}

.prd_img_container .prd_detail_icon {position: absolute; right: 3px; bottom: 5px; color: white !important; font-size: 1.1em !important; width: 95px; height: 15px; padding-left: 15px; background-image: url('img/prdetail_icon.gif'); background-repeat: no-repeat; background-position: left center;}

.prd_img_container img {margin: 0 1px 0 1px; }
#product_desc {height: 80px; overflow: hidden;}


.prd_nav_container_left, .prd_nav_container_right {width: 40px;  float: left; height: 490px; position: relative; z-index: 999;}

.prd_nav_container_left #prd_left_nav {width: 20px; height: 150px; position: absolute; right: 4px; bottom: 4px; }

.prd_nav_container_left #prd_arrow_left { display: block; width: 27px !important; height: 88px !important; position: absolute; top: 200px; left: 5px; background-image: url('img/hp_arrow_left.gif'); background-repeat: no-repeat; font-size: 0px;cursor: pointer !important;}
.prd_nav_container_left #prd_arrow_left:hover {background-image: url('img/hp_arrow_left_act.gif') !important; ; cursor: pointer !important; }

.prd_nav_container_right #prd_arrow_right { display: block; width: 27px; height: 88px; position: absolute; top: 200px; left: 10px; background-image: url('img/hp_arrow_right.gif'); font-size: 0px;}
.prd_nav_container_right #prd_arrow_right:hover  {background-image: url('img/hp_arrow_right_act.gif') !important; cursor: pointer !important; ; }

.product_list_img_container {float: left; position: relative; display: inline}

#cli_content {width: 980px; margin: 0px auto}





/*  obrazky na homepage*/
.hpc_back1 {background-image: url('img/pic01.jpg');}
.hpc_back2 {background-image: url('img/pic02.jpg');}
.hpc_back3 {background-image: url('img/pic03.jpg');}
.hpc_back4 {background-image: url('img/hp_sample4.png');}




.deco_light {background-image: url('img/rightop_deco.gif') !important; background-position: right top !important; background-repeat: no-repeat;}


/* navigacni sipky */
#arrow_cont {width: 600px; height: 300px;float: left; position: relative}
#arrow_cont a#left_arrow {width: 27px; height: 88px; position: absolute; bottom: 1px; left: 150px; background-image: url('img/hp_arrow_left.gif'); cursor: pointer; font-size: 0px;  display: block}
#arrow_cont a#right_arrow {width: 27px; height: 88px; position: absolute; bottom: 1px; right: 150px; background-image: url('img/hp_arrow_right.gif'); cursor: pointer; font-size: 0px; display: block}
#arrow_cont a#left_arrow:hover {background-image: url('img/hp_arrow_left_act.gif');}
#arrow_cont a#right_arrow:hover {background-image: url('img/hp_arrow_right_act.gif');}



/* OBJEDNAVKA :: order */
#order_info {background-color: #303030; padding: 1px 10px 5px 15px !important; margin-bottom: 5px; height: 75px;   }
#order_left_collumn  {width: 450px; background-color: #303030; float: left; height: 398px; margin-bottom: 5px}
#order_right_collumn {width: 415px; background-color: #393939; float: right; height: 398px; margin-bottom: 5px}



/*  ^ kontaktni formular ^ */
.order_form {margin-left: 15px; /margin-left: 1px}
.order_form span.note {font-size: 0.8em;}

.order_form .dcol {width: 180px; float: left; text-align: left;}

.order_form label {display: block; width: 150px; color: #C0E60E; margin-top: 10px}
.order_form input, .order_form textarea {border: 2px solid #4D4D4D; background-color: #E2E2E2; padding: 1px 4px 1px 4px; font-style: italic; color: #717171; margin-left: 0}
.order_form .photo {width: 11em !important;}
.order_form .input_image {padding: 0px !important; border: none !important;}
.order_form textarea {width: 320px; height: 35px}





/*  ^ kontaktni formular ^ */
.contact_form {margin-left: 30px}
.contact_form label {display: block; width: 300px; color: #C0E60E; margin-top: 10px}
.contact_form input, .contact_form textarea {border: 2px solid #4D4D4D; background-color: #E2E2E2; padding: 1px 4px 1px 4px; font-style: italic; color: #717171}
.contact_form .input_image {padding: 0px !important; border: none !important;}
.contact_form textarea {width: 320px;}
#contact_form_buttons_cont  {width: 330px; margin-top: 5px}





/* KONTAKT */
#contact_container, #order_container {width: 870px; margin: 0px auto; padding-top: 4px}
#contact_left_collumn {background-color: #303030; background-image: url('img/contact_rightop_deco.png');background-position: right top; background-repeat: no-repeat; width: 450px; float: left}
#contact_left_collumn img {margin: 10px; border: 1px solid black}

#contact_right_collumn {width: 415px; height: 483px !important; background-color: #393939; float: right;}

#contact_map_container {background: #4C4C4C; position: absolute; right: 55px; bottom: 20px;  _bottom: 230px; padding: 1px !important; padding-bottom: 1px !important}
#contact_map_container img {margin: 0px !important}




/*  NAVRHY :: concepts */
#concepts_container {width: 870px; margin: 0px auto;}
#concepts_left_collumn {width: 432px; height: 490px; float: left; color: #7E7E7E; font-size: 0.9em; background-image: url('img/cojavim.gif') !important; background-repeat: no-repeat; background-position: right bottom ;}
.concept_item_container {margin-top: 10px}
.concept_item_container a {cursor: pointer}
.concept_item_container .img_container {background-color: #3B3B3B; padding: 3px; width: 75px; float: left}
.concept_item_container .img_container img {border: 1px solid black;}
.concept_item_container .nfo_container {float: left; margin-left: 10px; width: 300px; height: 80px !important; overflow: hidden}

#concepts_right_collumn {float: left;  border-left: 1px solid black; border-right: 1px solid black;}

#concepts_thumbs {margin-top: 20px}
#concepts_thumbs div {float: left; cursor: pointer}
#concepts_thumbs img {border: 1px solid #A7A7A7; margin-right: 8px}
#concepts_thumbs img:hover {border: 1px solid yellow}




/* topmenu */
#menu_middle_container {width: 1200px; margin: 0px auto}
#menu {width: 700px; height: 40px; font-size: 0.9em; color: #C3C3C3; float: left}

#top_box {width: 734px; height: 60px; _height: 60px; background: #1D1F12; background-image: url("/img/osobni_web.gif"); background-repeat: no-repeat;}
#top_box span {display: block; color: #C3C3C3; font-family: Georgia; font-weight: normal; font-size: 18px; font-style: italic; padding: 20px 0 0 20px}
#pic_piece {width: 10px; height: 40px; background-image: url('img/menu_pic_piece.gif'); float: left}

#menu_container {position: absolute; top: 0px; width: 734px; height: 100px; color: #1D1F12}
ul#mainMenu li span {display: block; height: 55px; padding: 0px; width: 100px}

ul#mainMenu, ul {padding: 0px; padding-top: 35px;  margin: 0 0 0 24px; list-style-type: none; }
ul#mainMenu ul {margin-top: 6px; float: left}
ul#mainMenu li {float: left; text-align: center; vertical-align: middle;}
ul#mainMenu li a {padding: 0 22px 0 22px; _padding-left: 0px; display: block;}
ul#mainMenu li span { padding: 0 15px 0 15px}

ul#mainMenu a {display: block; color: #C3C3C3; text-decoration: none; _margin: 0 2px 0 2px; padding: 0 20px 0 20px}
ul#mainMenu a:hover {text-decoration: none; color: #C0E60E;}
ul#mainMenu li ul {font-size: 1.2em; margin-top: 10px; margin-left: -20px}
ul#mainMenu li ul a.first {border-top: 1px solid black}
ul#mainMenu li ul  a {font-weight: normal; height: 20px; line-height: 20px; font-size: 0.9em;  padding: 0 8px 0 8px; width: 14em; _margin: -2px 0 0 0; _padding: 0 3px 0 5px;}
ul#mainMenu ul li a:hover {cursor: pointer}
ul#mainMenu ul a {display: block; _width: 100%; height: 50px }
ul#mainMenu ul a:hover{text-decoration: underline; cursor: crosshair;}
ul#mainMenu ul {margin-top: 1px;  position: absolute; visibility: hidden; background-color: #E87909;}
ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {visibility: visible; color: #FF854F}
ul#mainMenu li li {float: none; border: none; padding: 0; }
ul#mainMenu li {behavior: url('hover.htc');}





/* global */
.szelena {color: #C0E60E}

.public_alert {padding: 10px; font-weight: bold; color: #C0E60E}