/* ----------------------------------------------------------------------------------------------------------
    Autor: MoonLight CMS (www.moonlight-cms.cz), Koder: Marek Křivan (marek.krivan@moonlight-cms.cz)
---------------------------------------------------------------------------------------------------------- */

/*Hlavni nastaveni*/
*{padding: 0px; margin: 0px; border: 0px;}
ul li{list-style:none;}

html{background-color: #fcf5f5;}

body{ 
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 background: url(../images/background.gif) repeat-x; 
 text-align: center;
}

body a{ color:#b5263c; }
body a:active, body a:visited, body a:link{ text-decoration: none; }
body a:hover { text-decoration: underline; }


#master{
 margin:0 auto;
 width: 980px;
 text-align: left;
}

.header-cs{
 height: 104px;
}

.header-cs, .header-en{
 height: 104px;
}

.header-cs h1, .header-cs h2, .header-en h1, .header-en h2, .main .left h2, .main .right h2.galerie, .right h2.kurzy, .foto2 h2, .topmenu li, .topmenu li.o_nas ul li, .topmenu li.o_nas_en ul li
{
 position:relative;
}
.header-cs h1 span, .header-cs h2 span, .header-en h1 span, .header-en h2 span, .foto2 h2.noviny_a_casopisy span, .foto2 h2.televizni_vystoupeni span, .foto2 h2.odborne_konference span, .foto2 h2.galerie_praci span, .foto2 h2.kontakt span, .header h2 span, .main .left h2 span, .main .right h2.galerie span, .right h2.kurzy span, .foto2 h2.o_nas span, .foto2 h2.zamestnani span, .foto2 h2.hledej_praci span,  .foto2 h2.pro_firmy span, .topmenu li.o_nas span, .topmenu li.kurzy span, .topmenu li.companies span, .topmenu li.job span, .topmenu li.students span, .topmenu li.contacts span, .topmenu li.o_nas ul li.media span, .topmenu li.o_nas ul li.clanky span, .foto2 h2.poptavkovy_list span, .foto2 h2.recruitment span, .foto2 h2.personalni_audit span, .foto2 h2.assessment_centere span, .foto2 h2.developemet_centere span, .foto2 h2.pruzkum_spokojenosti span, .foto2 h2.pruzkum_firemni_kultury span, .foto2 h2.outplacment span, .foto2 h2.kurzy span, .topmenu li.odborne_konference span, .topmenu li.noviny_a_casopisy span, .topmenu li.tv_vystoupeni span, 
.topmenu li.o_nas_en span, .topmenu li.kurzy_en span, .topmenu li.job_en span, .topmenu li.companies_en span, .topmenu li.students_en span, .topmenu li.contacts_en span{
 position:absolute;
 top: 0px;
 left: 0px;
 z-index:1;
 display:block;
}

/*Hlavicka*/
.header-cs a, .header-en a{
 font-weight: bold;
}

.header-cs h1, .header-en h1{
 float: left;
 width: 203px;
 height: 66px; 
 display:inline;
 font-size: 15px;
}

.header-cs h1 span, .header-en h1 span{
 background: url(../images/logo_h1.png) no-repeat;
 width: 203px;
 height: 66px;
}



.header-cs h2, .header-en h2{
 width: 585px;
 height: 66px; 
 display:inline;
}

.header-cs h2 span{
 background: url(../images/jsme-experti-h2.png) no-repeat;
 width: 585px;
 height: 66px; 
}  

.header-en h2 span{
 background: url(../images/jsme-experti-h2-en.png) no-repeat;
 width: 585px;
 height: 66px; 
}

.log_lang{
  background: url(../images/background_header.png) no-repeat; 
  width: 980px;
  height: 37px;  
}

.log_lang div{ 
 padding-top:9px; 
 padding-left:876px;
}

#cs{
 margin-left:30px;
}

#en{
 margin-left:12px;
}



/* ---------------- homepage ---------------- */
.foto{ 
 background: url(../images/homepage_header_cz.jpg) no-repeat;
 width: 980px;
 height: 203px;
}

.foto2{ height: 102px;}

.foto2 h2 span{ 
 background: url(../images/aboutus_header_cz.jpg) no-repeat;
 width: 980px;
 height: 102px;
}

#leftmenu{
	float:left; 
	height:162px; 
	margin-top:105px; 
	padding-left:75px;
}

#leftmenu a:active, #leftmenu a:visited, #leftmenu a:link, #rightmenu a:active, #rightmenu a:visited, #rightmenu a:link{ 
 text-decoration: none; 
 color:#FFFFFF; 
}

#leftmenu a:hover { 
 text-decoration: underline; 
 color:#fdd7d7; 
}

#leftmenu li{
 list-style-image: url(../images/homepage_header_expec_item.gif);
 margin-bottom: 12px;
 font-weight: bold;
}

#rightmenu{
	float:left;  
	height:162px; 
	margin-top:105px; 
	padding-left:547px;
}

#rightmenu a:hover { 
 text-decoration: underline; 
 color:#b6dcfe; 
}

#rightmenu li{;
 list-style-image: url(../images/homepage_header_comp_item.gif);
 margin-bottom: 12px;
 font-weight: bold;
}


.szn_kurzu{
 padding-bottom:30px; line-height:18px; 
}

.szn_kurzu .div{
  padding-left:13px; padding-top:20px;
}

.szn_kurzu div p{width: 210px;}
/*.szn_kurzu div .odkaz{margin-bottom: 100px;}     */

/* ---------------- main ---------------- */
.main{
 background-color: #ffffff;
 width: 980px;
 height: 100%
}

.main td{vertical-align:top; font-size: 12px;}

.main_od{background: #ffffff; width: 980px;height: 50px;}

.left{
 background: url(../images/homepage_content_background2.gif) repeat-y;
 width: 220px;
 height: 1350px;
}

.left h2{
 position: relative
 font-size: 9px;
 top: 20px;
 left: 30px;
 height: 31px; 
 color: #ffffff;
 display:inline;
}

.left h2 span{
 background: url(../images/clanky.png) no-repeat;
 width: 585px;
 height: 31px; 
}

.left #tabulka{
 position: relative; top: 50px;
 left: -13px;
}

.left .on, .left .off{
 float: left;
 background-color: #ffe9b9;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-left: 32px;
 font-size: 15px;
 font-style: italic; 
}

 .left .on a{color: #000;}
 .left .on a:hover{text-decoration: none;}

.center{
 width: 450px;
 height: 100%;
 margin-left: 0px;
 line-height: 20px;
}

.center p{
 padding-top: 10px; 
}

.center p h2{
 font-size: 14px
}

.center p.vetsi{
 padding-top: 20px;
 font-size: 13px
}

.center h2{
 padding-top: 10px;
}

.right{
 width: 270px;
 margin-top: 20px;
 margin-left: 10px;
}

.right h2.galerie{
 position: relative;
 height: 33px; 
 display:inline;
 font-size: 15px;
}

.right h2.galerie span{
 background: url(../images/galerie_praci.png) no-repeat;
 width: 180px;
 height: 33px;
}

.right h2.kurzy{
 position: relative;
 height: 33px; 
 color: #ffffff;
 display:inline;
 font-size: 9px;
}

.right h2.kurzy span{
 background: url(../images/kurzy.png) no-repeat;
 width: 216px;
 height: 33px;
}


.right h2.kurz_kreativity{
 position: relative;
 height: 33px; 
 display:inline;
 font-size: 9px;
 color: #ffe9b9;
 margin-left: 3px;
}

.right h2.kurz_kreativity span{
 background: url(../images/kurz_kreativity_box.png) no-repeat;
 width: 209px;
 height: 33px; 
  position:absolute;
 top: 0px;
 left: 0px;
 z-index:1;
 display:block;
} 


.right h2.f_mana{
 position: relative;
 text-align: center;
 height: 22px; 
 display:inline;
 font-size: 9px;
  color: #ffe9b9;margin-left: 3px;
}

.right h2.f_mana span{
 background: url(../images/f_mana.png) no-repeat;
 width: 229px;
 height: 22px;
   position:absolute;
 top: 0px;
 left: 0px;
 z-index:1;
 display:block;
} 


.right .top{
 background: url(../images/homepage_contacts_top.gif) no-repeat #ffe9b9;
 width: 245px;
 height: 9px; 
} 

.right .c{
 background-color: #ffe9b9;
} 


.right .bottom{
 background: url(../images/homepage_contacts_bottom.gif) no-repeat #fff;
 width: 245px;
 height: 9px; 
} 

.right .top2{
 background: url(../images/homepage_contacts_top2.gif) no-repeat #ffe9b9;
 width: 270px;
 height: 14px; 
 
} .right .bottom2{
 background: url(../images/homepage_contacts_bottom2.gif) no-repeat #fff;
 width: 270px;
 height: 14px; 
} 
 
/*----------- foto home --------------------*/
#idx_banner{
	position: relative;
	margin-top: 20px;
}

#idx_banner2{
	position: relative;
	margin-top: 20px;
}

#idx_banner #pager {
	position: absolute;
	top: 330px;
	right: 10px;
	z-index: 25;
	background-color: #fcf5f5;
	padding: 5px;
}

#idx_banner .rot_vse{
	position: absolute;
	top: 330px;
	right: 10px;
	z-index: 25;
	background-color: #fcf5f5;
	padding: 5px;
	margin-right: 335px;
}

#idx_banner2 #rotate2{
 position: relative; left: 27px;
}

#idx_banner2 #pager2 {
	position: absolute;
	top: 160px;
	left: 35px;
	z-index: 9;
	background-color: #fcf5f5;
	padding: 3px;
}


#pager a, #pager2 a, .rot_vse a {
	font-size: 12px;
	background-color: #fcf5f5;
	padding: 0px 2px 0px 2px; 
	margin-left: 5px;
	text-decoration: none;
	margin-right: 3px;
}

#pager a:hover, #pager a.activeSlide, .rot_vse a:hover ,#pager2 a:hover, #pager2 a.activeSlide  {
	color: #fff;
	background-color: #b5263c;
	text-decoration: none;
}

#rotate, #rotate2 { 
   padding: 0 0 0px;  
   margin: 0;
	overflow: hidden;	
} 

.right .more{
 padding-top: 35px;
 padding-left: 15px;
 font-weight: bold;
}

#signin_menu {
 -moz-border-radius: 10px;
 -webkit-border-radius:10px;
  border-radius: 10px;
	display:none;
	background-color:#ebe6e6;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	margin-top: 13px;

}

#signin_menu .input-text {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #b5263c;
	font-size:13px;
	margin:0 0 5px;
	height: 30px;
	line-height: 30px;
	width:203px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #fff;
}

/*----------články----------*/
#tabulka td{vertical-align:top;}
.clanek{
 padding-bottom:20px; 
 padding-left:2px; 

}

.clanek_tit{
 background: #ffe9b9;
 width: 200px; 
 height:19px; 
 padding-top:4px;
 font-size: 12px;
 padding-left: 7px; 

}

.clanek_tit .cervena{
 color: #b5263c;
}

.clanek a.seda{
 color: #363636;
 font-size: 13px;
}

.clanek p{
 font-size: 12px;
 width: 205px;
 text-align:justify;
}

/* ---------------- footer ---------------- */
#footer{
	width:980px;
	height:56px;
	background-color:#fcf5f5;
	border-bottom:#d41c3b 2px solid;
	color:#b5263c;
	font-size:14px;
	padding-top: 0px;
}

#footer .f_oddelovac{
 width:980px; height:8px; background-color:#f2ebeb; margin-bottom:16px;
}

#footer .copy_ti{float:left; padding-left:14px;}
#footer .copy_more{float:left; padding-left: 100px;}

.paticka_odkazy{padding-left: 5px;}

.uvod_kurzy{
  text-align: left;
  width: 220px;
  height: 2px;
  border-top: solid 2px #b5263c;
  margin-bottom: 10px;
}

.pracovnici ul, .obsah ul{
  padding-top: 5px;
  padding-left: 25px;
}

.pracovnici li, .obsah li{
 list-style-image: url(../images/li-odrazka.png);
}