div, fieldset {position:relative;}
/* {z-index:0;}*/
.left_panel *, .right_panel *, ul, input
 { margin:0; padding:0;/*width: 100%;*/}

/* pozadi stranky,font stranky. */
body
{ /*font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Georgia, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;  
  background-color:#444444;
  color: white;
  background-image : url('../img/pattern.jpg');
  background-repeat: repeat;
  margin: 0px;
  padding: 0px;
  behavior: url("csshover3.htc");}
  
input
{ margin-bottom: 2px;
  margin-top: 2px;}

img
{ border: none;}

a
{ font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
  color: #aaaaaa/*#759fa1*/}	
 
a:hover
{ text-decoration: none;
  color: #adfbf8}

.header ul li, .right_panel ul li, .left_panel ul li
{ list-style-type : none;}

h1 
{ font-size : 20px;}

h2
{ margin-bottom: 4px;
  margin-top: 2px;
  font-size: 16px;}

h2 a
{ text-decoration: none;
  color: #aaaaaa}

h5
{ font-size:14px; 
  margin-top: 10px;
  margin-bottom: 5px;}

h6
{ font-size:13px; 
  margin-top: 3px;
  margin-bottom: 5px;}

.mandatory
{ visibility: hidden;
  display: none}

img.hint
{ margin-bottom: -5px;}
.right
{ float: right;}	

.add_this
{ float:left;
  width: 570px;
  padding: 2px;}

.addthis_button
{ float:right;
  width: 150px;
  padding: 5px;
 /* background-color: #eeeeee;
  border: 1px solid #dddddd;*/}

/* ----------------------------------------------- FORM ------------------------------------------*/

.form
{ width: 560px;
  float: left;
  background-color: #333333;
  background-repeat: repeat;
  color: #dddddd;
  padding: 10px;
  border: 1px solid rgb(114,114,114);
  margin-top: 15px;
  margin-bottom: 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;}

form
{ float: none;}

.form input[type=text], .form input[type=password]
{ height: 13px;
  padding: 4px 6px 4px 6px;}

.fill
{ background-color: #ffd6d7;}

.form a
{ color: black;}

.td_left
{ float: left;
  width: 120px;
  height: 21px;
  text-align: right;
  padding: 6px 20px 0px 0px;
  margin: 6px 0px 6px 0px;}

.td_right
{ float: left;
  width: 410px;
  height: 27px;
  margin: 6px 0px 6px 10px;}

.td_one
{ float:left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;}

.td_line
{ float:left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgb(116,116,116);
  padding-top: 15px;}
 
 #cke_editor1
 { margin-left: -18px;
   margin-right: -8px;
   float:left;
   position: relative}

 #cke_editor1 span.cke_skin_kama
 { border: none;}
  

/* -------------------------------------------END - FORM ------------------------------------------*/


#wrapper
{ margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  margin-bottom: 0px;
  width:945px;
  padding: 0px 10px 0px 10px;
  /*background-color: rgb(40,0,0);/* gold rgb(190,181,75), green rgb(48,144,0)*/
  background-image : url('../img/wrapper2.png');
  background-repeat: repeat;
  font-size:90%;
  float: none;}

/* hlavicka stranky*/
.header 
{ position:relative;
  float:left;
  height: 320px;
  width: 1000px;
  text-align: center;
  margin: 0px 0px 0px -30px;
  }

.head
{ position:relative;
  float:left;
  height: 320px;
  width: 1000px;
  background-image: url('../img/header2.png');
  background-repeat: no-repeat;
  z-index: 20;
  }

#header_pics
{ width : 290px;
  height: 190px;
  position: absolute;
  top: 65px;
  right : 8px;}
  
#header_pics ul
{ display: none}

.comp_pic
{ height: 297px;
  width: 127px;
  position: absolute;
  left: 32px;
  top: 8px;}

.comp_pic img
{ display: none;}

#logo
{ position: absolute;
  top: -25px;
  left: 400px;
  z-index: 21;}

#logo img
{ z-index: 25}
#login
{ position: absolute;
  right: 30px;
  top : 20px;}

#login a
{ text-decoration: none}
.path
{ position: absolute;
	bottom: 25px;
  left: 775px;
  z-index: 101;
  font-size: 11px;
  color: rgb(232,232,232)}
 
 .path a
 { font-size: 11px;}
 
.main 
{ float: left;
  height: 100%;
  width: 960px;
  margin-left: -4px;}

/* ---------------------------- Levy panel -----------------------------------*/
.left_panel 
{ width: 165px;
  height: 100%;
  float:left;
  z-index: 2;}

.left_box
{ float: left;
  color: black;
  margin-bottom: 5px;
  width: 165px;
}


.menu li a
{ text-decoration: none;
  padding-right: 40px;
  color: #eeeeee;}

.menu div.lbox_head
{ width: 170px;
  padding: 0px;}
 
.menu p
{ font-size: 11px;}

.lbox_head
{ background-image : url('../img/box_bg.png');
  background-repeat: repeat-y;
  /*width: 155px;*/
  height: 100%;
  float:left;}

.lbox_tail
{ background-image : url('../img/box_bottom.png');
  background-repeat: no-repeat;
  width: 170px;
  height: 18px;
  float:left;}

.lbox_content
{ background-image : url('../img/box_top.png');
  background-repeat: no-repeat;
  height: 100%;
  width: 145px;
  padding: 20px 10px 5px 10px;
  float:left;}

.menu li
{ padding: 4px 0px 4px 8px;
  font-size: 13px;
  border-bottom: 1px solid rgb(114,114,114);
  position: relative;
  float:left;
  width: 135px;
  z-index: 2;}

.menu li a
{ padding: 3px 0px 3px 0px;}

.menu li:hover
{ /*background-color: #deffba;*/}

.menu ul
{ margin-bottom: 10px;
  margin-top: 10px;
  float: left;}

.menu li.in
{ 
  width: 131px;}

.menu li.in a
{  color: #adfbf8;
padding-left: 5px;}

.menu li.in ul li a	
{ color : #eeeeee;
  padding-left: 0px;}

.menu li a:hover, .menu li.in ul li a:hover
{ padding-left: 5px;
  color: #adfbf8}
  
.submenu {
  position: absolute;
  float:left;
	padding: 2px;
	top: -10px;
	left: 140px;
	width: 165px;
	display: none;
	background-color: #444444;
	border: 1px solid #555555;
	z-index: 10;
}

.submenu li
{ border: none;
  width: 100%;}

/* --------------------------------- Stred -----------------------------------*/
.mp_bg
{ float: left;
  background-image: url('../img/mpanel_bg.png');
  background-repeat: repeat-y;
  margin: 0px 5px 10px 5px;
  width: 610px;}
  
.middle_panel 
{ float: left;
  width: 580px;
  height: 100%;
  color: #dddddd;
  background-image: url('../img/mpanel_top.png');
  background-repeat: no-repeat;
  z-index: 0;
  padding: 20px 15px 0px 15px;}

.mp_bottom
{ float: left;
  background-image: url('../img/mpanel_bottom.png');
  background-repeat: no-repeat;
  width: 610px;
  height: 60px;}

.middle_panel h1
{ margin-left: 35px;}

/*.middle_panel a
{ color: #5c1e00;}
*/

/* ------------------------------ Strankovani --------------------------------- */

.control_table_paging
{ float: left;
  width : 565px;
  font-size: 10px;
  margin-top : 10px;
  margin-bottom : 10px;
  padding: 3px;
  border: 1px solid #dddddd;
  background-color: #eeeeee;}

.control_table_paging a
{ font-size: 11px;}

.paging
{ float: left;
  width : 565px;
  font-size: 10px;
  margin-top : 10px;
  margin-bottom : 10px;
  padding: 3px;
  /*border: 1px solid #dddddd;
  background-color: #3b203d;*/}

.page_numbers a
{ padding: 4px 5px 4px 5px;
  margin: 5px 1px 2px 1px;
  background-color: #222222;
  border: 1px solid #dddddd;
  font-size: 11px;}

.page_numbers a:hover
{ background-color: #111111;}

.page_numbers a.in
{ background-color: #111111;
  color: white;}

.page_numbers span
{ padding: 4px 5px 4px 5px;
  margin: 5px 1px 2px 1px;
  border: 1px solid #dddddd;}

.page_numbers
{ margin-top: 10px;}


.brw_with_bg
{ background-image: url('../img/brw_bg.jpg');}

/* -----------------------------------------------------------------------------
/* ---------------------------- Album prehled --------------------------------*/
.album_td
{ position : relative;
  float: left;
  width : 560px;
  padding : 5px 5px 10px 5px;
  margin : 3px;
  /*border-bottom: 1px solid rgb(160,160,160);*/
  /*background-repeat: no-repeat;
  background-position: right;
  /*border: 1px solid rgb(0,0,144);
  background-color : rgb(176,208,255);/*rgb(144,144,255);
  color: rgb(3,3,3);*/}

.album_td a:hover
{ text-decoration: none;}

.album_td h4 a
{ color: rgb(64,0,0)}

.img_gallery_brw
{ position : relative;
  float: left;
  width: 126px;
  height: 126px;
  background-color: white;}
  
.brw_img_overlay
{ position : absolute;
  left: 0px;
  top: 0px;
  width: 126px;
  height: 126px;
  background-image: url('../img/album.png');
  background-repeat: no-repeat;}

.text_gallery_brw
{ float: left;
  width: 410px;
  height: 100%;
  margin-left: 10px;
  margin-top : 2px}
  
.text_gallery_brw p
{ width: 410px;}

.img_gallery_brw img
{ border: none;}

.brw_gallery_dates
{ position: absolute;
  width: 330px;
  bottom: 22px;
  left: 140px;
  font-size: 11px;}
.brw_gallery_dates p
{ float: none;}
  
.brw_edit_panel
{ float: right;
  margin-bottom: -4px;
  margin-right: 5px;
  margin-top: 10px;
  padding-left: 20px;
  border-bottom: 1px solid  #888888;
  z-index: 10;}

.brw_edit_panel ul
{ margin-left: 0px;
  margin-right: 4px;}

.brw_edit_panel li
{ float: left;
  display: inline;
  list-style: none;}

.brw_edit_panel li a
{ float: left;
  border: 1px solid #888888;
  border-bottom: none;
  margin-left: 1px;
  margin-top: 2px;
  padding: 1px 2px 1px 2px;
  background-color: #d7d7d7;
  color: #222222;
  font-size: 11px;
  text-decoration: none;}

.brw_edit_panel li a:hover
{ background-color: #888888;
  color: #d7d7d7;
  text-decoration: none;}

.album_td_icons
{ width: 75px;
  position: absolute;
  top: 85px;
  left: 138px;
  background-color: white;
  border-right: 1px solid #777777;
  border-top: 1px solid #777777;
  border-bottom: 1px solid #777777;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;}

/* ---------------------------- Editace fotek --------------------------------*/
.pic_edit_td
{ float: left;
  height: 105px;
  width: 100%;
  margin: 2px 5px 2px 0px;
  border: 1px solid rgb(196,196,196);}

.pic_edit_td img
{ float: left;
  margin: 3px;}

.pic_edit_td .form 
{ width: 410px;
  height: 76px;
  margin: 3px 0px 0px 8px;
}

.pic_edit_td .form div
{ height: 25px;
  width: 100%;
  vertical-align: middle;}
/*.pic_edit_td input
{ margin-top: 5px;
  margin-bottom: 5px;}*/

.album_edit_panel
{ float: left;
  width: 570px;
  height: 100%;
  border-bottom: 1px solid #aaaaaa;}

.album_edit_panel li
{ float: left;
  display: inline;
  list-style: none;}

.album_edit_panel li a
{ float: left;
  border: 1px solid #aaaaaa;
  border-bottom: none;
  margin-left: 2px;
  margin-top: 2px;
  padding: 2px 4px 2px 4px;
  background-color: #cccccc;
  color: #000000;
  text-decoration: none;
  font-size: 11px;}

.album_edit_panel li a:hover
{ background-color: #aaaaaa;
  color: black;
  margin-top: 1px;
  padding-bottom: 3px;
  text-decoration: none;}

.album_edit_panel li.in a
{ background-color: #444444;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 2px;
  color: rgb(229,229,229);}

#delete
{ width: 300px;
  margin-left: 100px;}


/* -------------------------- END Editace fotek ------------------------------*/

/* ---------------------------- Prohlizeni fotek -----------------------------*/
.album_pics
{ margin-top: 10px;
  float: left;
  width: 100%;}

/* This is the Alsett Clearing Method. */
#wrapper:after
{
 clear: both;
 content: ".";
 display: block;
 height: 0px;
 visibility: hidden;
}

img.v_youtube, img.v_vimeo
{ position:absolute;
  right: 5px;
  bottom: 5px;}

.pic_td
{ float: left;
  position: relative;
  width : 134px;
  height : 102px;
  margin : 3px;
  padding : 1px;/*
  border: 1px solid rgb(134,134,134);
  background-color: white*/}

.pic_td img
{ float: left}

.pic_td a
{ border: 1px solid rgb(134,134,134);
  padding: 2px;
  background-color: white;
  float:left;}

.pic_td a:hover
{ border: 1px solid #333333;}

/* ---------------------------------- Clanky browser------------------------------*/

.ar_td
{ position : relative;
  float: left;
  width : 565px;
  padding : 0px 5px 10px 0px;;
  margin : 3px 0px 3px 0px;
  /*background-image: url('../img/brw_bg2.png');
 /*color: rgb(3,3,3);
  border-bottom: 1px solid rgb(210,210,210);
  /*border: 2px solid #333333;
  /*background-color: #eaebfc;
  /*background-color: #dedef7;
  /*border-top: 1px solid black;*/}

.ar_td a:hover
{ text-decoration: none;}

.ar_pic_brw
{ float: left;
  width: 120px;
  padding: 2px;
  margin-left: 5px;
  background-color: white;
  height: 100%;}

.ar_text_brw
{ float: left;
  width: 405px;
  height: 100%;
  margin-left: 10px;
  margin-top : 2px;
  padding-bottom: 10px;}

.ar_title_brw
{ float: left;
  width: 564px;
  margin-bottom: 5px;
  padding: 1px 1px 1px 5px;}

.ar_title_brw a
{ }

.brw_article_dates
{ float: left;
  width: 390px;
  margin: 5px 0px 0px 10px;
  font-size: 90%;}

.ar_text
{ float: left;
  width: 550px;
  margin: 0px 10px 10px 4px;
  padding: 5px;
  /*font-family: Tahoma, Arial, Helvetica, 'Sans Serif';*/
  font-size: 12px;}

.ar_text p
{ margin: 10px 0px 10px 0px;
  height: 100%;}

.ar_text ul
{ padding: 5px 0px 2px 15px;}
/*.ar_text div
{ float: left; width: 550px; height: 100%;}*/
 
.ar_title_brw span.right
{ margin-top: -20px;
  margin-right: 5px;}
 
 .ar_edit
 { margin-bottom: 0px;}
 
 .right_top_button
{ float:right;
  margin: -40px 5px 10px 0px;
  margin-left: 450px;}


/* --------------------------------- Riders -----------------------------------*/
.riders_td
{ float:left;
  height: 130px;
  padding : 10px;
  width: 550px;}

.riders_td_cont
{ float: left;
  width: 390px;}

.riders_pic
{ float:left;
  width: 126px;
  height: 126px;
  margin-right: 20px;}

#prof_pic
{ float: left;
  border: 3px solid #444444;}

#prof_info
{ float:left;
  padding: 0px 0px 10px 20px;
  margin-left: 10px;
  width: 360px;
  border: 1px solid #444444;
  background-color: #222222;
/*  font-size: 12px;*/
  }

#prof_info strong
{ color: #777777;	}

.riders_panel
{ float: right;}

.riders_panel a
{ padding : 5px;
  background-color: #aaaaaa;
  color: #222222;
  border: 2px solid #222222;}


 .bottom
{ height: 50px;
  width: 1000px;
  margin-left: -30px;
  float: left;
  background-image: url('../img/bottom.png')}
  
.bottom p
{ float: right;
  margin: 20px 25px 0px 25px;}

/* --------------------------------- Pravej panel ----------------------------*/
.right_panel 
{ width: 165px;
  height: 100%;
  float: left;}

.right_box
{ float: left;
  margin-bottom: 10px;
  color: rgb(0,0,0);}

.right_box h6
{ font-size: 12px;}

.right_panel a
{ color: #8f5522;}

.content_block
{ float: left;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 5px;}

.twin1 { margin-bottom: 1px;}
.twin2 { margin-top: 0px;}

.text_block
{ position: relative;
  float: left;
  margin: 10px;}

.note
{ font-size: 10px;
  color: #aaaaaa;}

.error
{ background-color: #dbb2b2;
  background-image: url('../img/err.png');
  background-position: 10px 5px;
  background-repeat: no-repeat;
  color: #3f1b1b;
  width: 500px;
  padding: 10px 10px 5px 60px;
  margin: 0px 10px 15px 5px;
  border: 2px solid #3a2b2b;}

.info
{ background-color: #b8dcb8;
  background-image: url('../img/ok.png');
  background-position: 10px 5px;
  background-repeat: no-repeat;
  color: rgb(0,80,0);
  width: 500px;
  padding: 10px 10px 10px 60px;
  margin: 0px 10px 15px 5px;
  border: 2px solid rgb(0,80,0)}


.navig ul
{ width: 540px;
  float:left;
  margin-bottom: 10px;
  border: 1px solid #555555;
  margin-left : 10px;
  background-color: rgb(25,25,25);}
  
.navig ul li
{ list-style-type: none;
  float: left;
  border-right: 1px solid #eeeeee;
  padding-right : 5px;
  margin: 5px 0px 5px 5px;}

.navig a, .navig ul li, .navig ul li a
{ font-size: 10px;
  color: #cccccc;}