/******************************* 
 *     2009 Peter Pavlík       *
 * =========================== *     
 *     typic.zo@seznam.cz      *
 *******************************/

/**BODY**/
body {
background:#696969;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size : 80%;
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
/**ram**/
div#ram {
background:white;
width: 790px; 
height : auto;
text-align: center;
margin: 0px auto 0px auto;
padding: 5px 0px 5px 0px;
}
/**STRÁNKA**/
div#stranka {
width: 780px; 
height : auto;
text-align: left;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
/**HLAVA**/
div#hlava {
background:url('../tvar/hlava.jpg');
background-repeat : no-repeat;
width: 780px; 
height : 135px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#hlava a{
display : block;
width : 780px;
height : 104px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}
#hlava a:hover{ 
display : block;
width : 780px;
height : 104px;
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}
div#panel {
width: 780px; 
height: 20px;
text-align: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#navrh {
float: left;
width: 140px; 
height: 20px;
margin: 0px auto 0px 21px;
padding: 0px 0px 0px 0px;
}
#dodavka {
float: left;
width: 194px; 
height: 20px;
margin: 0px auto 0px 33px;
padding: 0px 0px 0px 0px;
}
#montaz {
float: left;
width: 170px; 
height: 20px;
margin: 0px auto 0px 30px;
padding: 0px 0px 0px 0px;
}
#servis {
float: left;
width: 138px; 
height: 20px;
margin: 0px auto 0px 32px;
padding: 0px 0px 0px 0px;
}
/**MENU**/
div#menu {
background:url('../tvar/menu.jpg');
background-repeat : no-repeat;
text-align: left;
width: 780px; 
height : 50px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 0px 30px;
}
div.menuodkaz {
background:url('../tvar/menuodkaz.png');
background-repeat : no-repeat;
width: 144px; 
height : 35px;
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.menuodkaz a{
color:white;
text-align: center;
font-size : 1.5em;
font-weight: bolder;
text-decoration: none;
display : block;
width : 144px; 
height : 35px;
margin : 0px 0px 0px 0px;
padding : 8px 0px 0px 0px;
}
.menuodkaz a:hover{
background:url('../tvar/menuodkazhover.png');
background-repeat : no-repeat; 
color:white;
text-align: center;
font-size : 1.7em;
font-weight : bolder;
text-decoration: none;
display : block ;
width : 144px; 
height : 35px;
margin : 0px 0px 0px 0px;
padding : 6px 0px 0px 0px;
}
/**OBSAH**/
div#obsah {
background:url('../tvar/obsahpozadi.jpg');
background-repeat : repeat;
text-align: center;
width: 780px; 
height : auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#levy {
float: left;
text-align: left;
width: 170px; 
height : auto;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#pravy {
float: right;
text-align: center;
width: 575px; 
height : auto;
margin: 0px 20px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#pata {
float: left;
background:url('../tvar/pata.jpg');
background-repeat : repeat;
text-align: center;
width: 780px; 
height : auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#strankapata {
clear: both;
background:url('../tvar/strankapata.jpg');
background-repeat : no-repeat;
text-align: left;
width: 780px; 
height : 14px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.oknohl {
background:url('../tvar/oknohl.jpg');
background-repeat : no-repeat;
text-align: left;
width: 170px; 
height : 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.okno {
background:url('../tvar/okno.jpg');
background-repeat : repeat;
text-align: left;
width: 170px; 
height : auto;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div.oknodl {
background:url('../tvar/oknodl.jpg');
background-repeat : no-repeat;
text-align: left;
width: 170px; 
height : 21px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
a.vyberodkaz {
background:url('../tvar/vyberodkaz.png');
background-repeat : no-repeat;
color :white;
text-align: center;
font-weight : bolder;
font-size : 1.2em;
display : block ;
width : 145px;
margin : 0px 0px 0px 13px;
padding : 2px 0px 2px 0px;
text-decoration: none;
}
a:hover.vyberodkaz {
background:url('../tvar/vyberodkazhover.png');
background-repeat : no-repeat;
color :white;
font-weight : bolder;
text-align:center;
font-size :  1.2em;
display : block ;
width : 145px;
 margin : 0px 0px 0px 13px;
padding : 2px 0px 2px 0px;
text-decoration: none;
}
a.vyberodkaztext {
background:url('../tvar/vyberodkaz.png');
background-repeat : no-repeat;
color :white;
text-align: center;
font-weight : bolder;
font-size : 0.8em;
display : block ;
width : 145px;
margin : 0px 0px 0px 0px;
padding : 4px 0px 4px 0px;
text-decoration: none;
}
a:hover.vyberodkaztext {
background:url('../tvar/vyberodkazhover.png');
background-repeat : no-repeat;
color :white;
font-weight : bolder;
text-align:center;
font-size :  0.8em;
display : block ;
width : 145px;
margin : 0px 0px 0px 0px;
padding : 4px 0px 4px 0px;
text-decoration: none;
}
/**********soubory**********/
div#soubory { 
text-align: center;
width: 540px; height : 100px; 
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}
/**********kestazeni**********/
div.kestazeni { 
float: left;
text-align: center;
width: 180px; height : 100px; 
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknoakce**********/
div#oknoakce { 
text-align: center;
width: 570px; height : 218px; 
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknojevicko**********/
div#oknojevicko { 
text-align: center;
width: 570px; height : 218px; 
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknomontaz**********/
div#oknomontaz { 
text-align: center;
width: 570px; height : 308px;
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknocerpadlo**********/
div#oknocerpadlo { 
text-align: center;
width: 570px; height : 218px;
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknolišta**********/
div#oknolista { 
text-align: center;
width: 570px; height : 218px;
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknopříprava**********/
div#oknopriprava { 
text-align: center;
width: 570px; height : 218px;
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**********oknoservis**********/
div#oknoservis { 
text-align: center;
width: 570px; height : 218px; 
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
div#oknotoshiba { 
text-align: center;
width: 570px; height : 218px;
margin : 5px 0px 8px 0px;
padding : 0px 0px 0px 0px;
}
/**ovladac**/
div#ovladac {
text-align: left;
width: 575px; 
height: 20px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
div#predchozi {
float: left;
text-align: left;
width: 145px; 
height: 20px;
margin: 0px 30px 0px 40px;
padding: 0px 0px 0px 0px;
}
div#zavrit {
float: left;
text-align: left;
width: 145px; 
height: 20px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
div#dalsi {
float: left;
text-align: left;
width: 145px; 
height: 20px;
margin: 0px 40px 0px 30px;
padding: 0px 0px 0px 0px;
}