@charset "UTF-8";

/* LAYOUT */
	* { 
		padding: 0; 
		margin: 0; 
	}

/* BODY */


body {
font: 9.5pt Arial, Veradana, Helvetica, sans-serif;
	background: url(../images/backbody.jpg) no-repeat fixed #005190;
margin: 0; 
padding: 0;
text-align: center; 
	color: #ffffff;
	line-height: 13pt;
	
}


.all #container {
	width: 975px;  
	margin: 0 auto; 
	text-align: left;
}



/* MAIN */

#mainContent {
	padding: 0px;
	margin: 0px;
	background: url(../images/pivo1.png) no-repeat bottom;
}

.all #mainContent .video {
	background: url(../images/ikona_video.png) no-repeat left;
	text-align:left;
	padding-left:30px;
	height:31px;
	line-height:30px;
	vertical-align:middle;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 10pt;
	letter-spacing: .1em;

}

.all #mainContent .foto {
	background: url(../images/ikona_foto.png) no-repeat left;
	text-align:left;
	padding-left:38px;
	height:31px;
	line-height:30px;
	vertical-align:middle;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 10pt;
	letter-spacing: .1em;

}

.all #mainContent .birell {
	background: url(../images/ikona_birell.png) no-repeat left;
	text-align:left;
	padding-left:30px;
	height:50px;
	line-height:45px;
	vertical-align:middle;
	color: #ffffff;
	font-family: Tahoma;
	font-size: 10pt;
	letter-spacing: .1em;

}


.all #mainContent h2 {
	color: #ffc800;
	font-family: Tahoma;
	font-size: 10pt;
	letter-spacing: .1em;
	font-weight: bold;

}


.all #mainContent #logo{
	width: 514px;
	height: 131px;
	background: url(../images/logo2.png) no-repeat
	
}

.all #mainContent #menu{
	width: 545px;
	height: 51px;
	background: url(../images/menu.png) no-repeat;
	text-align:center;
	float: right;	
}




/* LEFT */

.all #mainContent #left{
	width:600px;
	float:left;
	border: 0px solid white;
	margin-bottom:350px;
}



.righttext {
		text-align: right;
	color: #ffffff;
}
.righttext a, 
.righttext a:visited,
.righttext a:link,
.righttext a:hover
	{
	color: #ffffff;
	text-decoration: underline;
	
}


/* RIGHT */


.all #mainContent #right{	
	width:360px;
	float:left;
	margin-bottom:550px;
	margin-top: -50px;

}

.all #mainContent #right .nadpis  a,
.all #mainContent #right .nadpis a:visited,
.all #mainContent #right .nadpis a:link {
	color: #ffc800;
	font-weight:bold;
	text-decoration: none;
	line-height:20px;

	
}

.all #mainContent #right .nadpis a:hover{
	color: #ffc800;
	text-decoration: underline;
}

.all #mainContent #right .nenadpis {
	color: silver;
	font-weight:bold;
	text-decoration: none;
	line-height:20px;
	
}


.all #mainContent #left .nadpis  a,
.all #mainContent #left .nadpis a:visited,
.all #mainContent #left .nadpis a:link {
	color: #ffc800;
	font-weight:bold;
	text-decoration: none;
}

.all #mainContent #left .nadpis a:hover{
	color: #ffc800;
	text-decoration: underline;
}

.all #mainContent #left .kapitoly {
	color: #ffffff;
	font-weight:bold;
	text-decoration: none;
}


.all #mainContent #left .kapitoly  a,
.all #mainContent #left .kapitoly a:visited,
.all #mainContent #left .kapitoly a:link {
	color: #ffc800;
	font-weight:bold;
	text-decoration: none;
}

.all #mainContent #left .kapitoly a:hover{
	color: #ffc800;
	text-decoration: underline;
}

.all #mainContent #left a,
.all #mainContent #left a:visited,
.all #mainContent #left a:link {
	color: #ffffff;
	font-weight:bold;
	text-decoration: underline;
}

.all #mainContent #left a:hover{
	color: #ffc800;
	text-decoration: underline;
}




/* UNIVERSAL */


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}

.cerna span {
	width: 400px;
	height: 42px;
	display: block;
	position: relative;
	top: -42px;
	left: 0px;
	
}


#video_v_left {
    float: right;
    width: 160px;
}

#video_v_hodnoceni {
  margin-top: 170px;
}

.all #footer{
	height: 1px;
	
	
}

#hodnoceni {
  padding-top:2px;
}

#hodnoceni img {
  border: none;
}


#menu_text a, 
#menu_text a:visited,
#menu_text a:link {
	color: white;
	line-height:40px;
	vertical-align:middle;
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
	
}

#menu_text a:hover{
	color: white;
	text-decoration: underline;
}


.copy {
	
width:250px; height:50px;border: 0px solid white; position:relative; display:block; bottom:260px; left:40px; _bottom:210px
}


/* FORM */

form{margin:0; padding:0}
form p{margin:0}
.form fieldset{border:1px solid #FFFFFF; padding:2%; margin:0;}
.form fieldset legend{font-size:1.2em; font-weight:bolder; padding:0 0.7em; color:#ffffff}
.form label{display:block; float:left; width:119px; padding-right:1%; text-align:right; vertical-align:middle; line-height:2em}
.form label.small_lineheight{line-height:1.2em}
.form label.tarea{width:99%; text-align:left}
.form br{clear:both}
form.form input, select{float:left; border:1px solid #eae9d9; padding:0.3em; margin-bottom:0.5em; font-size:1em}
.form textarea.m1{width:70%; float:left; display:block; border:1px solid #eae9d9; padding:0.3em; margin-bottom:0.5em; font-size:1em}
.form input.text{width:35%}
.form input.text.width70{width:70%}
.form input.text.width50{width:17%}
.form input.text:focus, select.focus, select:hover{background:#ffc800; border-color:#ccc}
.form input.text:hover{border-color:#ccc}
.form input.text.error_text{border-color:#bf0000; color:#000}
.form input.text.ok_text{color:#000; border-color:Green}
.form select{width:auto; padding-right:0}
.form select option:after{content:""; margin-left:10px}
.form input.check{border:0; margin-right:0.5em}

.form input.button, button{font-size:1em; border:1px solid; font-weight:bolder; padding:0.2em; cursor:pointer; overflow:visible}
.form input.submit{padding:2px; border:2px solid #ffc800; background:#ffc800;}

.form form >input.button, form >button{width:auto}
.form input.button:hover, button:hover{background: silver; border:1px solid #E6AA29}
.form input.submit:hover{background:#000; border-color:#ddd; border:2px solid #000; color: #ffffff;}
.form input.button.verify, button.verify{background:#FAEE98 url('../img/form/btn_verify.gif') 0 2px no-repeat; padding-left:17px; border-color:#FCDF05}
.form input.button.verify:hover, button.verify:hover{background:#FCDF05 url('../img/form/btn_verify_h.gif') 0 2px no-repeat}
.form form input.button.error, form button.error{border-color:#7F0707; background:#BF0B0B url('../img/form/btn_error.gif') 0 2px no-repeat; padding-left:17px; color:White !important}
.form form input.button.error:hover, form button.error:hover{border-color:#BF0B0B; background:#EF1D1D url('../img/form/btn_error_h.gif') 0 2px no-repeat; color:White !important}
.form form input.button.ok, form button.ok{border-color:#2F6F00; background:#3D8F00 url('../img/form/btn_ok.gif') 0 2px no-repeat; padding-left:17px; color:White !important}
.form form input.button.ok:hover, form button.ok:hover{border-color:#3D8F00; background:#52BF00  url('../img/form/btn_ok_h.gif') 0 2px no-repeat; color:White !important}

.form p.specialdesc{float:left; width:17%; padding:0.5em; vertical-align:middle; line-height:1em !important}
.form p.desc, div.desc{display:block; clear:both; float:left; margin:-1% 0 1% 0; padding-left:123px; width:450px; color:#999}
.form div.desc{color:#000; margin-top:0.5em}
#sendpermalink p.desc{width:370px}
.form span.check{display:block; float:left; clear:left; width:410px; padding-left:21%}
#js_swf_problems{border:3px solid #bf0000; padding:10px 10px 10px 59px; font-size:12px; background:url(../img/main/alert.gif) no-repeat 0 50%}

.form div.infopanel{float:left; width:35%; vertical-align:middle; margin-left:1%}
.form form div.infopanel p{line-height:1em !important; padding:0.5em}
.form div.infopanel button{margin-left:0.5em}
.form form p img{margin:0 !important; padding:0 !important; vertical-align:bottom}



/* komentare */


#clanek_detail .prispevek_diskuze {

      border:  1px solid white;
      background: url(../images/pruhledna.png) repeat;

}


#clanek_detail .prispevek_diskuze .paticka {      

     background-color: #0084c5;
	
     position: relative;

}



#clanek_detail .reakce {

     background-color: #0084c5;

}



#clanek_detail .reakce .paticka {

      background-color: #0084c5;
      

}

.space5 {

      padding: 5px;

}

.space10 {

      padding: 10px;

}





#clanek_detail a,
#clanek_detail a:visited,
#clanek_detail a:link {

color: #ffc800;
text-decoration: none;
font-weight: normal;
}

#clanek_detail a:hover
{

color: #ffc800;
text-decoration: underline;

}

.myclear {

      display: table; 

      width: 100%;

      _clear: both;

      font-size: 0;

      height: 1px;

      line-height: 0;

}

.strankovani {

      font-size: 10px;

      text-align: center;

      border-top: 0px solid #252525;

      padding: 5px;


      margin-top: 5px;

      margin-bottom: 5px;

}



.strankovani a {

      color: #ff0000;

}

.strankovani a:hover {

      color: #000;

}