/* Layout */

body {
margin: 0; 
padding: 0;
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size: 14px;
background-color: #0068b4;
background-image: url(../pict/layout/layout_01.jpg);
background-repeat: repeat-x;
} 


.top {
margin: auto;
width: 925px;
height: 138px;
background-image: url(../pict/layout/layout_02.jpg);
}


.column {
margin: 0 auto auto;
width: 925px;
background-color: #0068b4; 
}

.left-column {
padding-top: 10px;
margin: 0; 
float: left;
width: 269px;
height: 540px;
background-image: url(../pict/layout/layout_04.jpg);
background-repeat: no-repeat;
}

.right-column {
margin: 0; 
padding: 0px;
float: right;
width: 656px;
height: 550px;
background-image: url(../pict/layout/layout_05.jpg);
background-repeat: no-repeat;
text-align: left;
}

.bottom {
margin: auto;
padding: 110px 0 0 0;
width: 925px;
height: 176px;
clear: both;
text-align: center;
background-image: url(../pict/layout/layout_07.jpg);
background-repeat: no-repeat;
}

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


#obalovydiv 
{ 
width: 560px; 
} 

.obsah 
{ 
padding-left:10px; 
padding-right:10px; 
padding-top:10px; 
padding-bottom:10px; 
}

/* Menu */

#menu a 
{ 
margin: 0px 0 0 26px;
display: block; 
width:235px; 
height:40px; 
color: white; 
background: url("../pict/layout/but.jpg") 0 0 no-repeat; 
text-decoration: none; 
} 

#menu a:hover 
{	
background: url(../pict/layout/but_over.jpg) 0 -40px; 
color: black; 
} 

#menu a:active 
{ 
background: url(../pict/layout/but_over.jpg) 0 -40px; 
color: black; 
} 

#aktualni a 
{ 
margin: 0px 0 0 26px;
display: block; 
width:235px; 
height:40px; 
color: black; 
background: url("../pict/layout/but_over.jpg") 0 0 no-repeat; 
text-decoration: none; 
} 

div.outer 
{ 
background: url("../pict/layout/but_over.jpg") 0 -40px no-repeat; 
} 

div.outer a 
{ 
display: block; 
margin: 0; 
padding:0; 
width:100%; 
height:100%; 
overflow:hidden; 
background: url("../pict/layout/but_over.jpg") top left no-repeat; 
} 

div.outer span 
{ 
display: block; 
margin:0; 
padding: 15px 25px 0 20px; 
}

/* Scroll */

#scroll 
{ 
unicode-bidi:bidi-override; 
display: block; 
width:550px; height: 540px; 
overflow:auto; padding-right: 20px; 
margin:0 auto; 
} 

#info 
{ 
height:15em; 
min-height:15em; 
}

/* Text */

.Textlinkbottom /* Odkazy na spodku stránky */
{ 
color: black; 
font-weight: bolder; 
font-size: 10px; 
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif;
}

h1 /* Nadpis 1 */
{
color: #0573c2; 
font-weight: bolder; 
font-size: 24px; 
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif; 
text-align: center; 
}

h2 /* Nadpis 2*/
{ 
padding: 10px;
color: #58585a; 
background-color: #d9dadb;
font-size: 14px; 
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif; 
line-height: 22px; 
text-align: justify;
}

p /* Text */
{ 
color: #58585a; 
font-size: 14px; 
font-family: "arial ce", "helvetica ce", arial, helvetica, sans-serif; 
line-height: 18px; 
text-align: justify; 
}

/* Pict */

.nahled 
{ 
float: left; 
border: 1px solid #999; 
margin: 0 10px 10px 0; 
padding: 5px; 
} 

.nahledvetsimezera 
{ float: left; border: solid 1px #999; margin: 0 30px 10px 0; padding: 5px; } 

.nahledprava
{ 
float: right; 
border: 1px solid #999; 
margin: 0px 0 10px 10px; 
padding: 5px; 
} 


.clearboth 
{ 
clear: both; 
}

/* Menu prislusenstvi */

#menu2 
{ 
display:block;
width: 500px; 
height: 500px; 
} 

#menu2 ul 
{ 
margin-left: 50px;
padding:0; 
list-style-type:none; 
} 

#menu2 li 
{ 
display:block; 
float:left; 
margin-right:0px; 
width:150px;
height: 262px; 
} 

#menu2 li.list1t 
{ 
background: url("../pict/prislusenstvi_metraze.jpg") no-repeat; 
} 

#menu2 li.list2t 
{ 
background: url("../pict/prislusenstvi_naradi.jpg") no-repeat; 
} 

#menu2 li.list3t 
{ 
background: url("../pict/prislusenstvi_senzory.jpg") no-repeat; 
} 

#menu2 a 
{ 
display:block; 
width:122px; 
min-height: 262px;
padding-top:0px; 
padding-bottom:0px;
} 

#menu2 a#polozka1t 
{
background:transparent url("../pict/prislusenstvi_metraze_o.jpg") 150px 262px no-repeat; 
} 

#menu2 a#polozka2t 
{ 
background:transparent url("../pict/prislusenstvi_naradi_o.jpg") -150px -262px no-repeat; 
} 

#menu2 a#polozka3t 
{ 
background:transparent url("../pict/prislusenstvi_senzory_o.jpg") -150px -262px no-repeat; 
} 


#menu2 a#polozka1t:hover 
{ 
background-position:top right; z-index:50; color:#ff2; 
} 

#menu2 a#polozka2t:hover 
{ 
background-position:top right; z-index:50; color:#ff2; 
} 

#menu2 a#polozka3t:hover 
{ 
background-position:top right; z-index:50; color:#ff2; 
} 

/* Tabulka */

table 
{ 
text-align: center; 
margin: auto; 
} 

table caption 
{ 
margin: auto; 
background: #cfa; 
font-style: italic; 
padding: 0; 
} 

th, td 
{ 
padding: 0; 
} 

#tab3 table 
{ 
border: gray; 
background: #79b; 
width: 540px; 
border-collapse: collapse; 
} 

#tab3 th 
{ 
text-align: center; 
color: white;
padding: 5px;
} 

#tab3 tr.zahlavi th 
{ 
border-bottom: solid gray 1px; 
} 

#tab3 tr 
{ 
background: white; 
} 

#tab3 th, #tab3 td 
{ 
border: solid gray 1px; 
} 

#tab3 tr.sudy * 
{ 
background: white;
border: white;
border-collapse: collapse; 
} 

#tab3 tr.zahlavi th 
{ 
background: #0573c2; 
}