/*                                                              */
/* CSS pro portal.webin.cz                                      */
/* Autor: Milan Kališ                                           */
/* Datum: 19.11. 2009                                           */
/* Popis: Tento soubor obsahuje veškeré CSS formátování portálu */
/* portal.webin.cz. Výjimky pro prohlížeč Internet Explorer jsou*/
/* obsaženy v souboru css_ie.css.                               */
/*                                                              */

/* Obecné formátování */
* { margin: 0px; padding: 0px; outline: none } 

::-moz-selection{
background: rgb(10,10,10);color: rgb(250,250,250)
}
::selection{
background: rgb(10,10,10);color: rgb(250,250,250)
}

a { color: rgb(255,255,125) }
a:hover { text-decoration: none }

p { text-indent: 0px; line-height: 14px}

h1 { font-size: 32px; font-family: Georgia, Times; font-weight: normal; color: rgb(0,135,175); padding: 35px 0px 0px 30px }
h2 { font-size: 24px; font-family: Georgia, Times; font-weight: normal; color: rgb(0,135,175); padding: 0px 0px 6px 0px }
h3 { margin-bottom: 5px }
h4 { margin-bottom: 5px }

small img { border: none }

ul, ol { margin-left: 14px }
li { min-height: 20px; line-height: 1.52em }
hr { color: Silver; background-color: Silver; border: 1px solid Silver }

table td { vertical-align: top }

select { border: 1px solid Black; margin: 4px 0px 4px 0px }
select option { padding: 2px 2px 0px 2px }

strong { font-size: 30px; font-weight: normal; font-family: Georgia, Times }

em.nadpis {
display: block; font-weight: bold; font-style: normal; font-size: 13px;
padding: 10px 0px 10px 0px
}

.clearer { clear: both; font-size: 0px !important; line-height: 0px !important }
.left { text-align: left }
.right { text-align: right }
.center { text-align: center }
.float_left { float: left }
.float_right { float: right }
.tip { color: rgb(250,250,250); text-align: left; margin-bottom: 8px; line-height: 18px; padding-left: 6px }
.tip a { color: rgb(255,255,125) !important }
.margin_left { margin-left: 32px !important }

html { height: 100% }

body {
text-align: center; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif ;
color: rgb(75,75,75); background-color: rgb(0,137,176); height: 100%;
background-image: url("images/bg_top.jpg"); background-position: left top;
background-repeat: repeat-x
}

/* Formátování hlavního členění */
#tisk_header { display: none; font-size: 40px; font-weight: bold; width: 100%; text-align: center }

#div_main {
position: relative; top: 0px; left: 0px; width: 992px; min-height: 100%;
margin: 0px auto 0px auto; background-image: url("images/bg_center.jpg"); background-position: center bottom;
background-repeat: repeat-x
}

#div_main_center {
position: relative; width: 992px;

}

#div_main_left {
position: absolute; top: 0px; left: -256px; width: 256px; min-height: 100%;
background-image: url("images/bg_left.jpg"); background-position: center bottom;
background-repeat: no-repeat
}

#div_main_right {
position: absolute; top: 0px; left: 992px; width: 256px; min-height: 100%;
background-image: url("images/bg_right.jpg"); background-position: center bottom;
background-repeat: no-repeat; text-align: left
}

/* Formátování členění sekce div_main_center */
#div_header {
position: absolute; top: 0px; left: 0px; width: 992px; height: 160px;
background-image: url("images/header.jpg"); background-position: top center;
background-repeat: no-repeat; /*z-index: -1*/
}

#div_content_container { position: relative; top: 0px; left: 0px; padding-top: 160px }

#div_content { padding-bottom: 32px }

#div_footer {
position: absolute; bottom: 0px; left: 0px; height: 32px; width: 100%; margin-top: 50px;
background-image: url("images/footer.png"); background-position: center bottom;
background-repeat: no-repeat
}

/* Formátování členění sekce div_header */
#div_logo {
display: block; position: relative; top: 30px; left: 0px; width: 260px;
height: 100px; font-size: 0px !important
}

#top_toolbar { position: absolute; top: 10px; left: 15px; width: 120px; height: 20px; text-align: left }
#top_toolbar a { text-decoration: none}
#top_toolbar img { border: none}

#div_menu_top {
position: absolute; top: 0px; right: 0px; width: 872px; height: 32px;
background-image: url("images/menu_top_v2.png"); background-position: top center;
background-repeat: no-repeat; text-align: left
}

a.menu_top_item {
display: block; position: absolute; top: 0px; height: 32px; width: 104px;
background-image: none; font-size: 0px !important
}

a.mt01 { left: 18px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -18px 0px }
a.mt02 { left: 122px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -122px 0px }
a.mt03 { left: 226px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -226px 0px }
a.mt04 { left: 330px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -330px 0px }
a.mt05 { left: 434px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -434px 0px }
a.mt06 { left: 538px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -538px 0px }
a.mt07 { left: 642px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -642px 0px }
a.mt08 { left: 746px; background-image: url("images/menu_top_v2.png"); background-repeat: no-repeat; background-position: -746px 0px }

a.mt01:hover { background-position: -18px -32px }
a.mt02:hover { background-position: -122px -32px }
a.mt03:hover { background-position: -226px -32px }
a.mt04:hover { background-position: -330px -32px }
a.mt05:hover { background-position: -434px -32px }
a.mt06:hover { background-position: -538px -32px }
a.mt07:hover { background-position: -642px -32px }
a.mt08:hover { background-position: -746px -32px }

a.mt01:active { background-position: -18px -64px }
a.mt02:active { background-position: -122px -64px }
a.mt03:active { background-position: -226px -64px }
a.mt04:active { background-position: -330px -64px }
a.mt05:active { background-position: -434px -64px }
a.mt06:active { background-position: -538px -64px }
a.mt07:active { background-position: -642px -64px }
a.mt08:active { background-position: -746px -64px }

/* Formátování členění sekce div_footer */
#div_copyright { padding-top: 10px; font-size: 10px; text-align: center }
#div_page_bottom-wide div.footer_toolbar { position: absolute; bottom: -16px; padding-top: 5px }
#div_page_bottom-narrow div.footer_toolbar { position: absolute; left: 32px; bottom: 48px; }
.footer_toolbar img { border: none  }
.footer_toolbar a { text-decoration: none  }

/* Formátování členění sekce div_content */
#div_content_main { position: relative; left: 0px; float: left; width: 768px }

#div_content_right {
position: relative; left: 0px; width: 224px;
text-align: center; float: right; 
background-image: url("images/cyborg.jpg"); background-position: top center;
background-repeat: no-repeat; padding-bottom: 40px 
}

.content_margin { height: 100px }

/* Formátování členění sekce div_content_right */
.div_panel_right {
width: 166px; /*min-height: 100px*/; margin-left: 29px; margin-top: 30px;
color: rgb(250,250,250); text-align: left; font-size: 11px
}

#div_right_panel_first { font-size: 0px !important; height: 300px }

.login_input {
width: 160px; height: 24px; margin: 5px 0px 2px 0px; font-size: 12px;
background-image: url("images/login-input.png"); background-position: top center;
background-repeat: no-repeat
}

.login_input input { border: none }
.logilink { display: block }
.input_empty { background-color: transparent; border: 0px }

.login_submit {
width: 160px; height: 28px; margin: 5px 0px 2px 0px; text-align: center;
background-image: url("images/login-submit.jpg"); background-position: top center;
background-repeat: no-repeat
}

.login_submit input {
display: block; width: 160px; height: 23px; font-weight: bold; text-align: center;
padding-top: 5px; color: rgb(250,250,250)
}

.login_table_left { text-align: center; width: 60px; font-weight: bold }
.login_table_right { padding-top: 2px; text-align: left }

#div_login_select { position: relative; top: 0px; left: 0px; width: 160px }
#div_login_select select { width: 100% }
#div_login_select option { width: 100% }
#div_login_select input { padding: 2px; width: 100%; font-weight: bold; border: 1px solid Black; background: rgb(20,185,230) }
#div_login_select input:hover { background: rgb(255,145,40) }
#div_login_select input:focus, #div_login_select input:active { background: rgb(80,150,170) }

/* Formátování niceform 2.0 START */
/*                                */
.NFSelect {height:24px; border:1px solid transparent;}
.NFSelectLeft {
float:left; width:8px; height:24px; background:url(img/login-select_left.png) no-repeat 0 0;
vertical-align:middle
}
.NFSelectRight {
height:24px; width:152px; background:url(img/login-select_right.png) no-repeat 100% 0;
cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color: black; padding-left:3px;
margin-left:3px
}
.NFSelectTarget {
position:absolute; background:none; margin-left:-16px; margin-top:24px; z-index:3;
left:0; top:0; padding-bottom:2px
}
.NFSelectOptions {
position:relative; background: rgb(50,153,182); margin-left:16px; margin-top:0;
list-style:none; padding:4px 4px; color: Black; font:11px/13px Arial, Helvetica, sans-serif;
z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0
}
.NFSelectOptions li {padding-bottom:1px}
.NFSelectOptions a {
display:block; text-decoration:none; color: Black; padding:2px 3px; background: rgb(250,250,250);
border: 1px solid rgb(0,103,132)
}
.NFSelectOptions a.NFOptionActive {background: White}
.NFSelectOptions a:hover {background: Silver}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/**/
/* Formátování niceform 2.0 END */

.div_aktuality { margin-bottom: 3px }
.div_aktuality p { display : inline }

/* Formátování členění sekce div_content_main */
/*  -->  */
/* Formátování wide layoutu */
#div_page_top-wide {
position: relative; top: 0px; left: 0px; width: 768px; height: 96px; text-align: left;
background-image: url("images/page-top.jpg"); background-position: top left;
background-repeat: no-repeat
}

#div_page_content-wide {
position: relative; top: 0px; left: 0px; width: 768px;
background-image: url("images/page-content.png"); background-position: top left;
background-repeat: repeat-y
}

#div_page_top-wide h1 { width: 580px }

#div_page_bottom-wide {
position: relative; top: 0px; left: 0px; width: 768px; height: 100px; color: rgb(100,100,100);
background-image: url("images/page-bottom-wide.png"); background-position: top left;
background-repeat: no-repeat
}
#bottom_toolbar { position: relative; margin-left: 30px; padding-top: 10px; width: 708px }

#div_menu_bottom-wide { position: relative; top: 30px; left: 0px }

.menu_bottom_wide_item { font-size: 13px; color: rgb(20,90,140) }

#div_menu_top-wide { position: relative; top: 0px; left: 0px; margin-bottom: 20px }

/* Formátování narrow layoutu */
#div_content_main_left { position: relative; top: 0px; left: 0px; float: left; width: 352px }

#div_content_main_main {
position: relative; float: right; top: 0px; left: 0px; width: 416px
}

#div_nabidka_top {
position: absolute; top: -101px; left: 0px; width: 422px; height: 228px; float: none;
background-image: url("images/nabidka-top.jpg"); background-position: top left;
background-repeat: no-repeat; z-index: 34; text-align: left 
}

#div_nabidka_top a { color: rgb(50,50,50) !important; text-decoration: none }
.horni_flash_item { position: absolute; left: 55px; top: 20px; width: 335px; height: 150px; text-shadow: 1px 1px 1px rgb(220,240,250) }
.horni_flash_item p { font-size: 14px; font-weight: bold; line-height: 18px }

.horni_flash_item em {
font-style: normal; font-size: 16px; font-weight: bold; margin-bottom: 5px; display: block
}

#div_nabidka_top_menu {
position: absolute; bottom: 23px; left: 64px; height: 24px; width: 134px
}

.nabidka_top_menu_item {
display: block; position: absolute; top: 0px; height: 24px; width: 24px;
background-image: none; font-size: 0px !important; cursor: pointer
}

.nt01 { left: 0px; background-image: url("images/"); background-repeat: no-repeat; background-position: -32px 0px }
.nt02 { left: 28px; background-image: url("images/"); background-repeat: no-repeat; background-position: -192px 0px }
.nt03 { left: 56px; background-image: url("images/"); background-repeat: no-repeat; background-position: -352px 0px }
.nt04 { left: 84px; background-image: url("images/"); background-repeat: no-repeat; background-position: -512px 0px }
.nt05 { left: 112px; background-image: url("images/"); background-repeat: no-repeat; background-position: -512px 0px }

.nt01:hover { background-position: -32px -32px }
.nt02:hover { background-position: -192px -32px }
.nt03:hover { background-position: -352px -32px }
.nt04:hover { background-position: -512px -32px }
.nt05:hover { background-position: -512px -32px }

.nt01:active { background-position: -32px -64px }
.nt02:active { background-position: -192px -64px }
.nt03:active { background-position: -352px -64px }
.nt04:active { background-position: -512px -64px }
.nt05:active { background-position: -512px -64px }

#div_content_3xMain { position: relative; top: 140px; left: 25px; width: 392px }

#div_page_top-narrow {
position: relative; top: 0px; left: 0px; width: 352px; height: 96px; text-align: left;
background-image: url("images/page-top-narrow.jpg"); background-position: top left;
background-repeat: no-repeat
}

#div_page_content-narrow {
position: relative; top: 0px; left: 0px; width: 352px;
background-image: url("images/page-content-narrow.png"); background-position: top left;
background-repeat: repeat-y
}

#div_page_bottom-narrow {
position: relative; top: 0px; left: 0px; width: 352px; height: 100px; color: rgb(100,100,100);
background-image: url("images/page-bottom-narrow.png"); background-position: top left;
background-repeat: no-repeat
}

/* Formátování layoutu pro články */
.div_uvod_clanek_normalni {
position: relative; top: 0px; left: 0px; width: 192px; float: left; height: 250px;
margin: 2px 2px 20px 2px
}

.div_uvod_clanek_normalni em { padding: 5px 0px 5px 0px }
.div_clanek_normalni h2 { margin: 0px 0px 16px 32px }
.div_uvod_clanek_normalni a { color: rgb(255,255,125) !important }
.uvod_clanek_text { text-align: left; color: rgb(250,250,250); margin-left: 8px }
.uvod_clanek_text p { display: inline }
.link_vice { margin-left: 5px }
.clanek_info { font-size: smaller; text-align: left; color: rgb(150,150,150) }

.perex_w {
font-size: 16px; font-style: italic; font-weight: bold; color: rgb(150,150,150);
width: 700px; margin-left: 30px; padding-top: 10px; margin-bottom: 20px 
}

.perex_n {
font-size: 16px; font-style: italic; font-weight: bold; color: rgb(150,150,150);
width: 300px; margin-left: 30px; padding-top: 10px; margin-bottom: 20px 
}

.perex_w p, .perex_n p { line-height: 18px }

.under_perex {
position: relative; top: 0px; left: 0px; text-align: left; font-size: 14px; 
padding: 0px 30px 0px 30px
}

.under_perex p { line-height: 20px; padding-bottom: 10px }
.under_perex strong {
display: block; font-size: 24px; font-family: Georgia, Times; color: rgb(0,135,175);
padding-bottom: 10px; font-weight: normal
}

div.div_oddeleni_normalni {
position: relative; top: 0px; left: 0px; margin-top: 20px; 
}

div.uvod_clanek_img { width: 196px; height: 156px }

.clanek_line { width: 668px; border-bottom: 1px solid rgb(230,230,230); margin-left: 50px }
.ref_line { width: 708px; border-bottom: 1px solid rgb(230,230,230) }
.div_clanek_normalni h2 { text-align: left; padding: 0px 50px 0px 0px }
.div_clanek_normalni span.link { float: right; text-decoration: underline }
.div_clanek_normalni span.link:hover { text-decoration: none }

.clanek_img, .ref_img, .produkty_img { float: left; margin: 5px 20px 20px 0px }

.prod_img { float: right; margin: 5px 20px 20px 0px }
.prod_img_det { float: right; margin: 35px 0px 10px 10px }

div.oddeleni_text {
float: right; width: 520px; position: relative; top: 0px; left: 0px;
text-align: left; font-size: 14px; line-height: 30px
}

.ref_text, .produkty_text {
float: right; width: 508px; position: relative; top: 0px; left: 0px;
text-align: left; font-size: 14px; line-height: 30px
}

div.oddeleni_text h2, div.oddeleni_text a, .ref_h2 a { text-indent: 0px; margin-left: 0px; padding-left: 0px }

div#div_content_main a, div#div_copyright a { color: rgb(0,135,175) }
div#div_content_main a.link_vice { color: rgb(255,255,125) }

.div_reference_normalni, .div_produkty_normalni { width: 708px; margin-left: 30px; padding-top: 10px }
.ref_vice { display: block; float: right; text-decoration: underline }
.ref_data { display: block }
.ref_zadavatel { position: relative; top: 0px; left: 0px; width: 708px; margin-left: 30px }
.ref_galerie { width: 698px; border: 1px solid Silver; margin: 10px 0px 10px 0px; padding: 5px }
.det_gal { display: inline }

.div_prod_det_menu {
position: relative; top: 0px; left: 0px; width: 704px; height: 32px; margin-left: 32px;
background: url("images/product-navigation.jpg"); background-position: top center;
background-repeat: no-repeat; text-align: left
}

.div_prod_det_top h2 { margin-left: 32px } 

.menu_prod_item {
display: block; position: absolute; top: 0px; height: 32px; width: 160px;
background-image: none; font-size: 0px; cursor: pointer
}

.priloha { position: absolute; top: -30px; right: 0px; float: right; height: 50px; margin-right: 30px; width: 200px }

.nadpis2 {
display: block; font-size: 20px; font-family: Georgia, Times; color: rgb(0,135,175);
padding-bottom: 10px; font-weight: normal
}

table.inputtb { color: rgb(250,250,250); font-weight: bold; font-size: 12px; border-spacing: 0px 10px }
table.inputtb tr { height: 24px; vertical-align: top }

.inputpopisek {
width: 60px; height: 24px; background-image: url("images/long-input.png"); background-position: 0px 0px;
background-repeat: no-repeat; text-align: left; padding: 4px 0px 0px 7px;
}

.inputtext {
width: 265px; background-image: url("images/long-input.png"); background-position: top right;
background-repeat: no-repeat; border: none; height: 20px; padding: 4px 7px 0px 0px
}

.inputImageCheckInput {
width: 145px; background-image: url("images/long-input.png"); background-position: top right;
background-repeat: no-repeat; border: none; height: 20px; padding: 4px 7px 0px 0px
}

.inputImageCheck img { margin-bottom: 10px; border: 1px solid Silver }

.inputImageCheckDesc {
vertical-align: bottom; background-position: left 52px; padding-bottom: 20px
}

.profil_opsat_text { color: rgb(75,75,75); font-weight: normal }

.inputtextarea {
width: 633px; background-image: url("images/textarea.png"); background-position: top right;
background-repeat: no-repeat; border: none; border-left:1px solid Silver;
height: 92px; padding: 4px 7px 0px 0px
}

.inputpridanibtn {
width: 336px; height: 28px; background-color: transparent; border: none;
color: rgb(250,250,250); font-weight: bold; font-size: 14px; padding-bottom: 5px;
background-image: url("images/submit.png"); background-position: 0px 0px;
background-repeat: no-repeat
}

.inputpridanibtn:hover { background-position: 0px -28px }
.inputerrormessage { color: red }
.formular { position: relative }

.hide_form_border {
display: none; position: absolute; top: 112px; left: 67px; z-index: 36; height: 24px; width: 1px;
background-image: url("images/fix1.jpg"); background-position: 0px 0px; border: 1px solid red;
background-repeat: no-repeat
}

.mp01 { left: 32px; background-image: url("images/product-navigation.jpg"); background-repeat: no-repeat; background-position: -32px 0px }
.mp02 { left: 192px; background-image: url("images/product-navigation.jpg"); background-repeat: no-repeat; background-position: -192px 0px }
.mp03 { left: 352px; background-image: url("images/product-navigation.jpg"); background-repeat: no-repeat; background-position: -352px 0px }
.mp04 { left: 512px; background-image: url("images/product-navigation.jpg"); background-repeat: no-repeat; background-position: -512px 0px }
.hidden { display: none }

.mp01:hover { background-position: -32px -32px }
.mp02:hover { background-position: -192px -32px }
.mp03:hover { background-position: -352px -32px }
.mp04:hover { background-position: -512px -32px }

.mp01:active { background-position: -32px -64px }
.mp02:active { background-position: -192px -64px }
.mp03:active { background-position: -352px -64px }
.mp04:active { background-position: -512px -64px }

/* Formátování nástroje Odeslat stránku emailem */
.odeslani_email_nadpis { text-align: left}
.formular_email { margin-left: 30px; text-align: left }
.formular_email tr { width: 200px; height: 30px }
.nahled_email { margin-left: 25px !important; margin-top: 10px !important }

/* Formátování článku kontakty */
.kontakty_main_radek { clear: both }
.kontakty_main_item {
float: left; width: 345px; height: 310px; margin: 4px 4px 0px 0px; text-align: left;
border: 1px solid rgb(230,230,230); background-color: rgb(250,250,250); font-size: 12px
}

.kontakty_mapa {
float: left; width: 200px; height: 250px; background-color: rgb(230,230,230); text-align: center;
margin-right: 10px
}

.kontakty_mapa img { border: none }
.kontakty_main_item p { margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; line-height: 18px }
.kontakty_text p em { padding-left: 10px }
.kontakty_text p strong { line-height: 22px }
.kontakty_ostatni { padding: 10px }
.zavinac { vertical-align: middle; border: none }

/* Formátování kontakty v2 */
#kontakty_v2 table { padding: 2px; font-size: 12px; line-height: 16px; width: 100% }
#kontakty_v2 h2, #kontakty_zamestnanci_v2 h2, h2.fakturace_nadpis { margin-left: 0px }
.kancl_slozka { width: 344px !important; overflow: hidden }
.kancl_slozka img { border: none }

#kontakty_zamestnanci_v2 { text-align: left; z-index: 100 }
#kontakty_zamestnanci_v2 img { border: none }
.zam_slozka { position: relative; float: left; width: 344px; height: 258px; z-index: 53; margin: 10px 10px 0px 0px }

.no_viz { height: 176px !important }

.zam_data {
position: absolute; left: 0px; bottom: 0px; width: 344px; height: 176px; z-index: 52;
background: url("images/vizitky/zam_data_bg.png") no-repeat top left; padding: 0px 10px; text-align: left
}

.zam_data a { color: rgb(0,135,175) }
.zam_data strong { font: 24px/50px Georgia, Times serif; color: rgb(0,135,175); padding-left: 8px }
.zam_data table td { padding: 2px; font-size: 12px; line-height: 15px; vertical-align: top }
.zam_data table td.grey { color: rgb(120,120,120); font-style: italic; font-family: Georgia, Times }

a.zam_viz_front { width: 312px; height: 173px; z-index: 51; font-size: 0px; box-shadow: 0px 0px 8px rgb(170,170,170); -moz-box-shadow: 0px 0px 8px rgb(170,170,170); -webkit-box-shadow: 0px 0px 8px rgb(170,170,170) }
a.zam_viz_rear { width: 312px; height: 173px; z-index: 50; font-size: 0px; box-shadow: 0px 0px 8px rgb(170,170,170); -moz-box-shadow: 0px 0px 8px rgb(170,170,170); -webkit-box-shadow: 0px 0px 8px rgb(170,170,170) }

.csstransforms a.zam_viz_front {
position: absolute; left: 15px; bottom: 100px;
-moz-transform-origin: 0% 80%; -webkit-transform-origin: 0% 80%; transform-origin: 0% 80%;
-moz-transform: scale(0.9) rotate(20deg); -webkit-transform: scale(0.9) rotate(20deg); transform: scale(0.9) rotate(20deg)
}

.csstransforms a.zam_viz_rear {
position: absolute; left: 15px; bottom: 80px;
-moz-transform-origin: 100% 80%; -webkit-transform-origin: 100% 80%; transform-origin: 100% 80%;
-moz-transform: scale(0.9) rotate(-15deg); -webkit-transform: scale(0.9) rotate(-15deg); transform: scale(0.9) rotate(-15deg)
}

.no-csstransforms div.zam_slozka a.zam_viz_front { position: absolute; left: 8px; bottom: 60px; z-index: 51 }
.no-csstransforms div.zam_slozka a.zam_viz_rear { position: absolute; left: 24px; bottom: 80px; z-index: 50 }

a.viz01f { background: url("images/vizitky/mini/011.jpg") no-repeat top left }
a.viz01r { background: url("images/vizitky/mini/012.jpg") no-repeat top left }
a.viz02f { background: url("images/vizitky/mini/021.jpg") no-repeat top left }
a.viz02r { background: url("images/vizitky/mini/022.jpg") no-repeat top left }
a.viz03f { background: url("images/vizitky/mini/031.jpg") no-repeat top left }
a.viz03r { background: url("images/vizitky/mini/032.jpg") no-repeat top left }
a.viz04f { background: url("images/vizitky/mini/041.jpg") no-repeat top left }
a.viz04r { background: url("images/vizitky/mini/042.jpg") no-repeat top left }
a.viz05f { background: url("images/vizitky/mini/051.jpg") no-repeat top left }
a.viz05r { background: url("images/vizitky/mini/052.jpg") no-repeat top left }
a.viz06f { background: url("images/vizitky/mini/061.jpg") no-repeat top left }
a.viz06r { background: url("images/vizitky/mini/062.jpg") no-repeat top left }
a.viz07f { background: url("images/vizitky/mini/071.jpg") no-repeat top left }
a.viz07r { background: url("images/vizitky/mini/072.jpg") no-repeat top left }
a.viz08f { background: url("images/vizitky/mini/081.jpg") no-repeat top left }
a.viz08r { background: url("images/vizitky/mini/082.jpg") no-repeat top left }
a.viz09f { background: url("images/vizitky/mini/091.jpg") no-repeat top left }
a.viz09r { background: url("images/vizitky/mini/092.jpg") no-repeat top left }
a.viz10f { background: url("images/vizitky/mini/101.jpg") no-repeat top left }
a.viz10r { background: url("images/vizitky/mini/102.jpg") no-repeat top left }
a.viz11f { background: url("images/vizitky/mini/111.jpg") no-repeat top left }
a.viz11r { background: url("images/vizitky/mini/112.jpg") no-repeat top left }
a.viz12f { background: url("images/vizitky/mini/121.jpg") no-repeat top left }
a.viz12r { background: url("images/vizitky/mini/122.jpg") no-repeat top left }
a.viz13f { background: url("images/vizitky/mini/131.jpg") no-repeat top left }
a.viz13r { background: url("images/vizitky/mini/132.jpg") no-repeat top left }
a.viz14f { background: url("images/vizitky/mini/141.jpg") no-repeat top left }
a.viz14r { background: url("images/vizitky/mini/142.jpg") no-repeat top left }
a.viz15f { background: url("images/vizitky/mini/151.jpg") no-repeat top left }
a.viz15r { background: url("images/vizitky/mini/152.jpg") no-repeat top left }
a.viz16f { background: url("images/vizitky/mini/161.jpg") no-repeat top left }
a.viz16r { background: url("images/vizitky/mini/162.jpg") no-repeat top left }
a.viz17f { background: url("images/vizitky/mini/171.jpg") no-repeat top left }
a.viz17r { background: url("images/vizitky/mini/172.jpg") no-repeat top left }
a.viz18f { background: url("images/vizitky/mini/181.jpg") no-repeat top left }
a.viz18r { background: url("images/vizitky/mini/182.jpg") no-repeat top left }
a.viz19f { background: url("images/vizitky/mini/191.jpg") no-repeat top left }
a.viz19r { background: url("images/vizitky/mini/192.jpg") no-repeat top left }
a.viz20f { background: url("images/vizitky/mini/201.jpg") no-repeat top left }
a.viz20r { background: url("images/vizitky/mini/202.jpg") no-repeat top left }
a.viz21f { background: url("images/vizitky/mini/211.jpg") no-repeat top left }
a.viz21r { background: url("images/vizitky/mini/212.jpg") no-repeat top left }

a.zam_viz_front:hover, a.zam_viz_rear:hover { z-index: 59 !important }
.csstransforms a.zam_viz_front:hover, .csstransforms a.zam_viz_rear:hover { -moz-transform: scale(1.0) rotate(0deg); -webkit-transform: scale(1.0) rotate(0deg); transform: scale(1.0) rotate(0deg); z-index: 59 }

#fakturace { text-align: center; width: 344px; height: 176px; background: url("images/vizitky/zam_data_bg.png") no-repeat top left; line-height: 1.6em; padding-top: 20px; margin-top: 10px }

/* Formátování fulltext */ 
#fulltext { margin: 4px 0px 4px 0px; border: 1px solid Black; padding: 2px; width: 154px }

.fulltextbtn {
width: 160px; height: 28px; margin: 5px 0px 2px 0px; border: none; color: rgb(250,250,250);
background-image: url("images/login-submit.jpg"); background-position: top center;
background-repeat: no-repeat; font-weight: bold
}

.fulltextbtn:hover {
background-image: url("images/login-submit.jpg"); background-position: 0px -28px;
background-repeat: no-repeat
}

/* Formátování SiteMap */
ul.sitemap, ul.sitemap ul { list-style-type: none; background: url("images/stem-main.gif") repeat-y; margin: 0px; padding: 0px }
ul.sitemap ul { margin-left: 10px }
ul.sitemap li { line-height: 24px; padding: 0px 12px; background: url("images/stem-normal.gif") no-repeat }
ul.sitemap li.first-stem { background: url("images/stem-alpha.gif") no-repeat }
ul.sitemap li.last-stem { background: url("images/stem-omega.gif") no-repeat }

/* Formátování zoom-font nástroje */
#zoom-font-menu { position: absolute; top: 25px; right: 30px; width: 118px; border: 1px solid rgb(200,200,200)}
#zoom-font-menu_n { position: absolute; top: 25px; right: 20px; width: 118px; border: 1px solid rgb(200,200,200)}
#zoom-font-menu legend, #zoom-font-menu_n legend  { margin-left: 12px; font-size: 12px }

#zoom-font-menu a, #zoom-font-menu_n a {
display: block; float: left; margin: 1px 5px 2px 8px; width: 25px; height: 25px; text-decoration: none; 
background-position: left top; background-repeat: no-repeat; background-color: rgb(200,200,200);
outline: 1px solid transparent
}

#zf1 { background-image: url("images/zf-icon_1.jpg") }
#zf2 { background-image: url("images/zf-icon_2.jpg") }
#zf3 { background-image: url("images/zf-icon_3.jpg") }

a#zf2 { outline: 1px solid red }

/* Normálni velikost textu */
.fs-normalni { font-size: 12px }
.fs-normalni h1 { font-size: 32px; line-height: 30px }
.fs-normalni h2 { font-size: 24px }
.fs-normalni strong { font-size: 30px }
.fs-normalni .menu_bottom_wide_item { font-size: 13px }
.fs-normalni .perex_w, .fs-normalni .perex_n { font-size: 16px }
.fs-normalni .under_perex { font-size: 14px; line-height: 1em }
.fs-normalni .under_perex strong { font-size: 24px }
.fs-normalni div.oddeleni_text { font-size: 14px }
.fs-normalni .ref_text, .fs-normalni .produkty_text { font-size: 14px }
.fs-normalni .nadpis2 { font-size: 20px }
.fs-normalni em.nadpis { font-size: 13px }
.fs-normalni table.inputtb { font-size: 12px }
.fs-normalni .inputpridanibtn { font-size: 14px }
.fs-normalni .div_oddeleni_normalni, .fs-normalni .div_oddeleni_normalni a { font-size: 14px }
.fs-normalni .div_oddeleni_normalni h2 a { font-size: 24px }
.fs-normalni table td.inputpopisek { font-size: 12px }
.fs-normalni div.hide_form_border { position: absolute; top: 112px; height: 24px }
.fs-normalni #kontakty_zamestnanci strong { font-size: 16px }
.fs-normalni div#fakturace { padding-top: 10px }

/* Velký text */
.fs-velky { font-size: 14px }
.fs-velky h1 { font-size: 34px; line-height: 30px  }
.fs-velky h2 { font-size: 26px }
.fs-velky strong { font-size: 32px }
.fs-velky .menu_bottom_wide_item { font-size: 15px }
.fs-velky .perex_w, .fs-velky .perex_n { font-size: 18px }
.fs-velky .under_perex { font-size: 16px }
.fs-velky .under_perex strong { font-size: 26px }
.fs-velky div.oddeleni_text { font-size: 16px }
.fs-velky .ref_text, .fs-velky .produkty_text { font-size: 16px }
.fs-velky .nadpis2 { font-size: 22px }
.fs-velky em.nadpis { font-size: 15px }
.fs-velky table.inputtb { font-size: 14px }
.fs-velky .inputpridanibtn { font-size: 16px }
.fs-velky .div_oddeleni_normalni, .fs-velky .div_oddeleni_normalni a { font-size: 16px }
.fs-velky .div_oddeleni_normalni h2 a { font-size: 26px }
.fs-velky table td.inputpopisek { font-size: 12px }
.fs-velky div.hide_form_border { position: absolute; top: 115px; height: 26px }
.fs-velky #kontakty_zamestnanci strong { font-size: 20px }
.fs-velky div#fakturace { padding-top: 5px }

/* Malý text */
.fs-maly { font-size: 10px }
.fs-maly h1 { font-size: 28px }
.fs-maly h2 { font-size: 20px }
.fs-maly strong { font-size: 28px }
.fs-maly .menu_bottom_wide_item { font-size: 11px }
.fs-maly .perex_w, .fs-maly .perex_n { font-size: 14px }
.fs-maly .under_perex { font-size: 12px }
.fs-maly .under_perex p { line-height: 18px }
.fs-maly .under_perex strong { font-size: 22px }
.fs-maly div.oddeleni_text { font-size: 12px }
.fs-maly .ref_text, .fs-maly .produkty_text { font-size: 12px }
.fs-maly .nadpis2 { font-size: 18px }
.fs-maly em.nadpis { font-size: 11px }
.fs-maly table.inputtb { font-size: 10px }
.fs-maly .inputpridanibtn { font-size: 12px }
.fs-maly .div_oddeleni_normalni, .fs-maly .div_oddeleni_normalni a { font-size: 12px }
.fs-maly .div_oddeleni_normalni h2 a { font-size: 20px }
.fs-maly table td.inputpopisek { font-size: 12px }
.fs-maly div.hide_form_border { position: absolute; top: 109px; height: 23px }
.fs-maly #kontakty_zamestnanci strong { font-size: 12px }

/* Reference START */
div.reference_web { float: left; width: 344px; margin: 0px 8px 8px 0px }
div.reference_web h4 { margin-bottom: 1em }
div.reference_web img { margin-bottom: 4px; border: none }
/* Reference END */