html, body {
height: 100%;
padding-top:10px;
margin:0px;
}
body {
background: #e8eef1;
background-attachment: fixed;
background-position: top center;
font-family: "Arial";
font-size: 11px;
color:#FFF;
padding:0px;
margin:0px;
}
a, a:link {
text-decoration: none;
color:#000;
}
a:hover {
text-decoration: underline;
color:#000;
}
a:active {
text-decoration: underline;
color:#000;
}

.container {
background: #e8eef1;
width: 630px;
min-height: 600px;
padding-bottom: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 300px;
margin-bottom:20px;
position: relative;
}


.ramecek_clanky  {
float: left;
width: 630px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px dashed #102824;
border-bottom: 1px dashed #102824;
-moz-border-radius: 0px 0px 0px 10px; 
box-shadow: 5px 5px 0px #BBBBBB;
}

.ramecek_pokec  {
float: left;
width: 630px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px dashed #102824;
border-bottom: 1px dashed #102824;
border-top: 1px dashed #102824;
border-right: 1px dashed #102824;
}

.ramecek_clanky_cele  {
float: left;
width: 630px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px dashed #324b5e;
border-bottom: 1px dashed #324b5e;
border-top: 1px dashed #324b5e;
border-right: 1px dashed #324b5e;
-moz-border-radius: 10px; 
}

.externi_clanek  {
width: 500px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}

.ramecek_clanky_bez_vrsku  {
float: left;
width: 630px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border-left: 1px dashed #324b5e;
border-bottom: 1px dashed #324b5e;
border-right: 1px dashed #324b5e;
-moz-border-radius: 0px 0px 10px 10px; 
}

.pismo  {
float: left;
width: 630px;
height:auto;
background: #fff;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
border: 0px dashed #102824;
}

.ramecek_odkazyI   {
width: 630px;
background: #FFF;
font-family: "Arial";
font-size: 11px;
color:#000;
padding: 3px;
float: center;
border: 1px dashed #000000;
}

.ramecek_odkazyII   {
width: 630px;
background: #fff8f8;
font-family: "Arial";
font-size: 11px;
color:#000;
padding: 3px;
float: center;
border-left: 1px dashed #000000;
border-right: 1px dashed #000000;

}

#pocitadlo  {
font-family: "Arial";
font-size: 11px;
color:#000;
text-align: center;

}

#spodni_text  {
font-family: "Arial";
font-size: 11px;
color:#000;
text-align: right;
margin-right: 10px;
}

.ramecek_odkazyIII  {
float: left;
width: 630px;
height:auto;
background: #FFF;
font-family: "Arial";
font-size: 11px;
color:#000;
margin-left: 18px;
margin-right: 15px;
margin-top: -4px;
margin-bottom: 50px;
padding-top : 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;

}
#ramecekI  {
width: 139px;
min-height:401px;
background:  url(images/novinky.png);
color:#000;
margin-left: 10px;
margin-right: 0px;
margin-top: 8px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 9px;
border-right: 0px dashed #000;
filter: dropshadow(color=#b0b0b0, offx=5, offy=5, positive=true);
position: absolute;  top: -8px; left: -156px;
}
#ramecek_anketa  {
width: 160px;
min-height:281px;
background:  url(images/pravy_ramecek_anketa.png);
color:#000;
margin-left: 10px;
margin-right: 0px;
margin-top: 8px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 9px;
border-right: 0px dashed #000;
position: absolute;  top: 30px; left: 839px;
}

#ramecek_kolo  {
width: 130px;
min-height:204px;
background:  url(images/ramecek_kolo.png);
color:#000;
margin-left: 10px;
margin-right: 0px;
margin-top: 8px;
padding-left : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-top : 9px;
border-right: 0px dashed #000;
position: absolute;  top: 00px; left: 692px;
}



#horni_listaII {
width: 894px;
background:  url(images/horni_listaIII.png);
padding:0px;
margin-top: 10px;
margin-left: 10px;
height:312px;
position: absolute; left: -178px; top:-320px;

}

h3
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
height:20px;
margin:0px;
padding:0px;
color:#000;
width:718px;
text-align: left;
margin-bottom:5px;
font-weight:bold;

}



.vrchni_cast_ramecek {
width: 652px;
background:  url(images/vrchni_lista.png);
padding:0px;
margin-top: 20px;
margin-left: 10px;
height:auto;
clear:both;
position: relative; left: 8px;

}




#spodni_cast_ramecek {
width: 697px;
background:  url(images/spodni_lista.png);
padding-bottom:0px;
margin-left: 9px;
height:30px;

bottom: -30px;
position: absolute;

}

#celkovy_ramecek {


width: 690px;
min-height:600px;
_height: 600
color:#000;
margin-left:10px;
margin-right:10px;
padding-top:0px;
background: #ffffff;
border-right: 3px solid #324b5e;
border-left: 3px solid #324b5e;
}

#header_text
{
 position:relative;
 right:20px;
 top:50px;
 font-size:16pt;
 float:right;
 font-weight:bold;
}

img
{
 margin:5px;

}





#core_left {
margin: 0;
width: 774px;
height:auto;
}

.content-box
{

 padding:6px;
 height:auto !important;
 float:left;
 width: 720px;
 margin-bottom:20px;
 font-family: "Arial";
 font-size: 11px;
 color:#FFF;
 margin-left:10px;
}
.tumb
{
 float: left;
 margin-right:5px;
 padding:0px;
}

.pagination
{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}


h2
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:18px;
height:25px;
}

h4
{
font-family: "Verdana", Lucida Handwriting, sans-serif;
font-size:12px;
}




======================================================
//Menu//

#nav
{
width: 700px;
float: left;
background-color: #102824;

}

#nav ul
{
padding: 0;
}

#nav ul li
{
display: inline;
}

#nav ul
{
margin: 0;
padding: 0 0 0 0%;
color: #000;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .8em;
letter-spacing: 2px;
font-weight: bold;
padding-bottom:50px;
}

#nav ul li a
{
width: 70px;
height: 10px;
padding: 0.2em 15px;
margin-right:0px;
background-color: #FFF;
color: #000;
text-decoration: none;
float: left;
border-right: 0px; solid #128ac8;
border-bottom: 1px; solid #000000;

}

#nav ul li a:hover
{
background-color: #324b5e;
color: #FFFFFF;
}

} 
==================================================================================
#calendar
{
width: 160px;
padding: 0;
margin: 0;
border-left: 1px solid #102824;
font: normal 12px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #102824;
text-align: center;
background-color: #fff;
}

.nav, .nav a
{
font: bold 18px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
text-decoration: none;
}

caption
{
margin: 0;
padding: 0;
width: 287px;
background: #102824;
color: #fff;
font: bold 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

th
{
font: bold 11px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #102824;
background: #fff;
border-right: 1px solid #102824;
border-bottom: 1px solid #102824;
border-top: 1px solid #102824;

}

.today, td.today a, td.today a:link, td.today a:visited
{
color: #102824;
font-weight: bold;
background: #147c2f;
}
.bylo, td.bylo a, td.bylo a:link, td.bylo a:visited
{
color: #102824;
font-weight: bold;
background: #bc3030;
}

td
{
border-right: 1px solid #102824;
border-bottom: 1px solid #102824;
width: 40px;
height: 20px;
text-align: center;
background: #fff;
}

td a
{
text-decoration: none;
font-weight: bold;
display: block;
}

td a:link, td a:visited
{
color: #102824;
background: #fff;
}

td a:hover, td a:active
{
color: #102824;
background: #324b5e;
}