body{
   	font-family: "tahoma"; color: #0462cc;
  	font-size: 12px;
	text-align: center;
	background-color: #FFFFFF;
	line-height: 120%;

}


input
{
color: #0a246a;
background: #FFFFFF;
border: 1px solid #0462cc;
font-family: "arial";
font-size: 12px;
}

.povinne
{
color: #0a246a;
background: #FFFFFF;
border: 2px solid #0462cc;
font-family: "arial";
font-size: 12px;
}


textarea
{
color: #0a246a;
background: #ffffff;
border: 1px solid #0462cc;
font-family: "arial";
font-size: 12px;
}


submit
{
color: #0a246a;
background: #dfefff;
border: 2px outset #0462cc;
font-weight: bold;
font-family: "arial";
font-size: 12px;
} 



table{
     font-family: "arial";
     font-size: 12px;
   
}
  
.diskuse {	 /* border: 1px solid navy; */
		background-color: #E9F4FA;
		 padding: 5px 5px 5px 5px;
		 margin: 5px 5px 5px 5px;
		 width: 458px;
}

.dline1{	
	position: relative;
	border-bottom: 1px solid #0462cc;
	width: 229px;
	float: left;
	margin-bottom: 5px;
}

.dline2{	
	position: relative;
	border-bottom: 1px solid #0462cc;
	width: 229px;
	float: right;
	margin-bottom: 5px;
}

#prvnimenu {

position: relative;
top: 10px;
width: 710px;
height: 14px;
text-align: right;
margin: 0px auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 30px;
font-family: "tahoma"; color: #0462cc;
font-size: 13px;
}

#logo {

position: relative;
top: 5px;
width: 780px;
height: 75px;
text-align: left;
margin: 0px auto;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
font-family: "tahoma"; color: #0462cc;
font-size: 20px;
}

#napis {

margin-left: 500px;
width: 200px;
height: 50px;
text-align: right;
margin-top: 10px;

background-color: transparent;
font-family: "tahoma"; color: #0462cc;
font-size: 20px;
}

#line {

position: relative;

width: 100%;
height: auto;
text-align: right;
background-color: #FFFFFF;
background-image: url(grafika/headmenu.png);
background-repeat: no-repeat;
background-position: center top;

margin: 0px auto;

}


#inline {

position: relative;

width: 780px;
height: auto;
text-align: center;
margin: 0px auto;
}

#navigace {

position: relative;

width: 100%;
height: 85px;
text-align: right;
background-color: #FFFFFF;
background-image: url(grafika/menu.png);
background-repeat: repeat-x;
background-position: center bottom;

margin: 0px auto;

}

#endline {
position: relative;
width: 7px;
top: 0px;
left: 560px;
float: left;
height: 600px;
text-align: left;
background-color: #62b9dc;
background-image: url(grafika/endline.png);
background-repeat: no-repeat;
background-position: 0 100%;
}



.page {
width: 780px;
margin: 0px auto; /* tohle centruje div page v mozille aj. */
text-align: left;
border: 10px solid #FFFFFF;
background-color: #FFFFFF;

}




#pridat{ position : relative;
	  float: right;
	  top : 40px;
	  right: 15px;
	  width : 100px;
	  height: 209px;
          padding : 0px;
      /*  text-align: center;
	  background-color: transparent;
	  background-image: url(grafika/book.png);
	  background-repeat: no-repeat; */

}





.clanek{

line-height: 150%;
text-align: justify;
/* color: #000000; */

}


	.obsahmenu ul {
		list-style: none;
		margin: 0;
		padding-bottom: 5px;
		border: none;
		padding-left: 0px;
		}
		
	.obsahmenu li {
		border-bottom: 0px solid transparent;
		margin: 0;
		}


	.obsahmenu li a {
		
		display: block;
		padding: 2px 2px 2px 15px;

		background-color: transparent;
		color: #0462cc;
		text-decoration: none;
		width: 210px;
		}

	html>body .obsahmenu li a {
		width: 210px;
		
		}

	.obsahmenu li a:hover {


		background-color: #dfefff;
		color: #0462cc;
		}




.odsad{

padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}

.odsadhmenu{

padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
}

.odsadmenu{

margin-top: 10px;
margin-left: 120px;

padding: 5px 10px 5px 10px;

width: 220px;
height: 115px;

line-height: 150%;
/* background-color: #008cd5; */
text-align: right;

}

.odsadmenu h1{ font-family: "trebuchet ms","helvetica"; color:#133a8b;
     font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}

.odsadmenu a{color: #133a8b;
font-size: 16px;
}
.odsadmenu a:hover{
  font-weight: bold;
  color: #133a8b;
  font-size: 16px;
  }


.vypis {
color: #FFFFFF;
}




#vlevo1 {
position: relative;
background-color: transparent;
background-image: url(grafika/menuhosting.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
width: 260px;
height: 149px;
color: #e77817;
float: left;
padding-top: 10px;
}

#vlevo2 {
position: relative;
background-color: transparent;
background-image: url(grafika/menurs.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
width: 260px;
height: 149px;
color: #e77817;
float: left;
padding-top: 10px;
}

#vpravo1 {
position: relative;
background-color: transparent;
background-image: url(grafika/menuprezentace.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
width: 260px;
height: 149px;
color: #e77817;
float: right;
padding-top: 10px;
}

#vpravo2 {
position: relative;
background-color: transparent;
background-image: url(grafika/menuostatni.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: right bottom;
width: 260px;
height: 149px;
color: #e77817;
float: right;
padding-top: 10px;
}


 #obsah {
        position: relative;
        width: 510px;
        height: auto;
        padding-top: 10px;
        float: left;

}

 #flipobsah {
        position: relative;
        width: 510px;
        height: auto;
        padding-top: 10px;
        float: right;

}


 #obsahhore {            position: relative;
                         background-color: transparent;
                         background-image: url(grafika/obsahhore.png);
                         background-repeat: no-repeat;
                         background-attachment: scroll;
                         background-position: center top;
                         width: 510px;
                         height: 23px;

}


 #obsahdole {
                        position: relative;
                        background-color: transparent;
                        background-image: url(grafika/obsahdole.png);
                        background-repeat: no-repeat;
                        background-attachment: scroll;
                        background-position: right bottom;
                        width: 496px;
                        height: auto;
			background-color: #F5FAFC;
			border: 1px solid #F1F1F1;
                        
                        padding: 5px 5px 5px 5px;

}

 #menuvlevo {
        position: relative;
        width: 256px;
        height: auto;
        padding-top: 5px;
        float: right;
}


 #flipmenuvlevo {
        position: relative;
        width: 256px;
        height: auto;
        padding-top: 5px;
        float: left;
}



 .menu {
        position: relative;
        background-color: #F5FAFC;
	border: 1px solid #F1F1F1;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: right bottom;
        width: 236px;
	height: auto;
        padding: 10px 10px 10px 10px;
        margin-top: 5px;
        float: right;

}



#dole {

position: relative;
top: 20px;
width: 800px;
height: 30px;
text-align: center;
background-color: #FFFFFF;
right: 10px;

clear: both; /* vykresli se az za menu a obsah */
 margin: 0px auto;

padding-top: 5px;
padding-bottom: 5px;


}
#uplnedole {
position : relative;
font-weight: normal;
height: 100px;
width: 780px;
margin: 0px auto;
}



#stat{ position : relative;
	  left : 15px;
	  width : 180px;
	  height: auto;
          padding : 0px;

}
.red {color: #FF0000;
font-weight: bold;

}
.orange {color: #e46d10;

}





.vpravo {
text-align: right;
width: 500px;
}
		
		

a    {text-decoration: none;

      color: #0462cc;

      }
a:hover    {text-decoration: none;

      color: #0462cc;


      }

.bluemenu a    {text-decoration: none;

      color: #FFFFFF;      }
.bluemenu a:hover    {text-decoration: underline;

      color: #EEEEFF;      }
.orangemenu a    {text-decoration: none;

      color: #FFFFFF;      }
.orangemenu a:hover    {text-decoration: underline;

      color: #EEEEFF;      }
      
      
.bile a    {text-decoration: none;

      color: #FFFFFF;      }
.bile a:hover    {text-decoration: underline;

      color: #EEEEFF;      }

      
.mega {
	font-family: "trebuchet ms","helvetica";
	color: #FFFFFF;
	font-size: 22px;
}


h5{ font-family: "trebuchet ms","helvetica"; color: #0462cc;
     font-size: 16px;
}

h4{ font-family: "trebuchet ms","helvetica"; color: #FFF;
     font-size: 16px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}





h3{ font-family: "verdana"; color: #FFFFFF;
     font-size: 16px;
margin-bottom: 3px ;
}

h2{ font-family: "verdana"; color: #0462cc;
     font-size: 14px;
}

h1{ font-family: helvetica; color: #0462cc;
     font-size: 18px;
}


img {

	border: none;
}

hr
{
border: dashed #047ac4 1px;
border-left: none;
border-right: none;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 220px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 15px "Times New Roman";
color: #0462cc;
background: transparent;
border-bottom: 3px solid #0462cc;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
/* text-transform: uppercase; */
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: #0462cc;
background: transparent;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:active{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/

background: white;
}




#navcontainer
{
padding-top: 15px;
margin-bottom: 1em;
overflow: hidden;
width: 780px;
margin: 0px auto;

background-color: transparent;

border: 0px solid #F1F1F1;

color: #FFFFFF;
font-size: 13px;
}

#navcontainer a {
color: #FFFFFF;
}

#navlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#navlist li
{
border-left: 1px solid #0462cc;
float: left;
/* line-height: 1.1em; */
margin: 5px;
padding: 0 .5em 0 .5em;
}

#navlist .sekce
{
float: left;
border-left: 0px solid #0462cc;
/* line-height: 1.1em; */
margin: 5px;
padding: 0 .5em 0 .5em;
font-weight: bold;
}
