body { background: #fff; 
       color: #000; 
       font-family: verdana,arial,Geneva,Helvetica,sans-serif; 
       margin-top:25px; 
       padding:0; 
       font-size: 100%
     }

#logo { color: #000; width: 760px; height:80px; background: url('grafika/choryne-cz.jpg') top left no-repeat;
	margin-left: auto; margin-right: auto; padding: 0; margin-bottom: 10px;}
#logo a { background-color: transparent; width: 294px; height: 47px; display: block; position: relative; margin: 0; padding: 0;}

/* layout and design of basic elements */
#main {	width: 760px; 
        border-left: 0px solid #c27f19; 
        border-right: 0px solid #c27f19; 
        border-top: 0px solid #c27f19; 
        font-size: 95%;
        margin-left: auto;	
        margin-right: auto;	
        margin-top: 0px; 
        padding: 0px; 
        color: #000; 
      }
#left {	float:left;	
        width:550px; 
        margin-right:5px; 
        margin-left:0px; 
        padding: 0px; 
        font-size:85%;
        border-left: 1px solid #c27f19; 
        border-right: 1px solid #c27f19;
	border-top: 1px solid #c27f19;
        border-bottom: 1px solid #c27f19; 
       }
#right { float:right;	
         width: 190px; 
         margin-left:5px; 
         margin-right:0px; 
         padding: 0px; 
         font-size:75%; 
         background-color: #ffd5a2; 
         border-left: 1px solid #c27f19; 
         border-right: 1px solid #c27f19;
	 border-top: 1px solid #c27f19;
         border-bottom: 1px solid #c27f19; 
       }
.column-in { margin:0; padding: 1em;}
.cleaner { clear:both; height:0px; font-size:0px; border:none; margin:0; padding:0; background:transparent;}
#bottom-page { width: 760px; 
               margin: 5px 0 0 0; 
               padding: 0.3em 0; 
               color: #000;
               font-size: 60%; 
               text-align: left; 
             }
#footer { width: 760px;	
          margin: 0; 
          padding: 0.3em 0; 
          border-bottom: 0px solid #000;	
          border-top: 0px solid #666;
	  background:#fff; 
          color: #000; 
          font-size: 70%; 
          text-align: center;
        }

#horni { width: 190px; margin: 0; padding: 0.3em 0; border-bottom: 1px solid #c27f19; background:#ffcc66; color: #000; font-size: 80%; }
#prostredni { width: 190px; margin: 0; padding: 0.3em 0; border-bottom: 1px solid #c27f19; border-top: 1px solid #c27f19; background:#ffcc66; color: #000; font-size: 80%; }

#krabice1 {float: left; width: 70px; padding: 2px; font-size:80%; border-left: 1px solid #000; border-right: 0px solid #000; border-top: 1px solid #000;border-bottom: 1px solid #000; }

/* design of rest of the page */
h1 { text-transform: uppercase; 
     font-size: 130%; 
     font-weight:bold; 
     border-bottom: 0px solid #aaa;
     line-height:1.35em; 
     text-align:center; 
     margin: 0 0 1.1em 0;
   }
h1,h2,h3,h4 { margin: 0.2em; color:#000;}
h2 { font-size: 100%; font-weight:bold; }
#right h1 span { color:#000; font-size: 100%; font-weight:bold; }
#right h2 { margin-top: 1.3em; }
h3 {font-size: 90%; margin-top: 1em;}

p { margin: 0.5em 0;
    text-align: justify;
  }
#left img {margin: 7px 0 7px 7px; display: inline; float: right; border: 0px;}
a { color:#3300CC; text-decoration: underline; }
a:hover { color:#6600ff; text-decoration:none; }

/* news */
.headlineDate	{ color:#666; }
.news			{ padding: 0.3em; background: #eee; border: 1px dashed #999;}
.news h2		{ font-size: 100%; font-weight:bold; text-transform: uppercase; margin-top: 0.4em;}
.news img		{margin: 7px 10px 0 0; display: inline; float: left; border:0px;}

div.box { float: left; height: auto; width: 350px; margin-right: 5px;}
div.right-box-in { font-size:80%;}

.column-in ul { padding: 0px; margin: 5px;  list-style-type: none;}
.column-in ul li { padding: 0.1em; padding-left: 0.1em; list-style-type: none;}

.photo { border: 1px solid #ccc; color: #000; text-align: center; 
			 background-color: #fafafa; width: 500px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;
			 }
.photo-img { margin: 10px;}
.photo-text { font-size: 80%; margin-top: 10px; text-align: center;}
.photo-smer { font-size: 80%; margin-top: 15px; margin-bottom: 15px; text-align: center;}