﻿@import "main.css";
body 
{
	
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 20px 20px 0 20px;
    color: #333;
}

.hidden
{
    display: none;
}
.clear
{
    clear: both;
    font-size: 1px;
    visibility:hidden;
}
#page
{
    width: 977px;
    position:relative;
}
#head
{
    height: 100px;
    overflow: hidden;
    background: url(../img/main-menu.gif) no-repeat left 44px;
}
#head div.h3
{
    font-size: 16px;
    color: #ce0005;
    margin: 0;
    text-align: center;
}
#head div.h1
{
    position: absolute;
    width: 222px;
    height: 103px;
    overflow:hidden;
    border: 0;
    margin: 0;
    top: 0;
    left: 0px;
    background: #000;
}

#head div.h1 a
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
}
#head div.h1 a span
{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/logo.gif);
}

#content
{
    background: url(../img/menuback.png) repeat-y left;
}

#text
{
    width: 827px;
    float: right;
}
#text-inside
{
    margin: 5px 0 0 20px;
}
#drobecky
{
    font-size: 10px;
    background: url(../img/arrow.png) no-repeat left 0.1em;
    padding-left: 10px;
    margin-bottom: 1em;
}
#menu-left
{
    width: 133px;
    float: left;
    padding-top: 20px;
    
    
}
ul#ul-menu-left
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    border-top: 1px solid #fff;
    margin-bottom: 35px;
}
ul#ul-menu-left li
{
    
}
ul#ul-menu-left li a
{
    display: block;
    color: #333;
    font-weight: bold;
    padding: 2px 0 2px 4px;
    margin-left: 2px;
    border-bottom: 1px solid #fff;
    text-decoration: none;
}
ul#ul-menu-left li.select-menu a, ul#ul-menu-left li a:hover
{
    background:#d7d7d7;
    color: #ce0005;
    text-decoration: none;
}


ul#ul-menu-left ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
}
ul#ul-menu-left ul li
{
    
}
ul#ul-menu-left ul li a
{
    padding-left: 15px;
    background: url(../img/li.gif) no-repeat 6px 0.6em;
}
ul#ul-menu-left ul li a:hover
{
    padding-left: 15px;
    background: url(../img/li.gif) no-repeat 6px 0.6em;
    background:#d7d7d7;
    color: #ce0005;
}


.small-info
{
    margin-bottom: 10px;
    margin-left: 2px;
}
.small-info .h3
{
    font-size: 11px;
    margin: 0;
    background: #fff;
    margin-right: 15px;
    font-weight: bold;
}
.small-info .small-info-div
{
    border: 1px solid #666666;
    background: #fff;
    font-size: 10px;
    padding: 2px;
}
.small-info .small-info-div .h2
{
    font-size: 10px;
    margin: 0;
    color: #333;
    font-weight: bold;
}
#navigace
{
    position: absolute;
    width: 610px;
    top: 0;
    left: 275px;
}
ul#lng
{
    position:absolute;
    top: 16px;
    left: 407px;
    width: 200px;
    height: 23px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#lng li
{
    width: 38px;
    float: left;
}
ul#main-menu
{
    position:absolute;
    top: 44px;
    width: 679px;
    height: 50px;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul#main-menu li
{
    float:left;
    width: 95px;
    background:  url(../img/topmenu_back.png);
    text-align: center;
    height: 50px;
}
ul#main-menu li:hover
{
    float:left;
    width: 95px;
    background:  url(../img/topmenu_hover.png);
    text-align: center;
    height: 50px;
}
ul#main-menu li.select
{
    background:  url(../img/topmenu_back1.png);
}
ul#main-menu li a
{
    display: block;
    height: 50px;
    color:#666;
    font-weight: bold;
    text-decoration: none;
}
ul#main-menu li.select a
{
   color: #ce0005;
}
ul#main-menu li a span
{
    display: block;
    padding-top: 0.5em;
}
ul#main-menu li a:hover
{
     color: #ce0005;
     text-decoration: none;
}


ul#main-menu li.main-menu-first
{
    float:left;
    width: 7px;
    background:  url(../img/topmenu_start.png);
    text-align: center;
    height: 50px;
}
ul#main-menu li.main-menu-last
{
    float:left;
    width: 7px;
    background:  url(../img/topmenu_end.png);
    text-align: center;
    height: 50px;
}

#foot
{
    clear: both;
    text-align: center;
    font-size: 10px;
    color: #c76100;
}







.aktuality
{
    clear: both;
	margin-bottom:1em;
}
.aktuality p img
{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    /*border: 1px solid #aaa;*/
    border-right: 2px solid #A9A9A9;
    border-bottom: 2px solid #A9A9A9;
    border-top: 2px solid #E5E5E5;
    border-left: 2px solid #E5E5E5;
    padding: 3px;
}
.aktuality p img:hover
{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
    /*border: 1px solid #aaa;*/
    border-right: 2px solid #E5E5E5;
    border-bottom: 2px solid #E5E5E5;
    border-top: 2px solid #A9A9A9;
    border-left: 2px solid #A9A9A9;
    padding: 3px;
}

.tlacitko img
{
border-right: 2px solid #A9A9A9;
    border-bottom: 2px solid #A9A9A9;
    border-top: 2px solid #E5E5E5;
    border-left: 2px solid #E5E5E5;
}
.tlacitko:hover img
{
border-right: 2px solid #E5E5E5;
    border-bottom: 2px solid #E5E5E5;
    border-top: 2px solid #A9A9A9;
    border-left: 2px solid #A9A9A9;
}

.aktuality h2
{
	border-bottom: 1px #AFAFAF solid;
	color: #000;
}
.aktuality h2 span
{
	float: right;
	font-weight:normal;
}




#flashbanner{
	margin: 0 auto;
	text-align:center;
}
#bannery_uvod{
	margin: 20px auto;
	text-align: -moz-center; 
	text-align:center;
}



.tabulka_kontakt table{
	border: 2px solid #eaefff;
	background-color: #ccd5f4;

}


.tabulka_kontakt table tr td{
	border: 2px solid #eaefff;

}

.tabulka_kontakt table tr td.modra_bunka{

	background-color: #ccd5f4;

}







#aktualita
{
	
}

#aktualita h1
{
	font-size: 140%;
	margin: 0.1em 0 0.5em 0;
	    text-align: left;
}
#aktualita .aktualita-anotace
{
	font-style:italic;
	font-size:110%;
	margin-bottom:1em;
}

#aktualita #aktualita-soubory
{
	clear: both;
}
#aktualita #aktualita-soubory h5
{
	clear: both;
	margin-top: 2em;
	margin-bottom: 0em;
	font-size: 100%;
}
#aktualita #aktualita-soubory ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#aktualita #aktualita-soubory img
{
	vertical-align: middle;
	margin-right: 5px;
}
.thumb-obrazek
{
	float: left;
}
.back
{
	clear: both;
	margin-top:1em;
}
.back a
{
	background: url(../img/back.gif) no-repeat right center;
	padding-right: 20px;
}
a.more
{
	background: url(../img/more.gif) no-repeat right 0.5em;
	padding-right: 10px;
}
.img-ilustrace
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
table#prodejni-mista
{
    width: 100%;
    border: 1px solid #B8EFBC;
}
table#prodejni-mista td
{
    border: 1px solid #B8EFBC;
}
table#prodejni-mista th
{
    text-align: left;
    background: #B8EFBC;
}
table#prodejni-mista td.mezera
{
    width: 10px;
    background: #B8EFBC;
}

table#prodejni-mista td.mezera-hr
{
    height: 5px;
    background: #B8EFBC;
}
table#prodejni-mista td.no-border
{
    border: 0;
}
table#prodejni-mista td.img
{
    text-align: right;
}
table#prodejni-mista td.bg-pm
{
    width: 60px;
    background: #B8EFBC;
}


















table#profi-friends
{
    width: 100%;
    border: 1px solid #CCD5F4;
}
table#profi-friends td
{
    border: 1px solid #CCD5F4;
}
table#profi-friends th
{
    text-align: left;
    background: #CCD5F4;
}
table#profi-friends td.mezera
{
    width: 10px;
    background: #CCD5F4;
}

table#profi-friends td.mezera-hr
{
    height: 5px;
    background: #CCD5F4;
}
table#profi-friends td.no-border
{
    border: 0;
}
table#profi-friends td.img
{
    text-align: right;
}
table#profi-friends td.bg-pm
{
    width: 60px;
    background: #CCD5F4;
}
table.table-reference
{
    width: 100%;
    background: #EAEFFF;
}
table.table-reference td
{
    padding: 2px;
}
table.table-reference td img
{
    vertical-align: middle;
}
table.table-reference .table-reference-1
{
    width: 5%;
}
table.table-reference .table-reference-2
{
    width: 65%;
}
table.table-reference .table-reference-3
{
    width: 30%;
}
table.table-reference .reference-dark
{
    background: #CCD5F4;
}
.sekce-reference
{
    border-bottom: 1px solid #CE0005;
    border-left: 1px solid #CE0005;
    padding-bottom: 0.3em;
    padding-left: 0.3em;
    margin-bottom: 1em;
}
table.produkty
{
    width: 100%;
    border-collapse:collapse;
}
table.produkty th
{
    background: #CE0005;
    color: #fff;
    padding: 0.2em 0;
}
table.produkty td
{
    padding: 0.1em 0.5em;
}
table.produkty td img
{
    vertical-align: middle;
    margin-right: 0.2em;
}
.produkty-katCislo
{
    width: 4.5em;
    background: #EAEFFF;
}
table.produkty td.produkty-img
{
    width: 100px;
    text-align: center;
    background: #CCD5F4;
    padding: 0;
}
table.produkty td.produkty-img img
{
    margin: 0;
}

 .produkty-Doc
 {
    width: 4em;
    background: #CCD5F4;
    padding: 0.5em 0.5em;
 }
 .produkty-Spotreba
 {
     width: 12em;
     text-align:center;
    background: #EAEFFF;
    padding: 0.5em 0.5em;
 }
.produkty-Jednotka
 {

    text-align:center;
    background: #EAEFFF;
    padding: 0.5em 0.5em;
 }
.produkty-Baleni
{
        width: 7em;
        text-align:center;
    background: #CCD5F4;
    padding: 0.5em 0.5em;

}
.produkty-Produkt
{
    background: #CCD5F4;
	text-align: justify;
}
.produkty-Produkt h3
{
    color: #000;
    font-size: 100%;
    margin: 0;
    padding: 0;
}
.produkt-other
{
    height: 1.5em;
}
.produkt-hr
{
    height: 1px;
}
.produkt-hr td
{
    padding: 0;
}

table.zdici-malty td.produkty-img
{
	background: #fff;
}
table.zdici-malty td.produkty-katCislo
{
	background: #Fde7dd;
}
table.zdici-malty td.produkty-Produkt
{
	background: #Fef3ee;
}
table.zdici-malty td.produkty-Jednotka
{
	background: #Fde7dd;
}
table.zdici-malty td.produkty-Baleni
{
	background: #Fef3ee;
}
table.zdici-malty td.produkty-Spotreba
{
	background: #Fde7dd;
}
table.zdici-malty td.produkty-Doc
{
	background: #Fef3ee;
}



table.faradayus th
{
	background: #6e9f32;
}
table.faradayus td.produkty-img
{
	background: #fff;
}
table.faradayus td.produkty-katCislo
{
	background: #F6f9f1;
}
table.faradayus td.produkty-Produkt
{
	background: #Edf3e4;
}
table.faradayus td.produkty-Jednotka
{
	background: #F6f9f1;
}
table.faradayus td.produkty-Baleni
{
	background: #Edf3e4;
}
table.faradayus td.produkty-Spotreba
{
	background: #F6f9f1;
}
table.faradayus td.produkty-Doc
{
	background: #Edf3e4;
}



table.omitky th
{
	background: #1c378a;
}
table.omitky td.produkty-img
{
	background: #fff;
}
table.omitky td.produkty-katCislo
{
	background: #dfdfef;
}
table.omitky td.produkty-Produkt
{
	background: #Eeeff7;
}
table.omitky td.produkty-Jednotka
{
	background: #dfdfef;
}
table.omitky td.produkty-Baleni
{
	background: #Eeeff7;
}
table.omitky td.produkty-Spotreba
{
	background: #dfdfef;
}
table.omitky td.produkty-Doc
{
	background: #Eeeff7;
}




table.povrchove-upravy th
{
	background: #Fbac3b;
}
table.povrchove-upravy td.produkty-img
{
	background: #fff;
}
table.povrchove-upravy td.produkty-katCislo
{
	background: #Feefe1;
}
table.povrchove-upravy td.produkty-Produkt
{
	background: #Fef7f0;
}
table.povrchove-upravy td.produkty-Jednotka
{
	background: #Feefe1;
}
table.povrchove-upravy td.produkty-Baleni
{
	background: #Fef7f0;
}
table.povrchove-upravy td.produkty-Spotreba
{
	background: #Feefe1;
}
table.povrchove-upravy td.produkty-Doc
{
	background: #Fef7f0;
}





table.sanacni-system th
{
	background: #8cc63f;
}
table.sanacni-system td.produkty-img
{
	background: #fff;
}
table.sanacni-system td.produkty-katCislo
{
	background: #F1f8e8;
}
table.sanacni-system td.produkty-Produkt
{
	background: #F9fcf4;
}
table.sanacni-system td.produkty-Jednotka
{
	background: #F1f8e8;
}
table.sanacni-system td.produkty-Baleni
{
	background: #F9fcf4;
}
table.sanacni-system td.produkty-Spotreba
{
	background: #F1f8e8;
}
table.sanacni-system td.produkty-Doc
{
	background: #F9fcf4;
}





table.zateplovaci-system th
{
	background: #F47920;
}
table.zateplovaci-system td.produkty-img
{
	background: #fff;
}
table.zateplovaci-system td.produkty-katCislo
{
	background: #Feefe1;
}
table.zateplovaci-system td.produkty-Produkt
{
	background: #Fef7f0;
}
table.zateplovaci-system td.produkty-Jednotka
{
	background: #Feefe1;
}
table.zateplovaci-system td.produkty-Baleni
{
	background: #Fef7f0;
}
table.zateplovaci-system td.produkty-Spotreba
{
	background: #Feefe1;
}
table.zateplovaci-system td.produkty-Doc
{
	background: #Fef7f0;
}


.hr
{
    border-bottom: 2px solid #000;
}



#registrace
{
	
}
#registrace fieldset
{
	border: 1px solid #CE0005;
	margin: 1em 0;
	padding: 0 0.5em 0.5em 0.5em;
}
#registrace fieldset legend
{
	margin: 0;
}
#registrace label
{
	display: block;
}
#registrace .text-registrace
{
	border: 1px solid #052D77;
	font-size: 100%;
}
#registrace .images-registrace
{
	border: 1px solid #052D77;
	background: #052D77;
	color: #fff;
	font-size: 100%;
	margin-top: 0.5em;
}
table.sklad
{
    border: 1px solid #CE0005;
    width: 100%;
}
table.sklad th
{
    background: #CE0005;
    color: #fff;
    text-align: left;
}
table.sklad td
{
    border:1px solid #CE0005;
}

table.sklad td.td-KatCislo
{
    width: 6em;
}
table.sklad td.td-Pocet
{
    width: 6em;
}



.zelena-first-column
{
    clear: both;
    margin-top: 2em;
    width: 440px;
    float: left;
}
.zelena-second-column
{
    margin-top: 2em;
    width: 320px;
    float: right;
}
.zelena-first-column .ramecek
{
    border: 1px solid #1E9925;
    padding: 0.5em;
    margin-bottom: 1em;
    cursor: pointer;
}
.ramecek-with
{
    width: 320px;
}
.zelena-first-column .ramecek:hover
{
    border: 2px solid #ca0016;
}

.img-formular
{
    border: 1px solid #1E9925;
}
.img-formular:hover
{
    border: 2px solid #ca0016;
}





.error {
COLOR: red
}
.hide {
DISPLAY: none
}
.zelena-formular
{
    border: 3px solid #A5A5A5;
    padding: 0.5em;
}
.zelena-formular legend
{
    margin-left:  0.5em;
    padding: 0 0.5em;
}
.zelena-formular table
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #000;
    margin-top: 0.3em;
}
.zelena-formular table td, .zelena-formular table th
{
    border: 1px solid #000;
    padding: 0.1em 0.4em;
    vertical-align: middle;
}

.zelena-formular table th
{
    background: #BFBFBF;
    text-align: left;
}
.td-label
{
width: 8em;
text-align: right;
}
.txt-input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    border: 0;
    width: 280px;
    background: #F4F4F4;
    border: 1px solid #A5A5A5;
}
.txt-input-small
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    border: 0;
    width: 50px;
    background: #F4F4F4;
    border: 1px solid #A5A5A5;
}
.form-chyba
{
    border: 1px solid red;
    background: #FFCFCF;
}
.online-error
{
border: 2px solid #F5C1C2;
padding:8px 8px 8px 28px;
background: #FFEBEB url(../img/x.gif) no-repeat 7px 7px;
 font-weight:700; color:#9e0b0f;
}
.online-ok
{
border: 2px solid #C5E1C8;
padding:8px 8px 8px 28px;
background: #E5F7E3 url(../img/check.gif) no-repeat 7px 7px;
 font-weight:700; color:#005E20;
}
.info
{
text-align: justify;
margin-bottom: 1em;
}