@media screen and (min-width: 801px) {

body		{font-family: sans-serif, Verdana, arial, sans-serif; font-size: 80%; background: #F1F1F1 url('/soubory/img/bg-body.jpg') 50% 0px no-repeat;}

.skryte		{display: none;}
.clear		{clear: both;}

p		{text-align: justify; letter-spacing: 0px;}
p.perex		{background-color: #EEEEDD; padding: 5px 10px; margin-bottom: 25px; xfont-style: italic; font-size: 110%; text-indent: 0px; line-height: 135%; letter-spacing: 0px;}

h1		{line-height: 140%; color: #660000; font-size: 180%; margin: 0px 0px 20px 0px;}
h2		{line-height: 140%; color: #660000; font-size: 130%;}
h3		{line-height: 140%; color: #660000; font-size: 120%;}
h3 a	{line-height: 140%; text-decoration: none; color: #0000CC;}
/* a		{color: #CC0000;} */


img.doprava  {float: right; padding: 3px; margin: 0px 0px 5px 20px; border: 1px solid #CCCCCC;}
img.doleva  {float: left; padding: 3px; margin: 0px 20px 5px 0px; border: 1px solid #CCCCCC;}



#top		{height: 120px; position: relative; background: #E0E0E0 /*url('/soubory/img/bg-top.jpg')*/ 100% 100% no-repeat; border: 2px solid #CCCCAA;}
#top h3		{height: 90px; background: url('/soubory/rvs-logo.png') 10px 50% no-repeat; padding: 30px 0px 0px 130px; margin: 0px; color: #882200; font-size: 200%; letter-spacing: 2px; font-style: italic; line-height: 120%;}
#top h3 span		{display: none;}
#top span	{position: absolute; left: 350px; top: 65px; color: #AA4433; font-size: 120%; letter-spacing: 2px; font-style: italic; font-weight: bold;}
#page_path	{font-size: 85%; margin: 0px 0px 5px 0px;}

#mob_menu_button button {display: none;}
#mob_menu_button2 button {display: none;}

#stranka	{max-width: 900px; line-height: 140%; margin: 0px auto; padding: 5px; background-color: #FFFFFF; border: 2px solid #FFFFFF;}
#obsah		{float: right; width: 70%; max-width: 650px; padding: 0px 15px 0px 0px;}


.obsah h2	{margin: 30px 0px 5px 0px; padding: 0px 0px 0px 10px; background-color: #F0F0F0; border-bottom: 1px solid #660000;}
.obsah h3	{margin: 30px 0px 5px 0px; padding: 0px 0px 0px 10px; background-color: #F0F0F0; border-bottom: 1px solid #660000;}


#levysl		{width: 200px;}

#levysl p {font-size: 85%;}

#menu         {width:200px; padding: 0px; margin: 0px 0px 20px 0px; xbackground-color: #FCF8F4; line-height: 110%;}
#menu h3      {text-align: center; font-size: 80%; color:#EEEEEE; background:#AA3535;}
#menu a       {display:block; color:#AA0000; text-decoration:none; xborder-bottom:1px solid #EEFFDD; font-family: verdana;}

#menu ul      {list-style-type:none;}
#menu li a      {padding:0px; margin:1px 0px; border-right: 5px solid #CCCCAA; border-bottom: 1px solid #DDDDCC;}
#menu ul.menu1      {margin:0px; padding:0px; letter-spacing: 1px;}
#menu ul.menu2      {margin:0px; padding:0px; letter-spacing: 0px; margin-bottom: 0px;}
#menu ul.menu3      {margin:0px; padding:0px;}
#menu ul.menu4      {margin:0px; padding:0px;}

#menu ul.menu1 li a  {background-color: #FAF5EA; color: #AA0000; font-weight: bold;}
#menu ul.menu2 li a  {color:#885500; font-weight: normal;}


#menu ul.menu1 li a {padding: 7px 5px 7px 18px; font-size:92%; xfont-weight:normal;}
#menu ul.menu2 li a {padding: 6px 5px 6px 30px; font-size:90%; font-weight:normal;}
#menu ul.menu3 li a {padding: 5px 5px 5px 40px; font-weight:normal; font-size:85%;}
#menu ul.menu4 li a {padding: 5px 5px 5px 50px; font-weight:normal;}

#menu ul li a:hover {background-image: url('/soubory/img/modra-sipka.gif'); background-repeat: no-repeat; background-position: 3px 50%; } 
#menu ul li a.active_page {background-color: #AA0000; color: #FFCC55; border-right: 5px solid #FFCC55;  border-bottom: 1px solid #FFCC55;} 
#menu ul li a.last_active_node {background-color: #CC5544; color: #FFCC55; border-right: 5px solid #CCCCAA; border-bottom: 1px solid #DDDDCC;}

#bottom	{font-size: 85%; color: #666666; line-height: 120%; margin: 15px 0px 0px 0px; padding: 2px; border-top: 1px dotted #AAAAAA;}



#spollist h2 {margin: 60px 0px 2px 0px; padding: 5px 10px; color: white; background-color: black;}
#spollist h3 {font-size: 140%; margin: 30px 0px 5px 0px; padding: 0px; border-bottom: 2px solid #000000;}
#spollist .anotace {margin: 5px 0px 5px 0px; padding: 0px; font-style: italic;}
#spollist h4 {margin: 3px 0px 3px 0px; padding: 0px;}


.tabulka  th  {border: 1px solid #AAAAAA; background-color: #CCCCCC;}
.tabulka  td  {border: 1px solid #CCCCCC; background-color: #FAFAFA;}


}












@media screen and (max-width: 800px) {
body		{font-family: sans-serif, Verdana, arial, sans-serif; font-size: 80%; background: #F1F1F1 url('/soubory/img/bg-body.jpg') 50% 0px no-repeat;}

.skryte		{display: none;}
.clear		{clear: both;}

p		{text-align: justify; letter-spacing: 0px;}
p.perex		{background-color: #EEEEDD; padding: 5px 10px; margin-bottom: 25px; xfont-style: italic; font-size: 110%; text-indent: 0px; line-height: 135%; letter-spacing: 0px;}

h1		{line-height: 140%; color: #660000; font-size: 180%; margin: 0px 0px 20px 0px;}
h2		{line-height: 140%; color: #660000; font-size: 130%;}
h3		{line-height: 140%; color: #660000; font-size: 120%;}
h3 a	{line-height: 140%; text-decoration: none; color: #0000CC;}
/* a		{color: #CC0000;} */


img.doprava  {float: right; padding: 3px; margin: 0px 0px 5px 20px; border: 1px solid #CCCCCC;}
img.doleva  {float: left; padding: 3px; margin: 0px 20px 5px 0px; border: 1px solid #CCCCCC;}


#mob_menu_button button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #660000;
    border: 0;
    color: #fff;
    font-size: 30px;
    cursor: pointer;
}



#top		{height: 120px; position: relative; background: #e8e7d5 url('/soubory/img/bg-top.jpg') 100% 100% no-repeat; border: 2px solid #CCCCAA;}
#top h3		{height: 90px; background: url('/soubory/rvs-logo.png') 10px 50% no-repeat; padding: 30px 0px 0px 130px; margin: 0px; color: #882200; font-size: 200%; letter-spacing: 2px; font-style: italic; line-height: 120%;}
#top h3 span		{display: none;}
#top span	{position: absolute; left: 350px; top: 65px; color: #AA4433; font-size: 120%; letter-spacing: 2px; font-style: italic; font-weight: bold;}
#page_path	{font-size: 85%; margin: 0px 0px 5px 0px;}

#stranka2	{line-height: 140%; margin: 0px auto; padding: 5px; background-color: #FFFFFF; border: 2px solid #FFFFFF;}


.obsah h2	{margin: 30px 0px 5px 0px; padding: 0px 0px 0px 10px; background-color: #F0F0F0; border-bottom: 1px solid #660000;}
.obsah h3	{margin: 30px 0px 5px 0px; padding: 0px 0px 0px 10px; background-color: #F0F0F0; border-bottom: 1px solid #660000;}


#levysl		{width: 200px;}

#levysl p {font-size: 85%;}


#menu {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 2em;
    }
    
#menu.zobrazit {
        display: block;
    }
    
#mob_menu_button2 button {
    width: 100%;
    background: #660000;
    border: 0;
    color: #fff;
    font-size: 200%;
    cursor: pointer;
}    

#menu         {padding: 0px; margin: 0px 0px 20px 0px; background-color: #FCF8F4; line-height: 110%;}
#menu h3      {text-align: center; font-size: 80%; color:#EEEEEE; background:#AA3535;}
#menu a       {display:block; color:#AA0000; text-decoration:none; xborder-bottom:1px solid #EEFFDD; font-family: verdana;}

#menu ul      {list-style-type:none;}
#menu li a      {padding:0px; margin:1px 0px; border-right: 5px solid #CCCCAA; border-bottom: 1px solid #DDDDCC;}
#menu ul.menu1      {margin:0px; padding:0px; letter-spacing: 1px;}
#menu ul.menu2      {margin:0px; padding:0px; letter-spacing: 0px; margin-bottom: 0px;}
#menu ul.menu3      {margin:0px; padding:0px;}
#menu ul.menu4      {margin:0px; padding:0px;}

#menu ul.menu1 li a  {background-color: #FAF5EA; color: #AA0000; font-weight: bold;}
#menu ul.menu2 li a  {color:#885500; font-weight: normal;}


#menu ul.menu1 li a {padding: 7px 5px 7px 18px; font-size:92%; xfont-weight:normal;}
#menu ul.menu2 li a {padding: 6px 5px 6px 30px; font-size:90%; font-weight:normal;}
#menu ul.menu3 li a {padding: 5px 5px 5px 40px; font-weight:normal; font-size:85%;}
#menu ul.menu4 li a {padding: 5px 5px 5px 50px; font-weight:normal;}

#menu ul li a:hover {background-image: url('/soubory/img/modra-sipka.gif'); background-repeat: no-repeat; background-position: 3px 50%; } 
#menu ul li a.active_page {background-color: #AA0000; color: #FFCC55; border-right: 5px solid #FFCC55;  border-bottom: 1px solid #FFCC55;} 
#menu ul li a.last_active_node {background-color: #CC5544; color: #FFCC55; border-right: 5px solid #CCCCAA; border-bottom: 1px solid #DDDDCC;}

#bottom	{font-size: 85%; color: #666666; line-height: 120%; margin: 15px 0px 0px 0px; padding: 2px; border-top: 1px dotted #AAAAAA;}



#spollist h2 {margin: 60px 0px 2px 0px; padding: 5px 10px; color: white; background-color: black;}
#spollist h3 {font-size: 140%; margin: 30px 0px 5px 0px; padding: 0px; border-bottom: 2px solid #000000;}
#spollist .anotace {margin: 5px 0px 5px 0px; padding: 0px; font-style: italic;}
#spollist h4 {margin: 3px 0px 3px 0px; padding: 0px;}


.tabulka  th  {border: 1px solid #AAAAAA; background-color: #CCCCCC;}
.tabulka  td  {border: 1px solid #CCCCCC; background-color: #FAFAFA;}
}


@media screen and (max-width: 500px) {
#top h3		{height: 90px; background: url('/soubory/rvs-logo-male.png') 10px 50% no-repeat; padding: 30px 0px 0px 130px; margin: 0px; color: #882200; font-size: 200%; letter-spacing: 2px; font-style: italic; line-height: 120%;}


.mob_tbl_rozlom td {
    float: left;
    width: 100%;}

}