/*  ---------------------------------------------------------------------------   hlavne konstrukcne casti: --------------------------------------------------------------------------- */
body{
	margin:0 auto;
	padding:0px;
	text-align:center;
	background-color:#FFF;
	color:#595959;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	font-weight:none;
}

div#bg{
	width:820px;
	margin:0 auto;
	padding:0px;
	background:url('img/bg_page.png');
}

div#page{
	width:800px;
	margin:0px 10px 0px 10px;
	padding:0px;
}

div#header{
	width:auto;
	height:150px;
	background:url('img/logo_new.jpg');
	border-bottom:1px solid #5888bf;
}

div#left_side{
	width:210px;
	float:left;
	background-color:#e1ebf4;
}

div#content{
	width:577px;
	float:left;
	text-align:justify;
	padding:0px 5px 0px 5px;
}

div#audio{
	width:190px;
	float:right;
	margin:0px -8px 0px 5px;
	background-color:#e1ebf4;
}

div#footer{
	width:auto;
	height:40px;
	clear: both;
	background-color:#e1ebf4;
	color:#7ba7cf;
	padding:5px 15px 0px 15px;
	font-weight:bold;
	border-top:1px solid #d8e3ed;
	font-size:12px;
}
div#footer2 {
	font-size:9px;
	font-weight:normal;
}
div#footer2 a {
	text-decoration:none;
	color:#7ba7cf;
}
div#right
{
	float:right;
	width:365px;
	text-align:left;
}

div#left
{
	float:left;
	width:200px;
	padding:10px 0px 0px 10px;
	text-align:center;
}

.breake{	
	height:-1px;
	clear: both;
}	

/*  --------------------------------------------------------------------------- --------------------------------------------------------------------------- */

/*  ---------------------------------------------------------------------------  MENU --------------------------------------------------------------------------- */
#nav{
background:url('img/bg_menu.png');
width:800px;
height:30px;
}

#nav ul li{
display:inline;
}

#nav ul{
margin:0px;
padding:0px;
}

#nav ul li a{
width:auto;
height:23px;
padding:7px 8px 0px 9px;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #EEEEEE;
font-size:12px;
font-weight:bold;
}

#nav ul li a:hover{
background:url('img/bg_menu_on.png');
text-decoration:underline;
color:#EEEEEE;
}

.last_li {
border: 0 !important;
}

/*  ------------------------------------------------------------------------------------------------------------------------------------------------------ */


/*  ---------------------------------------------------------------------------  TEXT TOOLS--------------------------------------------------------------------------- */
h1{
	font-size:17px;
	color:#000;
	margin:3px 1px 5px 1px;
	font-family:Arial;
}

h2{
	font-size:12px;
	color:#c70001;
	margin:5px 2px 1px 2px;
	font-family:Arial;
}

h3{
	font-size:12px;
	color:#215493;
	margin:0px;
	font-family:Arial;
}

h4{
	font-size:12px;
	color:#c70001;
	margin:0px;
	font-family:Arial;
}

h5{
	font-size:11px;
	color:#c70001;
	margin:2px 0px 1px 0px;
	font-family:Arial;
}

p{
	margin:2px 1px 10px 1px;
	padding:0px;
	text-align:justify;
	font-weight:none;
	font-size:12px;
}

ol
{
	font-size:12px;
	font-family:Arial;
}
.link{
	color:#333333;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}

.link:hover{
	color:#6896c0;
	text-decoration:underline;
}

.link_2{
	color:#686868;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	display:block;
	margin:3px 0px 3px 0px;
}

.link_2:hover{
	color:#6896c0;
	text-decoration:underline;
}

.link_3
{
	color:#686868;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
	margin:3px 0px 3px 0px;
	border-bottom:1px dotted #4065B2;
	font-size:13px;
}

.link_3:hover
{
	border-bottom:0px;
}

.link_home{
	font-size:12px;
	color:#c70001;
	font-family:Arial;
	text-decoration:None;
	font-weight:Bold;
	margin:0px 2px 0px 2px;
	border-bottom:1px solid #777777;
}

.link_home:hover{
	color:#548bcf;
	border-bottom:0px;
}

.green
{
	color:#39b44a;
	font-weight:bold;
	font-size:12px;
}

.red
{
	color:#f61111;
	font-weight:bold;
	font-size:12px;
}

.stop li
{
	list-style-type:none;
	font-size:12px;
	color:#000;
	margin:2px;
	font-family:Arial;
}

.myth{
	font-size:12px;
	color:#215493;
	margin:0px;
	font-family:Arial;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
.myth:hover
{
	color:#548bcf;
}


.myth2{
	font-size:12px;
	color:#c70001;
	margin:0px;
	font-family:Arial;
	text-decoration:none;
	display:block;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}
.myth2:hover
{
	color:#da4e4f;
}

/*  --------------------------------------------------------------------------- --------------------------------------------------------------------------- */


/*  --------------------------------------------------------------------------- INPUT'S --------------------------------------------------------------------------- */

.basic_input{
	width:175px;
	margin:1px 0px 1px 0px;
	border:1px solid #d2d2d2;
	color:#616161;
	font-size:11px;
}

.basic_input:focus{
	background-color:#fbfbfb;
}

.basic_textarea{
	margin:1px 0px 1px 0px;
	border:1px solid #d2d2d2;
	color:#616161;
}

.basic_textarea:focus{
	background-color:#fbfbfb;
}

.basic_button{
	margin:1px 0px 1px 0px;
	border:1px solid #838383;
	color:#333333;
	background-color:#dedede;
}

.input_small
{
	width:70px;
	margin:1px 0px 1px 0px;
	border:1px solid #d2d2d2;
	color:#616161;
}

/*  -------------------------------------------------------------------------- --------------------------------------------------------------------------- */

/*  ---------------------------------------------------------------------------  FIELD'S--------------------------------------------------------------------------- */

div.field_1{
	width:auto;
	margin:5px;
	padding:4px;
	background-color:#FFF;
	border:1px solid #DDDDDD;
	text-align:left;
	clear: both;
}

.clearfix:after {  
    content: ".";  
    display: block;  
    clear: both;  
    visibility: hidden;  
    line-height: 0;  
    height: 0;  
}  
  
.clearfix {  
    display: inline-block;  
}  
  
html[xmlns] .clearfix {  
    display: block;  
}  
  
* html .clearfix {  
    height: 1%;  
}

div.audio_1{
	_width:165px;
	margin:5px;
	padding:3px;
	background-color:#FFF;
	border:1px solid #DDDDDD;
	text-align:left;
}

div.field_scroll{
	width:auto;
	height:180px;
	margin:5px;
	padding:4px;
	background-color:#FFF;
	border:1px solid #DDDDDD;
	text-align:left;
}

div.example
{
	width:auto;
	padding:3px 70px 5px 70px;
}

/*  --------------------------------------------------------------------------- --------------------------------------------------------------------------- */

/*  ---------------------------------------------------------------------------  Tabulky --------------------------------------------------------------------------- */

.table_1
{
	width:auto;
	margin:5px;
	padding:2px;
	border:1px solid #666666;
	font-size:12px;
}

.why_tab
{
	text-align:center;
	width:auto;
	border:0px;
}
/*  --------------------------------------------------------------------------- --------------------------------------------------------------------------- */

.foto
{
	margin:0px 10px 0px 0px;
}

.img_0
{
	border:0px;
}