/*--  TEMPLATE --*/
#mates {width:220px; position: relative; background-color: #BEBEBE;display:block; float:right; padding:5px 5px 5px 5px;}
#mates a{color: red;}

* {margin: 0; padding: 0}
body{background:#FFFFFF; font:normal 11px Verdana; color:#4f4b48;}
h1,h2,h3{margin:0; padding:0; font:normal Verdana; color:#FF8309}
h1{font-size:12px;}
h2{font-size:11px;}
h3{font-size:11px;}
p,blockquote,ul,ol{line-height:18px; text-align:justify;}
blockquote{padding-left:20px;background:url(../images/img05.gif) repeat-y;}
a{color:#F49500;}
a:hover{text-decoration:none;}
img {border: none;}
td {font-size: 11px;}
fieldset {margin-bottom: 10px; padding: 8px; background-color: #f5f5f5;}
legend {font-weight: bold; color: #000000;}
input, textarea {font-size: 11px;}
form {padding: 0px; margin: 0px;}

/* Obalový Div */
#obal{width:740px; margin: 0 auto; position: relative; top:0px; background-color: #BEBEBE}
#obal2{width:740px; height:28px; background-color: #FFFFFF}

/* Header */
#header{width:740px; height:251px; background-color: #484A47}
#header1{position: relative; top: 13px; margin: 0 auto; width:703px; height:226px; background-color: #6A6F68}
#header2{position: relative; top: 14px; margin: 0 auto; width:671px; height:196px; background:url(../images/10.gif) no-repeat; }
#logo{position: absolute; top: 160px; left: 300px; width:331px; height:42px; background:url(../images/06.gif) no-repeat;}
#logo2{position: absolute; top: 1px; left: 34px; width:162px; height:250px; background:url(../images/03.gif) no-repeat;}

/* Menu */
#menu{width:740px; height:61px; margin: 0 auto; background:url(../images/09.gif);}
#menu ul{margin:0; padding-top: 20px; list-style: none;}
#menu li{display:inline;}
#menu a{display:block; float:left; padding:16px 65px 0px 50px; text-decoration:none; font: 10px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #484A47}
#menu a:hover{color: #484A47}

/* Content */
#content{width: 673px; margin:0 auto; margin-top:20px; background-color: #D6D6D6; text-align:justify;padding: 15px 10px 10px 20px;}

/* Mainpage */
#sloupec1{padding: 10px 15px 15px 0px; overflow: hidden;line-height: 18px;}
#sloupec1 ul {padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; list-style-type: none;}
#sloupec1 li {padding: 0px 0px 0px 0px; list-style-type: none;}
#sloupec1 p,pre {padding: 0px 20px 0px 20px;}
#sloupec2{float: right; width: 218px; padding: 0px 0px 0px 0px; overflow: hidden; background-image:url('04.gif'); background-repeat : no-repeat;}
#sloupec3{float: right; width: 218px; padding: 0px 0px 0px 0px; overflow: hidden; background-image:url('01.gif'); background-repeat : no-repeat;}
#sloupec4{overflow: hidden;width: 176px; padding: 0px 11px 0px 10px; margin: 0px 0px 10px 3px; background-color: #EEF0F0; border-left: 2px solid #AEADAB; border-right: 2px solid #AEADAB;border-bottom: 2px solid #AEADAB}
#sloupec5{overflow: hidden;width: 176px; padding: 10px 13px 10px 8px; margin: 0px 0px 10px 3px; background-color: #EEF0F0; border-left: 2px solid #AEADAB; border-right: 2px solid #AEADAB;border-bottom: 2px solid #AEADAB}
#sloupec6{overflow: hidden;width: 214px; padding: 0px 0px 0px 3px; background-image:url('02.gif');background-repeat : no-repeat;}
#sloupec7{overflow: hidden;width: 156px; padding: 0px 21px 5px 20px; margin: 0px 0px 0px 0px; background-color: #EEF0F0; border-left: 2px solid #AEADAB; border-right: 2px solid #AEADAB;border-bottom: 2px solid #AEADAB;}



/* Posts */
#posts{float:left;width:480px;overflow:hidden;}

/* Links */
#links{float:right;width:200px;padding-left:20px;background:url(../images/img05.gif) repeat-y;}
#links ul{margin:0;padding:0;list-style:none;}
#links li ul{padding:5px 0 30px 0;}
#links li li{padding:7px 10px;background:url(../images/img06.gif) repeat-x left bottom;}
#links li a{text-decoration:none;}
#links li a:hover{text-decoration:underline;}
#links li i{font-style:normal;font-size:9px;}
#links li h2{font-size:11px;}

/* Footer */

#footer{width:703px; height:61px; margin:0 auto; background:url(../images/08.gif) no-repeat;}
#footer2{width:740px; height:13px; margin:0 auto; background-color: #BEBEBE;}
#asociace{position: relative; top: 0px; left: 160px; height:61px; background:url(../images/atom.gif) no-repeat;}


.exp {border-bottom: 1px dashed #808080; cursor: help;} 
.leftimg {float: left; margin: 1px 10px 5px 1px;} 
.rightimg {float: right; margin: 1px 1px 5px 10px;}