body{
  color: #767676;
  font-family: Arial;
  font-size: 13px;
  background-image: url("../images/layout/1px.jpg");
  background-repeat: repeat-x;
  background-position: top center;
  background-color: white;
  margin: 0;
}

div#obal{
  border: 0px solid black;
  width: 905px;
  margin: auto;         
}

h1#logo{
  top: 0px;
  left: 0px;
  position: absolute;
  border: 0px solid red;
}

h1#logo a{
  float: left;
  height: 100px;
  width: 250px;
  display: block;
  
}

h1#logo span{
  display: none;
}

#head{ 
  position: relative;
  clear: both;  
  width: 905px;
  height: 435px;
  background-image: url("../images/layout/head.png");
  margin: 0px auto;
}

div.obrazky{
  background-image: url("../images/layout/obrazky.jpg");
  width: 602px;
  height: 187px;
  margin-bottom: 0px;             
}

div#content-inside{
  width: 905px;
  min-height: 450px; 
  margin: 0px;
  margin-top: 10px; 
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
}

div#content-left{
  position: relative; 
  border: 0px solid green;
  float: left;
  width: 258px;
  margin-left: 0px;
}

div#content-right{
  position: relative;
  border: 0px solid blue;
  float: right;
  width: 602px;
  margin-right: 2px;
}

#text-left {
  border: 0px solid green;
  margin-left: -9px;
  width: 227px;
  height: auto;
  text-align: left;              
}

#board-kontakt{
  position: absolute;
  top: 180px;
  margin-top: 0px;
  font-family:  myriad pro; 
  font-size: 13px;
  float: left;
  width: 258px;
  height: 240px;
  background-image: url("../images/layout/rychly_kontakt.png"); 
}

#board-kontakt th{
  color: black;
  font-size: 13px;  
}

#board-kontakt td{
  font-weight: bold;
  font-family: myriad pro;
  font-size: 13px;
}

#board-kontakt td.mail{
  font-size: 12px;       
}

#board-inside{
  padding-left: 20px;
  padding-top: 23px;
}

#description{
  color: #4d4d4d;
  display: block;
  font-weight: bold;
  margin-top: 20px;
  padding-bottom: 10px;  
  line-height: 24px;
}

#description strong{
 color: #0e6364;  
 font-size: 15px;           
}


#board-kontakt a{
  font-weight: bold;
  color: #0e6364;               
  text-decoration: none;
}

#board-kontakt a:hover{
  text-decoration: underline;                      
}

#board-kontakt table{
  font-family: Arial;
  margin-top: 5px;
  color: #474747;
  border-spacing: 0px;
}

table {
    line-height: 24px;    
}

#board-kontakt table th{
  color: #474747;
  font-family: Arial;
  font-weight: bold;
  padding-right: 2px;
  text-align: left;
}            

#bottom{ 
  padding-bottom: 30px;
}

#bottom-text{ 
  position:relative; 
  background-image: url("../images/layout/bottom.png");
  border: 0px solid red;
  clear: both;
  width: 905px;
  height: 50px;
  margin: 0px auto;
}

#copyright{
  float: left;
  margin-right: 8px;
  margin-top: 16px;
  padding: 0px 0px 0px 10px;
}

#copyright span{
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
}

div#created{
  border: 0px solid white;
  position: absolute; 
  text-align: left; 
  float: left;
  left: 670px;
  margin-top: 18px;
}


div#created a{
  color: #ffffff;
  vertical-align: middle;     
  display: block;
  font-size: 11px;
  font-family: Arial;
  text-decoration: none;  
}

div#created a:hover{
  text-decoration: underline;    
}


h2{    
  display: block;
  color: #0e6364;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
 /*   
h2.proc_k_nam{    
  display: block;
  color: #2c2f76;
  font-size: 22px;
  font-weight: bold;
  font-family: Arial;
  margin: 0px;
  padding: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-bottom: 25px;
  margin-left: -25px;
  padding-left: 20px;
  width: 229px;
  border-bottom: 2px solid #a6a6a6;
}
     */
h3{    
  display: block;
  color: #0e6364;
  font-family: Arial;
  font-size: 15px;
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
  font-weight: normal;
}

p.kontakt{
  color: #423c3c;
  font-weight: bold;
  margin-left: 0px;
  font-size: 22px;
  margin-bottom: 5px;
  font-family: arial;
            
}

p{    
  color: #767676;
  line-height: 22px;
  text-align: justify;
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
}

ul{
  line-height: 22px;
  text-align: ;
  margin: 0px;
  margin-bottom: 20px;
  padding-left: 25px;
}

a{
  color: #0e6364;
  font-weight: normal;
}

hr.cleaner {
  width: 816px;
  clear: both;
  background: red;
  margin-top: 0px;
  visibility: hidden; 
}    

.first {
  width: 120px;
}  

.first1 {
  width: 150px;
}  
                                                                    
ul#menu{  
  clear: both;
  display: block;
  list-style: none;
  width: 100%;
  height: 50px;
  margin: 0px auto;
  padding: 0px;
  margin: 0px auto;
  padding-top: 376px;
}

ul#menu li {
  float:left;
  margin: 0px;
  padding: 0px;
}

ul#menu a {
  display: block;
  float: left;
  height: 50px;
  width: px;
}

ul#menu a span {
  display: none;
}

ul#menu a#item1,ul#menu a#item1-active{
  width: 177px;
  background-image: url("../images/layout/o_nas.jpg");
}

ul#menu a#item1:hover, ul#menu a#item1-active{
  background-image: url("../images/layout/hover_1.jpg");
}

ul#menu a#item2, ul#menu a#item2-active{
  width: 163px;
  background-image: url("../images/layout/sluzby.jpg");
}

ul#menu a#item2:hover, ul#menu a#item2-active{
  background-image: url("../images/layout/hover_2.jpg");
}

ul#menu a#item3, ul#menu a#item3-active{
  width: 188px;
  background-image: url("../images/layout/reference.jpg");
}

ul#menu a#item3:hover, ul#menu a#item3-active{
  background-image: url("../images/layout/hover_3.jpg");
}

ul#menu a#item4, ul#menu a#item4-active{
  width: 198px;
  background-image: url("../images/layout/poptavka.jpg");
}

ul#menu a#item4:hover, ul#menu a#item4-active{
  background-image: url("../images/layout/hover_4.jpg");
}

ul#menu a#item5, ul#menu a#item5-active{
  width: 179px;
  background-image: url("../images/layout/kontakt.jpg");
}

ul#menu a#item5:hover, ul#menu a#item5-active{
  background-image: url("../images/layout/hover_5.jpg");
}

div.hover{
  background-image: url("../images/layout/hover_1.jpg");         
  background-image: url("../images/layout/hover_2.jpg");            
  background-image: url("../images/layout/hover_3.jpg");
  background-image: url("../images/layout/hover_4.jpg");
  background-image: url("../images/layout/hover_5.jpg");
}
/*  
ul#menu a#item6, ul#menu a#item6-active
{
    width: 151px;
    background-image: url("../images/layout/item6.png");
}

ul#menu a#item6:hover, ul#menu a#item6-active
{
    background-image: url("../images/layout/item6-hover.png");
} 
*/

     /* S U B M E N U */

ul.submenu{      
    position: absolute;
    clear: both;
    list-style: none;
    width: 258px;
    left: 0px;
    height: auto;
    margin: 0px auto; 
}

ul.submenu, li.bytova_jadra {
    clear: both;
    display: block;
    width: 258px;
    height: 55px;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background-image: url("../images/layout/bytova_jadra.png");
}

ul.submenu, li.obklady_dlazba {  
    clear: both;
    display: block;
    width: 258px;
    height: 55px;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background-image: url("../images/layout/obklady_dlazby.png");
}

ul.submenu, li.mramor_zula {
    clear: both;
    display: block;
    width: 258px;
    height: 55px;
    margin: 1px 0px 0px 0px;
    padding: 0px;
    background-image: url("../images/layout/mramor_zula.png");
}

ul.submenu a {
    display: block;
    width: 258px;
    height: 55px;
    text-decoration: none;
}

     /* reference */
table#reference-list {
  padding-top: 10px;
  
  border-spacing: 0px;
}

table#reference-list td {
  text-align: left;
  padding-bottom: 10px;
  padding-right: 10px;
}

#reference-list a{
  width: 0px;
}

#reference-list img{
  border: 0px solid grey;
}

/* ----------------------- formulare ------------------- */
input, textarea {
  border: 1px solid #0e6364;
  padding: 3px;
  background-color: #FFFFFF;
}

input.submit {
  font-weight: bold;
  cursor: pointer;
  background-color: #0e6364;
  color: #FFFFFF;