/* CSS Document */

body {
text-align: center;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#center {margin: auto; width: 770px;}  /* vycentrovani*/

/* horni_zaklad*/

#logo {width: 770px; height: 344px; background: url('obrazky/konec.jpg');}


#menu {

width: 770px; 
height: 63px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#menu ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu li {

float: left;
width: 154px;
height: 63px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu ul li a {
display: block;
width: 154px;
height: 63px;
background: url('obrazky/podklad_li2.jpg');
text-decoration: none;
font-size: 18px;
font-family : times;
color: #d9dadc;
margin: 0 0 0 0;
padding: 0 0 0 0;
}



#menu ul li a:hover {

display: block;
width: 154px;
height: 63px;
background: url('obrazky/a_hover.jpg');
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#menu ul li a:active {
display: block;
width: 154px;
height: 63px;
background: url('obrazky/a_hover.jpg');
margin: 0 0 0 0;
padding: 0 0 0 0;
}


#druhe_menu {

float: right;
width: 154px; 
margin: -63px 0 0 0;
padding: 0 0 0 0;
}


#druhe_menu ul {
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#druhe_menu li {

float: right;
width: 154px;
height: 63px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#druhe_menu ul li a {


display: block;
width: 154px;
height: 63px;
background: url('obrazky/podklad_li3.jpg');
text-decoration: none;
font-size: 18px;
font-family : times;
color: #d9dadc;
margin: 0 0 0 0;
padding: 0 0 0 0;
}



#druhe_menu ul li a:hover {

display: block;
width: 154px;
height: 63px;
background: url('obrazky/a_hover2.jpg');
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#druhe_menu ul li a:active {
display: block;
width: 154px;
height: 63px;
background: url('obrazky/a_hover2.jpg');
margin: 0 0 0 0;
padding: 0 0 0 0;
}


/* konec horejska*/


/* layout */ 

#center2 {width: 1000px; margin: auto;}

#sedy_l {

float: left;
width: 115px;
height: 900px;
background-color: #d6d8d7;
}


#stred {
float: left;
width: 770px;
height: 900px;
background-color: white;


}


#sedy_p {
background-color: #d6d8d7;
width: 115px;
height: 900px;
float: right;
}



#sedy_l_obj {

float: left;
width: 115px;
height: 770px;
background-color: #d6d8d7;
}


#stred_obj {
float: left;
width: 770px;
height: 770px;
background-color: white;


}


#sedy_p_obj {
background-color: #d6d8d7;
width: 115px;
height: 770px;
float: right;
}





#sedy_l_zbytek {

float: left;
width: 115px;
height: 1200px;
background-color: #d6d8d7;
}


#stred_zbytek {
float: left;
width: 770px;
height: 1200px;
background-color: white;


}


#sedy_p_zbytek {
background-color: #d6d8d7;
width: 115px;
height: 1200px;
float: right;
}


/* konec layoutu*/


/* obsah */

h1 {font-size: 30px; text-align: center; color: #a51918; padding-top: 15px; padding-bottom: 15px; font-family: Times New Roman, Arial;}
h2 {font-size: 23px; text-align: left; color: #4f5050; padding-top: 15px; font-family: Times New Roman, Arial; padding-bottom: 0px; margin-bottom: 0px;}
div.cara {width: 620px; padding: 5px 0px 0 50px; border-bottom: 1px #a51918 solid; float: left;}
div.cara2 {width: 380px; padding: 5px 0px 0 50px; border-bottom: 1px #a51918 solid; float: left;}


h3 {font-size: 28px; text-align: center; color: #a51918; padding-top: 15px; padding-bottom: 15px; font-family: Times New Roman, Arial;}
h4 {font-size: 21px; text-align: left; color: #a51918; padding-top: 5px; padding-bottom: 2px; font-family: Times New Roman, Arial;}
h5 {font-size: 24px; text-align: left; color: #a51918; padding-top: 0px; padding-bottom: 2px; font-family: Times New Roman, Arial; margin-top: 0px; margin-bottom: 15px;}
h6 {font-size: 26px; text-align: center; color: #5d5e5e; padding-top: 0px; padding-bottom: 2px; font-family: Times New Roman, Arial; margin-top: 0px; margin-bottom: 15px;}

div.odstavec {margin: 20px 10px 20px 20px;}
div.odstavec p {text-align: left; color: #5d5e5e; font-family: Times New Roman, Arial; font-size: 18px;}
div.odstavec a {text-decoration: underline; font-size: 18px; color: #5d5e5e; font-family: Times New Roman, Arial; font-weight: bold;}
div.odstavec a:hover {text-decoration: none; font-size: 18px; color: #5d5e5e; font-family: Times New Roman, Arial; font-weight: bold;}




.portret {width: 129px; height: 150px; float: right; position: relative; top: -33px;  border: #a51918 1px solid; margin-right: 15px;}
.portret2 {width: 190px; height: 140px; float: right; position: relative; top: -33px; }
.portret_ref {width: 150px; height: 128px; float: right; position: relative; top: -20px; margin: 0;}


div.odstavec ul {
list-style-type: square;
margin: 0 0 0 30px;
padding: 0 0 0 30px;
}

div.odstavec ul li {
padding: 3px 5px 3px 8px;
text-align: left;
color: #a51918; 
font-family: Times New Roman, Arial; 
font-size: 18px;
font-weight: bold;
}



#postup {
margin: 0px 0px 0px 180px;

}

div#postup ul {
list-style-type: square;
margin: 0 0 0 20px;
padding: 0 0 0 10px;

}

div#postup ul li {

margin-left: 15px;
text-align: left;
color: #a51918; 
font-family: Times New Roman, Arial; 
font-size: 18px;
font-weight: bold;

}



#navigace {
width: 180px;
height: 380px;
padding: 0 8px 5px 2px;
margin: 0 13px 5px 2px;
border-right: 2px #a51918 solid;
float: left;
text-align: left;
}

div#navigace a {text-decoration: underline; font-size: 18px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 5px 0 5px 0; margin: 15px 0 15px 0;}
div#navigace a:hover {text-decoration: none; font-size: 18px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 5px 0 5px 0; margin: 5px 0 5px 0;}



#navigace2 {
width: 180px;
height: 610px;
padding: 0 8px 5px 2px;
margin: 0 13px 5px 2px;
border-right: 2px #a51918 solid;
float: left;
text-align: left;
}

div#navigace2 a {text-decoration: underline; font-size: 18px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 5px 0 5px 0; margin: 15px 0 15px 0;}
div#navigace2 a:hover {text-decoration: none; font-size: 18px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 5px 0 5px 0; margin: 5px 0 5px 0;}




#ceny {
width: 500px;
height: 210px;
border-color: #a51918;
margin-left: 0px;
}

#ceny span {text-decoration: none; 
color: #a51918; 
font-family: Times New Roman, Arial; 
font-size: 18px;
 }


#objednat {text-align: left; width: 400px; float: left; font-family: Times New Roman, Arial; color: #a51918; font-size: 17px;}


form {margin: 4px;}
fieldset {border: 1px solid #4f5050; padding: 8px;}
input {border: 1px solid #4f5050;}
textarea {border: 1px solid #4f5050; font-size: 1em; width: 300px; height: 90px;}
legend {color: #a51918;}
.radio {border: 0;}
.radio_pos {position: relative; left: 100px; top: -20px;}
#mail {position: relative; left: 78px; margin-top: 5px;}



#odkazy {text-align: left;}
#odkazy a {text-decoration: underline; font-size: 14px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 2px 0 2px 0; margin: 0 0 0 0;}
#odkazy a:hover {text-decoration: none; font-size: 14px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 2px 0 2px 0; margin: 0 0 0 0;}
#odkazy p {clear: none; font-size: 14px; color: #4f5050; font-family: Times New Roman, Arial; font-weight: bold; padding: 2px 0 2px 0; margin: 0 0 0 0;}


.pata {
background-color: #4f5050;
width: 1000px;
height: 70px;
margin: auto;
color: #c2c4c3; 
font-family: verdana, arial; 
font-size: 13px;
font-weight: bold;
padding-top: 8px;
padding-bottom: 8px;
}

.pata a {text-decoration: underline; font-size: 13px; color: #c2c4c3; font-family: verdana;}
.pata a:hover {text-decoration: none; font-size: 13px; color: #c2c4c3; font-family: verdana; font-weight: bold;}