/*

bledo modra body: #bdd8eb
*/
/* ===================== LAYOUT ================================ */
body
{
margin:0;
padding:0;
font-family: arial, Verdana, "Times New Roman", Times, serif; 
font-size:11px;
color: #616160;
background-image:url(obr/podklad_bg.jpg);
background-repeat:repeat-x;
}

#header1_bg
{
width:100%;
background-repeat:repeat-x;
height:50px;
}

#header1_main
{
width:980px;
height:50px;
margin:0 auto;
}

#header_bg
{
width:100%;
background-repeat:repeat-x;
height:180px;
}

#header_main
{
width:980px;
height:180px;
background-image:url(obr/header.jpg);
background-color:white;
border-top:2px solid black;
border-left:2px solid black;
border-right:2px solid black;
margin:0 auto;
}


#content_bg
{
width:100%;
background-repeat:repeat;
height:auto;
min-height:400px; 
}

#content_main
{
width:980px;
height:auto;
position:relative;
min-height:600px; 
background-color:white;
border-left:2px solid black;
border-right:2px solid black;
margin:0 auto;

}

/* for Internet Explorer */
/*\*/
* html #content_main 
 {
height: 600px;
}
/**/


#footer_bg
{
width:100%;
background-repeat:repeat-x;
height:60px;
}

#footer_main
{
width:980px;
height:40px;
background-color:#f38c1f;
border-left:2px solid black;
border-right:2px solid black;
border-bottom:2px solid black;
margin:0 auto;
}


.footer {color: black; letter-spacing:1px;}
.footer  a       {text-decoration: underline}
.footer  a:link   {color: black}
.footer  a:visited {color: black}
.footer  a:active {color: black}
.footer  a:hover  {color:black; text-decoration: none; font-family: verdana; }

.informujte {color: white; letter-spacing:1px;}
.informujte  a       {text-decoration: underline; font-size:10px;}
.informujte  a:link   {color: white}
.informujte  a:visited {color: white}
.informujte  a:active {color: white}
.informujte  a:hover  {color:silver; text-decoration: none; font-family: verdana; }


/* ===================== OTHER =============================== */

h1
{
text-align:left;
color:black;
font-size:16px;
letter-spacing:2px;
padding: 10px 1px 1px 50px;
text-indent:32px;
font-family: Arial;
background-image:url(obr/podklad_h1.jpg);
background-repeat: no-repeat;
}

h2
{
font-size:14px;
font-weight:bold;
color: white;
padding: 10px 10px 10px 10px;
}

h3
{
font-weight:bold;
font-size:14px;
color:#59514f;
}

h4
{
text-align:center;
color: #c38500;
font-size:13px;
}


p
{
font-size:12px;
margin:8px 0;
color: black;
padding: 5px 65px 5px 65px;
text-indent:32px;
font-family: Arial;
letter-spacing:1px;
text-align: justify;
}	

k
{
font-size:11px;
color: black;
font-family: Arial;
}

.zvyraznene  p
{
font-size:16px;
color:#9393FF;
margin:0 auto;
padding: 1px 1px 1px 1px;
font-weight: bold;
font-style: italic;
}	

a       {color: black; text-decoration: underline}
a:link   {color: black}
a:visited {color: black}
a:active {color: black}
a:hover  {color:gray; text-decoration: none}

#produkty 
#produkty  {color: black}
#produkty   a      {text-decoration: underline; font-size:2px;}
#produkty   a:link   {color: black}
#produkty   a:visited {color: black}
#produkty   a:active {color: black}
#produkty   a:hover  {color:silver; text-decoration: none; font-family: verdana; font-size:12px; }

#produkty img
{
	border:1px solid black;
	margin: 2px;
}

#produkty a:hover img
{
	border:1px solid white;
	margin: 2px;; 
}


#fotogaleria a img 
{
	border:1px solid black;
	margin: 2px;
}

#fotogaleria a:hover img 
{
	border:1px solid white;
	margin: 2px;; 
}

input {border:1px solid #563618;padding:1px}
input:hover{background-color:silver}
textarea {border:1px solid black;}
textarea:hover {background-color:silver}