* {
   padding:0;
   margin:0;
}

html,body {height: 100%;}

body {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:80%;
}


#container
{
color:  	#333333;
background: #e0ffff;
margin: 0 auto;
padding:0px 10px 0px 10px;
width: 764px;
text-align:left;

}

#container:after{ 
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

#motto
{text-align: right;
font-size: 70%;
font-weight: bold;
margin-bottom: 20px
}

#header 
{
height: 80px;
margin:0;
}

#header a {
color:#003366;
margin-top:30px;
font-size:22pt;
text-decoration: none;
font-weight: bold
}

#mainBody
{
    width: 581px;
    _width:564px;
	background-color : #e0ffff;
    padding: 10px;
   border-top:1px solid #003366;
   border-left:1px solid #003366;
   	font-size:80%;
	float:left;
}

html>body #mainBody {
  width:565px;
} 

#mainBody h4
{
    color: 	#003366;
    background: #e0ffff;
   
        font-size : 110%;
       padding:8px 0px 2px 2px;
margin-top:0px;
margin-bottom:10px;
}

#mainBody p {
	margin:10px 3px 10px 2px;
}

/* Specialni styl spotu*/

         .post {
          padding-bottom: 10px;
	  font-size:10pt;
          } 
          .post-perex {
           margin-bottom:10px;
           }
           .post-text {
           margin-bottom:15px; 
           }
           .archperex {margin-bottom:5px;} 
           .archtext {margin-top:5px;}

         .doprava {
 	    text-align:right;
            font-size: 8pt;
            padding-bottom:0px;
            margin: 10px 0px 0px 0px;
          }

          q
          {
          width: 30em;
          margin: 0 0 0 15px;
          padding: 5px;
          display:block;
          }

        .post img  {
          border:none;
          padding:0px;
          margin-top:5px;
          margin-right:10px;
          margin-bottom:10px;
          margin-left:5px;
          }



/* Levé menu */

#left {
float:left;
background-color : #e0ffff;
width: 153px;
padding: 10px;
border-top: 1px solid #003366;
font-size: 10pt;
} 

html>body #left {
width:153px;
} 

#left h3
{
color:  	#003366;
background: transparent;
padding:10px 2px 5px 0;
font-size:12pt;
margin:0px;
}

#left p{
margin:5px 2px 10px 0;
font-size:8pt;
}

#left a
{
    font-weight: normal;
    text-decoration : none;
}

#left a:hover
{
    text-decoration : underline;
}

#left img 
{
 border:none;    
}

.rss-text {
 font-size:8pt;
}

ul {
list-style : none;
margin-left:5px;
padding-left:0px;
}

ol {
margin-left:15px;
margin-top:5px;
margin-bottom:5px;
padding-left:15px;
}



/* Komentare  */

.komentare {
        margin-top: 20px;
 	}
.komentar-tucny {
        font-weight:bold;
        margin-left:5px;
        }
.komentare-nadpis {
        font-size: 11pt;
        font-weight:normal;
        font-family:Arial;
        color:#333333;
        padding: 3px 0px 3px 0px;
        border-top: 1px solid #003366;
        border-bottom: 1px solid #003366;
        text-align:center;
        }
.komentare-info {
        padding: 10px 0px 10px 0px;
        font-size: 8pt;
        font-weight:normal;
        color: #333333;
        border-top: 1px solid #333333;
        }
input, textarea {
        color: #000; background-color: #f0ffff;border: 1px solid #003366;
        }
.komentar-text {
        overflow:hidden; 
        width:95%; 
        }
.komentar-text img {
       float:left;
}
.tlacitko {
        padding: 2px;
	font-size: 11px;
        font-weight:bold;
        color: #003366;
        background-color: #e0ffff;
        border: 1px solid #003366;
        margin-bottom:20px;
        cursor:pointer;
        }
.conform {
        margin-bottom:10px; 
        }


/* General styles */
body 
{
text-align:center;
    color: #003366;
    background: #e0ffff;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 90%;
    margin: 0;
    padding: 0;
}

a
{
    color: #003366;
    background: transparent;
}

a:hover
{
    color: #330066;
    background: transparent;
	text-decoration : underline;
}