/* ------------------------------------------------------------- */

/* Tento soubor obsahuje kaskadove styly k webu www.jpelektro.eu */

/* Copyright © 2010-2012 JPElektro */

/* ------------------------------------------------------------- */

/* Obecne */
.left { text-align: left; }
.center { margin: auto; text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
.strong { font-weight: bold; }
.text_b { font-size: 15px; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.text_b2 { font-size: 19px; }
.black { color: black; }
.body_bottom { clear: both;}
.float_l { float: left; }
.float_r { float: right; }
.line_h_1 { line-height: 20px; }
img { border: 0px; }
p { margin: 0px; }
a:link, a:visited { color: #000000; }
a:hover { font-weight: bold; }
.no_strong:hover { font-weight: normal; }
.no_decoration,.no_decoration:hover { text-decoration: none; }
.decoration_hover:hover { text-decoration: underline; }
.padding_20 { padding: 20px; }
.margin_t_25 { margin-top: 25px; }
.margin_l_25 { margin-left: 25px; }
.margin_l_50 { margin-left: 50px; }
.margin_r_25 { margin-right: 25px; }
.margin_r_50 { margin-right: 50px; }
.margin_r_10 { margin-right: 10px; }
.div_left { width: 530px; }
body { background-color: #ffffff; font-family: "Arial CE", Arial, sans-serif; font-size: 12px; color: #000000; margin: 5px; }
.up1 { position: relative; top: -8px; }
.width_700 { width: 700px; }
.width_807 { width: 807px; }
.width_100 { width: 100px; }
.width_400 { width: 400px; }
.nowrap { white-space: nowrap; }
.text { font-size: 12px; }
.text_sm { font-size: 10px; }
hr { background-color: #bbbbbb; color: #cccccc; height: 1px; border: 0px; }

/* Rozdeleni stranky */
#body { margin-left: 10px; margin-right: 10px; margin-top: 34px; width: 830px; }
#all { width: 852px; margin: auto; border: #383a35 1px solid; border-top: #383a35 2px solid; border-bottom: #383a35 10px solid; padding-bottom: 10px; margin-bottom: 10px; }
#footer { color: #615b5b; font-size: 9px; text-align: center; clear: both; margin: 0 auto; white-space: nowrap; }

/* Logo */
#logo { margin: 0 auto; padding-top: 1px; padding-bottom: 1px; width:850px; text-align: center; }
#logo img { position: relative; z-index: 2; }
#logo #text { position: absolute; overflow: auto; height: 90px; width: 830px; top: 70px; z-index: 1; margin-left: 10px; }
#logo a { font-weight: normal; }

/* Nadpisy */
h1,h2 { font-size: 15px; font-family: Verdana, Arial; color: #808080; }
h1 { margin-bottom: 30px; }
h3 { font-family: Verdana, Arial; font-size: 17px; color: #000000; margin-top: 10px; margin-bottom: 10px; }

/* Menu */
#menu { position: absolute; background-color: #383a35;  padding-left: 0px; margin: 0 auto; margin-top: 0px; margin-bottom: 5px; margin-left: 1px; height: 24px; min-width: 850px; }
#menu li { display: inline; list-style-type: none; }
#menu a {display: block; text-align: center; font-family: Tahoma, Arial, lucida, sans-serif;  font-size: 13px; font-weight: bold; color: #ffffff; text-decoration: none; float: left; padding: 4px 0px 4px 0px; width: 110px; height: 16px; border-right: #ffffff 1px solid; }
#menu a:hover { background-color: #cccccc; color: #000000; }
#menu .active { background-color: #cccccc; color: #000000; }
#menu .w1 { width: 73px;}
#menu .w2 { width: 130px;}
#menu .w3 { width: 85px;}
#menu .w4 { width: 98px;}
#menu .w5 { width: 98px;}
#menu .w6 { width: 80px;}
#menu .w7 { width: 80px;}
#menu .w8 { width: 110px;}
#menu .w9 { width: 88px;}
#menu .last { border-right: 0px;}
#top_menu { text-align: center; background-color: #4d4948; margin: 0; padding-left: 3px; margin-top: 0px; height: 16px; min-width: 835px; color: #ffffff; font-family: Tahoma, Arial, lucida, sans-serif; font-size: 9px; letter-spacing: 6px; font-weight: bold; }
#top_menu a { color: #ffffff; text-decoration: none; }
#top_menu a:hover { text-decoration: underline; }
#odkaz_nabidka_sluzeb { position: relative; top: 25px; display: block; background-color: #cccccc; margin-top: 0px; margin-left: 1px; margin-right: 1px; margin-bottom: 0px; height: 20px; padding-left: 10px; padding-top: 3px; font-family: Tahoma, Arial, lucida, sans-serif;  letter-spacing: 1.5px;  font-size: 12px; font-weight: bold; color: #000000; text-decoration: none;}

/* Seznamy */
.list { margin-left: 5px; padding-left: 10px; background-image: url("pictures/list_hover.gif"); background-repeat: no-repeat; background-position: -1000px -1000px; }
.list li { list-style-type: none; padding-left: 20px; background: url('pictures/list.gif') no-repeat left 2px; line-height: 20px; min-height: 20px; }
.list li:hover { background: url('pictures/list_hover.gif') no-repeat left 2px;}
.list_fixed_height { margin-left: 5px; padding-left: 10px; background-image: url("pictures/list_hover.gif"); background-repeat: no-repeat; background-position: -1000px -1000px; }
.list_fixed_height li { list-style-type: none; padding-left: 20px; background: url('pictures/list.gif') no-repeat left 2px; line-height: 20px; height: 20px; }
.list_fixed_height li:hover { background: url('pictures/list_hover.gif') no-repeat left 2px;}
.list first-line  { background-image: none; padding-left: 0px; font-size: 120px;}
.list .title, .list .title:hover { background-image: none; padding-left: 0px; font-size: 12px; padding-top: 10px; }
.list .title_no_padding, .list .title_no_padding:hover { background-image: none; padding-left: 0px; font-size: 12px; }
.list_dot { margin-left: 5px; padding-left: 10px; }
.list_dot li { list-style-type: none; padding-left: 17px; background: url('pictures/list_dot.gif') no-repeat left 2px; line-height: 20px; min-height: 20px; }

/* Fotky */
.fotos { padding-left: 5px; padding-right: 4px; padding-bottom: 5px; padding-top: 5px; }
.fotos img { margin: 5px 6px 5px 6px; border: #383a35 1px solid;}
.fotos_in_text img { margin: 5px 20px 5px 20px; border: #383a35 1px solid;}

/* Boxy */
.box_grey { border: #cccccc 1px solid; width: 250px; padding: 10px; margin: 15px; background-color: #e6e6e6; }
.box_grey_no_float { border: #cccccc 1px solid; padding: 10px; margin: 15px; background-color: #e6e6e6; }
.news { border: #cccccc 1px solid; padding: 10px; background-color: #e6e6e6; margin: 10px 0px 0px 17px; width: 170px; height: 470px; overflow-x: hidden; overflow-y: auto; }
.news h4 { font-size: 16px; padding: 0px; margin: 0px; line-height: 14px; }
.news a { color: blue; }
.news hr { background-color: #cccccc; color: #cccccc; height: 1px; border: 0px; }

/* Tabulky */
.table_simple { background-color: #e6e6e6; border-collapse: collapse; }
.table_simple th { border: 1px #cccccc solid; padding: 5px; text-align: left; }
.table_simple td { border: 1px #cccccc solid; padding: 5px;}
.table_simple_nobackground { border-collapse: collapse; }
.table_simple_nobackground th { border: 1px #000000 solid; padding: 5px; text-align: left; }
.table_simple_nobackground td { border: 1px #000000 solid; padding: 5px;}

/* Dalsi styly */
.body_left { float: left; width: 620px; }
.body_right { float: left; }
.napiste_nam { margin-left: 245px; }
.logo_jpe { margin-left: 53px; }
.kolaz_nabidka_sluzeb { margin-right: 30px; margin-top: 40px; }
.kolaz_reference { margin-right: 30px; margin-top: 15px; }
.obrazky_popisky { font-size: 9px; }
.obrazky_popisky .v { display:block; float: left; width: 91px; margin-left: 13px; }
.obrazky_popisky .h { display:block; float: left; width: 125px; margin-left: 13px; }
.obrazek_nabidka_ezs { margin-left: 20px; margin-bottom: 10px; }
.hlavni_strana_bannery { float:right; margin-left: 15px; }
.preview_description { height: 126px; padding-top: 7px; float: left; width: 180px; padding-left: 3px; }
.preview_description_padd_r { padding-right: 25px; }
.ezs_soucasti { padding-right: 35px; }
.ezs_cidla { padding-right: 30px; }
.ezs_konfigurator_banner li { height: 96px; }
.ezs_konfigurator_banner img { display: block; float: right; padding-top: 0px; }
.strip { position: absolute; top:-500px; -moz-transition: top 0.7s ease-in-out 0s; -o-transition: top 0.7s ease-in-out 0s; -webkit-transition: top 0.7s ease-in-out 0s; transition: top 0.7s ease-in-out 0s; }

/* QR kody */
.qr_codes { position: relative; width: 550px; margin: 0 auto; }
.qr_description_1, .qr_description_2, .qr_description_3, .qr_description_4 { display: none; position: absolute; top: 115px; color: #8e1c1f; font-weight: bold; height: 20px; background-color: #ffffff; z-index: 3;}
.qr_description { position: relative; top: -7px; color: #808080; white-space: nowrap; }
.qr_code_1:hover .qr_description_1 { display: block; left: 5px; }
.qr_code_2:hover .qr_description_2 { display: block; left: 58px; }
.qr_code_3:hover .qr_description_3 { display: block; left: 40px; }
.qr_code_4:hover .qr_description_4 { display: block; left: 60px; }