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:#222222; /*to co problikne*/
	background-position:left top;
	background-image: url("images/x-repeater.gif");
	background-repeat:repeat-x;
	color:#5a5a5a; /* 505050-puvodni, barva textu*/
}

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: 1.6em;
    font-weight: bold; 
    font-style: normal;
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
    color:#274d11;/*velky nadpis stranky*/
}
h3 {
    font-size: 1em;
    font-weight: bold; 
    font-style: normal;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    color:#4cc20b;/*maly nadpis stranky*/
}
p  {
    margin: 1em 0;
    line-height:1.4;
}

a {	text-decoration:underline; color:#666666;}
a:hover {text-decoration:underline; color:#666666;}

#webpage 
{
    position:relative;
    width:776px;
	text-align: left;
	margin: 0 auto 0 auto;
    background-color: #222222; /*to co problikne*/
}
*>#y-repeater { /* pro firefox */
    min-height:100%;
}
* html #y-repeater { /* pro IE */
	height: 100%;
}

#y-repeater 
{
	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 */

/*-------------------------------------------------------------*/
    
#lang 
{
    position:absolute; /*vzhledem k #y-repeater*/
    top:40px;
    right:10px;
    font-weight: bold; 
    font-style: normal;
    font-size: 10px; /*vypada to ze sedmnactka zabira 20px*/	
    color:#333333;
}

#banner
{
    position:absolute; /*vzhledem k #y-repeater*/
    top:44px;
    left:0px;
    width:776px;
    height:315px;
    background-image: url("images/banner.jpg");
}

#menu
{
    position:absolute; /*vzhledem k #y-repeater*/
    top:294px;
    left:0px;
    width:776px;
    height:16px;
    overflow: hidden;
}

#paper
{
    padding-top:359px;
    width:776px;
}


#centre
{
    /*position:absolute; - nesmi byt kvuli webdesign ArtComp, vyrazovalo by to centre z toku a pak by webdesign skocil na zacatek, ale centre musi byt tedy nejdelsim sloupcem*/
    /*top:0px; - nesmi byt, vyrazovalo by z toku*/
    /*left:170px; - nesmi byt, vyrazovalo by z toku*/
    /*width:539; - zbytecna komplikace*/
    margin-top:0px;
    margin-left:143px;
    margin-right:94px;
    margin-bottom:200px;
    text-align:left;
}

#left 
{
    position:absolute;
    top:359px;
    left:0px;
    width:143px; 
}

#right 
{
    position:absolute;
    top:359px;
    right:0px;
    width:94px;
}

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

.okraj_centre
{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;    
    text-align:left;
}

.okraj_left
{
    margin-top:10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;    
    text-align:left;
}

.okraj_right
{
    margin-top:10px;
    margin-left:0px;
    margin-right:10px;
    margin-bottom:10px;    
    text-align:left;
}

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

#left a, a:hover 
{
    font-weight:bold;
    font-style:italic;
    color:#494949; /*napište nám... 444444 původní*/
    text-decoration:none;
}

#lang a, a:hover 
{
    font-weight:bold;
    font-style:italic;
    color:#444444;
    text-decoration:none;
}

#menu a, a:hover {
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
} /*text alt*/

#webdesign a, a:hover {
    font-weight:bold;
    color:#444444;
    text-decoration:none;
}

.text
{
    margin-top:0px;
    margin-bottom:0px;
}

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

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

/*#centre h2.prvni {
    margin-top:30px;
}*/

a.extra {
    color:#4cc20b !important;
}


/******************************** O B R A Z E K **********************************/

.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;
}

/******************************** F O O T E R   A D R E S A **********************************/

#pageAddress
{ 
    float:left;
    padding:10px 10px 0px 5px;
    font-size:0.8em;
    font-style:normal;
    overflow:auto;
}

#pagePhones
{ 
    float:left;
    padding:10px 10px 0px 10px;
    font-size:0.8em;
    font-style:normal;
}

#pagePhones a, a:hover 
{
    font-weight:bold;
    font-style:italic;
    text-decoration:underline;
}

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

#contactAdresa
{
    font-style: normal;
    font-size:0.8em;
}

#contactZprava
{
    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: red;
}

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

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

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


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