html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

/* 'Jello Mold' page construction technique based on http://www.positioniseverything.net/articles/jello.html */
body {
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%; /*76%;*/
	background-color:#666666; /*to co problikne*/
	background-position:left top;
	background-image: url("images/x-repeater.gif");
	background-repeat:repeat-x;
	color:#000000;
}

body /*prebarveni posuvniku*/
{
 scrollbar-base-color:#444444; /**nejsvetlejsi barva, je zesvetlena, proto by mela byt tmavsi nez zakladni barva - svetlo shora a vysviceni sipek zprava, svetlejsi minictverecky v posuvniku*/
 scrollbar-face-color:#a69b8a; /*základní barva (stejna jako barva page), UP a DOWN ctverce, tmavsi minictverecky v posuvniku*/
 scrollbar-3dlight-color:#cccccc; /*svetlo shora a zprava vnejsi*/
 scrollbar-shadow-color: #3a0c0f; /*nejtmavsi barva - sipky, stin zdola a zleva vnitrni*/
 scrollbar-darkshadow-color:#2d080a; /*stin zdola a zleva vnejsi*/
 scrollbar-arrow-color:#203151; /*šipky - nefunguje*/
}

html, body { 
	height: 100%; 
} /* now mozilla is happy! */ 

input, textarea {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*h1, h2, h3, h4, h5, h6 {color:black;}*/

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1{
	position:absolute;
	left:-1000px;
	top:-1000px;
}
h2 {
	font-size: 1em;
    font-weight: bold; 
    font-style: normal;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 40px;
    color:#a69b8a;/*#d0c7ba; #e9d4b2;*/
}
h3 {
    margin: 0;
    font-size: 1em;
    font-weight: bold;
    display: inline;
}
p  {
    margin: 1em 0;
    line-height:1.4;
}

a {	text-decoration:underline; color:Black;}
a:hover {text-decoration:underline; color:Black;}

*>#y-repeater { /* pro firefox */
    min-height:100%;
}
* html #y-repeater { /* pro IE */
	height: 100%;
}
#y-repeater 
{
    width:760px;
	text-align: left;
	margin: 0 auto 0 auto;
    background-color: #666666; /*to co problikne*/
	background-position:left top;
	background-image: url("images/y-repeater.gif");
	background-repeat:repeat-y;
	border-bottom: solid 1px black;
}

/*------------ formular---------------------------------------*/

body.formular 
{
    margin-top:40px;
}
.formular #y-repeater 
{
	background-image: none;
	border: solid 1px black;
	background-color: transparent;
}

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

/* http://positioniseverything.net/easyclearing */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------------------*/
    
#d1
{
    width:200px;
    height:40px;
    float:left;
}
    
#d2
{
    width:430px;
    height:40px;
    float:left;
}
  
#d3
{
    width:130px;
    height:40px;
    float:left;
}

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

#d4
{
    width:200px;
    height:25px;
    float:left;
    background-image: url("images/d4.gif");
}
    
#d5 /* nadpis */
{
    width:430px;
    height:25px;
    float:left;
}
  
#d6
{
    width:130px;
    height:25px;
    float:left;
    background-image: url("images/d6.jpg");
}

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

#d7 /* menu1 */
{
    width:200px;
    height:240px;
    overflow: hidden;
    float:left;
}
    
#d8 /* obrazek */
{
    width:430px;
    height:240px;
    float:left;
    overflow:hidden;
}
  
#d9 /* logo */
{
    width:130px;
    height:240px;
    float:left;
    overflow: hidden;
    background-image: url("images/d9.jpg");
}

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

#d10 /* foto miniatury */
{
    width:200px;
    float:left;
    background-image: url("images/line.gif");
	background-repeat:repeat-x;
}
    
#d11 /* text stranky */
{
    width:430px;
    float:left;
    background-image: url("images/line.gif");
	background-repeat:repeat-x;
}
  
#d12 /* menu2 */
{
    width:130px;
    float:left;
    background-image: url("images/line.gif");
	background-repeat:repeat-x;
}

/*---------------------- formatovani textu---------------------------------------*/

#d10 .okraje {
    margin:10px;
    margin-top:30px;
    text-align:center;
}

#d11 .okraje {
    margin:10px;
    margin-top:30px;
}

#d11 a { /*hyperlinky v hlavnim textu nepodtrhavat*/ 
    text-decoration:none;
}

#d11 a:hover {
    text-decoration:none;
}

#d11 h2.prvni {
    margin-top:30px;
}

#d12 .okraje {
    margin:5px;
    margin-top:30px;
    color:#a69b8a;
    /*color:#093287;*/
    font-weight:bold;
}

#d12 a {
    color:#a69b8a;
    /*color:#093287;*/
}

#d12 a:hover {
    color:#e8e8e0;
}

#d12 .obsah {
    color:#000000;
    font-weight:normal;
    font-style:italic;
}

#d12 .obsah a {
    color:#a69b8a;
}

#d12 a.extra {
    color:#f3dfbe;/*#ff9001;*/
}

#d12 .obsah a:hover, #d12 a.extra:hover {
    color:#e8e8e0;
}

.podtrzeno 
{
    text-decoration: underline !important; /*aby prebil pravidlo d11 a*/
}

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


.levy_obrazek
{
    border:solid 1px black;
    margin-top:5px;
}

.popisek
{
    margin-top:5px;
    margin-bottom:10px;
    font-size: 0.8em;
    font-style:italic;
    text-align:left;
    margin-left:20px;
    margin-right:10px;
}

table.adresa
{   
    width:100%;
    text-align:left;
    font-weight:bold;
}
table.adresa td 
{
    width:50%;
    vertical-align:top;
    padding:5px;
}

.webdesign
{
    margin-top:5px;
    margin-bottom:10px;
    font-size: 0.8em;
    font-style:italic;
    text-align:right;
    margin-left:20px;
    margin-right:10px;
}


/******************************** K O N T A K T N I  F O R M U L A R **********************************/

#contactAdresa
{
    margin-top:20px;
    width: 100%;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactZprava
{
    margin-top:20px;
    width: 100%;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

#contactSubmit
{
    margin-top:10px;
    text-align: left;
}

.chyba
{
    margin-top:10px;
    margin-left:0px;
    text-align: left; 
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
    color: #b8ae9f;
}

.form_txtBox
{
    width: 93%;
    font-size: 1.1em;
    color: Black; /*barva textu vyplnovanych poli kontakt. formulare*/
    background-color: #767676; /*#a69b8a;/*Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/     
}

.form_button
{
    font-size:0.8em;
    height: 18px;
    margin-left:9px;
    color: black;
    font-weight: bold; 
    font-style: normal;
    background-color: Transparent; /*barva tlacitka "Odeslat" kontakt. formulare*/
}

/******************************** O B J E D N A C I  F O R M U L A R **********************************/

.formular .okraje 
{
	padding: 0px 10px 30px 10px;
}

.formular h2 {
	font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 5px;
    color:Black;
}

.formular table {
	width: 100%;
}

.formular td, th {
	vertical-align:top;
}

.dashed {
	border: solid 1px Black;
}

.sekce1, .sekce2, .sekce3, .sekce4, .sekce5, .sekce6 {
    padding: 20px;
    border: solid 1px Black;
    color:Black;
}

.sekce1, .sekce2, .sekce6 {background-color:#6575b7;}
.sekce3, .sekce4 {background-color:#fab12a;}
.sekce5 {background-color:#f57770;}


.nazev_sekce {
	font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 5px;
    color:Black;
}

.maly_nadpis {
	font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin: 5px;
    color:Black;
}

.formular .form_txtBox
{
    width: 50px;
    font-size: 1.1em;
    color: Black; /*barva textu vyplnovanych poli formulare*/
    background-color: Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/     
}

.formular .form_dlouhytxtBox
{
    width: 220px;
    font-size: 1.1em;
    color: Black; /*barva textu vyplnovanych poli formulare*/
    background-color: Transparent; /*pozadi vyplnovacich poli kontakt. formulare*/     
}

.pole_poli {
    margin-top:5px;
    width: 100%;
    text-align: left;
    font-weight: bold; 
    font-style: normal;
    font-size:0.8em;
}

.pole_poli td { /*pro popis policek a zaroven pro policka aby bylo vse ve stejne rovine*/
	vertical-align: baseline;
}

.poznamka
{
    margin :10px 20px 5px 0px;
    font-size: 0.8em;
    font-style:italic;
    text-align:left;
    border-top: solid 1px black;
}

.tabulka_Material
{
    text-align: center;
    border: solid 1px black;
}

.vertical_th
{   
    color:Black;
    text-align:left;
    padding-left:20px;
}

.horizontal_th
{   
    background-color:#ebac2f;
    color:Black;
}

.vertical_header
{   
    background-color:#7a6543;/*#999999;*/
    color:Black;
    text-align:left;
    padding-left:20px;
}

.horizontal_header
{   
    background-color:#ebac2f;
    color:Black;
}

.enabled
{   
    background-color:#ebac2f;
}

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


@media print
{
    body
    {
        margin: 0;
        padding: 0;
        font-size: 11pt;
        line-height: 13pt;
        color: black;
        background: #FFFFFF !important;
    }
}