* {
padding: 0;
margin: 0;
border: 0;
}

body{
   font-family: Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, sans-serif;   
   font-style: normal;
   color: #ff6200;
   z-index: 10;
   line-height: 1.7em;
   font-size: 62.5%;
}

body, html{
	text-align: center; /*** Centers the design in old IE versions ***/
	height: 100%;
	padding: 0;
	margin: 0;
	border: 0;
   background: #fff url(./../../CZ/images/left2c.gif);
   background-repeat: no-repeat;
}

body{
	min-width: 760px;	
}

.center { text-align: center;}
.clear {clear: both;}

#mainContainer {
	min-height: 100%;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
	background: url(./../../CZ/images/back3b.gif) 100% 0 repeat-y;
}

* html #mainContainer {
	height: 100%;  /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}


.containerOut {
	padding-left: 165px;
	padding-right: 212px; 
}

.container {
  width: 100%;
  padding-bottom: -45px;
}

.float-wrap {
float: left;
width: 100%;
margin-left: -200px; /*** Same length as .outer padding-left but with negative value ***/
}

.contentWrap{
padding: 30px;
}


/*
************ HLAVICKA *************
*/

#header{
  	background: #ff6900;
	height: 165px;
}

#header .imageTitle{
	position: absolute;
	top: 3px;	
       left: 80px; 
}

#header .textTitle{
	visibility: hidden;
}

#header .mainTitle{
	margin-left: 100px;			
}

/*
************ LEVA STRANA *************
*/

.menuLeft{
	float: left;
	width: 100px;
	padding-left: 4.2em;
	position: relative; /*** IE needs this  ***/
}

* html .menuLeft {
	position: relative;  /*** IE needs this  ***/
}

.menuLeft a{text-decoration: none}
.menuLeft a:link{color: #fff}
.menuLeft a:visited{color: #fff}
.menuLeft a:active{color: #000}
.menuLeft a:hover{color: #000}


.menuLeft ul{
   padding-top: 3em;
   color: white;
   font-size: 18px;
}

.menuLeft ul li{
	list-style: none;
	padding-bottom: 1.2em;	
       padding-left: .7em;
}

.wrapLeft{
	position: relative;
   float: left;
	width: 200px; 
}

/*
************ PRAVA STRANA *************
*/

.menuRight{
  float: right; 
  width: 200px;
  padding: 5px 0 0 10px;
  position: relative; /*** IE needs this  ***/
  margin-right: -200px; /** This negative margin-right value is in this example the same as the right column width. ***/
  position: relative; /*** IE needs this  ***/
  color: white;
}

* html .menuRight {
	position: relative;  /*** IE needs this  ***/
	margin-right: -150px; /*** IE gets this margin. ***/
	_margin-right: -200px; /*** IE gets this margin. ***/
}

.menuRight table h2{
  font-size: 16px;
  font-style: medium;
  margin-bottom: 0.5em;
}

table.address{
       width: 190px;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: 10px; 
}

table.address td.data0{
	height: 400px;
}

table.address td.data1{
	height: 20%;
	padding-left: 1em;
       font-weight: normal;
       font-size: 15px;
}


table.address a:link{text-decoration: underline; color: #fff}
table.address a:visited{text-decoration: underline; color: #fff}
table.address a:active{text-decoration: underline}
table.address a:hover{text-decoration: underline}

/*
************ CENTRALNI OBLAST *************
*/

.pageBody{
	float: right;
	margin-right: -210px; 
	position: relative;
	margin-top: 2em;
	width: 100%;
   color: #ff9200;
}


.pageBody .div50{
	 display: block;	
	 float: left;
	 width: 49%;
}

.pageBody .div40{
	 display: block;	
	 float: left;
	 width: 39%;
}

.pageBody .div60{
	 display: block;	
	 float: left;
	 width: 59%;
}

.pageBody h3 { font-size: 16px; margin: 1em; }
.pageBody h4 { font-size: 16px; text-align: center; }
.pageBody ul {
	margin-bottom: 2.5em;	
}

.pageBody ul li{
	list-style: none;
	font-size: 15px;
       font-style: medium;
	padding: 0.2em;
       padding-left: -5px;
	list-style-image: url(./../../CZ/images/point.gif);
	ilist-style-position: inside;
}

.pageBody a {
	color: #ff9200;
	text-decoration: underline;
	font-size: 19px; 
}

.pageBody a{font-size: font-size: 1.5em;}
.pageBody a:link{color:#ff9144}
.pageBody a:visited{color:#ff9144}
.pageBody a:active{color:#000}
.pageBody a:hover{color:#000}


.pageBody a img{
	border: 0;
}


/*
************ FORMULARE *************
*/

#mainContainer form{
	font-size: 17px;
	color: #a09f9f;
}

#mainContainer form input{
	background: url(./../../CZ/images/form01.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 1em;
	padding-right: 1em;
	width: 293px;
	margin-bottom: 5px;
	font-size: 17px;
	color: #999999;
       font-family: "hncl","Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px;
}

#mainContainer textarea{
	background: url(./../../CZ/images/form02.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 1em;
	padding-right: 1em;
	width: 293px;
	height: 42px;
	margin-bottom: 5px;
	font-size: 17px;
	color: #999999;	
       font-family: "hncl","Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px;
	overflow: auto;
}

#mainContainer textarea.note{
	background: url(./../../CZ/images/form03.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 1em;
	padding-right: 1em;
	width: 485px;
	height: 55px;
	margin-bottom: 5px;
	font-size: 17px;
	color: #999999;	
       font-family: "hncl","Helvetica CE", "Arial CE", Helvetica, Arial, "sans-serif"; font-size: 13px;

}
#mainContainer input.agreement{
	width: 15px;
}

#mainContainer div.submit_cv{
	margin-left: auto;
	margin-right: auto;
}

#mainContainer td.agreement input{
       position: relative;
       margin: 0px;
	padding: 0px;
       top: 3px;
       left: 4px;
       border:0px none white;
       background-image: none;
}

#mainContainer form .submit_but{
	background: url(./../../CZ/images/form_send.jpg);
       background-repeat: no-repeat;
	width: 116px;
	height: 30px;
       text-align: center;
       margin-left: 15em;
}

#mainContainer table .agreement_checkbox{
	background: url(./../../CZ/images/check01.gif);
       background-repeat: no-repeat;
	width: 30px;
       height: 110px;
       float: left;
}

#mainContainer table .agreement_text{
	iposition: relative;
       left:80px;
       top: -100px;
}

#mainContainer table .captcha_picture{
       padding: 5px;
	float: left;	
}

#mainContainer table .captcha_text{
       margin-top: 1em;
	margin-left: 10em;
}

table.centered_table {
	width: 480px;
   	margin-left: auto;
   	margin-right: auto;
}

table.centered_table td {
	text-align: left;
}

table.centered_table td.agreement {
	text-align: justify;
	font-size: 15px;
	color: #cccccc;
	margin-bottom: 1.5em;
}

table.centered_table td.headline {
	text-align: center;
}

table.centered_table td.attachments{
       text-align: left;
       vertical-align: top;
	background: url(./../../CZ/images/form05.gif) 80px 0 no-repeat;
	margin-bottom:4em;
       iborder:1px solid red;
       height: 135px;
	padding-top:3px;
}

.pageBody h2{
	font-size: 2.2em; 
	letter-spacing: -1px; 
	font-weight: normal; 
	font-family: "Arial CE", Arial, Tahoma, "Verdana CE", Verdana, sans-serif; 
	line-height: 1.2em;
       margin-bottom: 2em;
}


.pageBody h3 
{ 
	color: #ff9200;
	font-size: 1.6em;
	letter-spacing: 0.001em;
	font-weight: normal;
}

.pageBody table tr td h3 
{ 
	color: #ff9200;
	font-size: 1.2em;
	letter-spacing: 0.001em;
	font-weight: normal;
}

.pageBody table tr td.text{
	color: #ff9200;
	letter-spacing: 0.001em;
	width: 400px;
	font-weight: normal;
	text-align: justify;
	font-size:100%;	
	padding-bottom: 2em;
}

.pageBody div.history_back{
	padding-top: 0.5em;
}

.pageBody div.poz_list{
    position: relative;
    margin-left: 7em;
    top: -2.2em;
    padding-right: 5em;	
}

.poz_list ul{
   color: #999999;
	list-style-image: url(./../../CZ/images/point2.gif);
	list-style-position: inside;
}

.poz_list ul li{
	list-style-image: url(./../../CZ/images/point2.gif);
	list-style-position: inside;
	padding: 2px;
       ipadding-left: 15px;
	&list-style-position: outside;
}



.poz_list h3{
    margin-left: 0;
    font-weight: bolder;
    color: #999999;
}

ul.job_list li{
	list-style-image: url(./../../CZ/images/point2.gif);
	list-style-position: inside;
       list-style-position: outside;	
}

ul.job_list li a{
   font-size: 18px;
}



/* SPECIALNI DODELAVKY pro EXTRA CSS */
.page_poz_detail h4, .page_poz_detail_central h3{
   color: #FF9200;
}

.page_poz_detail h4, .page_poz_detail_central h4{
	color: #666666;
	text-align: left;
       margin-bottom: 4px;
}

.detail_question{
	color: #cccccc;
	margin: 1em;
       text-align: center;
       font-size: 2.4em;
	font-family: Arial;
	margin-bottom: 1.5em;
}

.page_form_send {
	font-size: 1.6em;	
}

.page_form_send h3{
   color: #FF9200;
	margin-top: 3em;
	font-size: 1.3em;
}

.page_uvod{
	width: 640px;
	text-align: left;	
   	margin-left: auto;
   	margin-right: auto;
}

.page_uvod h3{
	margin-top: 3em;
       font-weight: bolder;
}

.page_uvod h4{
	margin: 1.5em;
	margin-bottom: .5em;
}

.page_form table{
	position: relative;
	top: -20px;
}


.page_form_send .thanks_text2{
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
	
.page_uvod ul li{
	&list-style-image: url(./../../CZ/images/point.gif);
}


/* HACK tlacitka */

#mainContainer div.fileinputs input{
	margin-left: 89px;
	width: 307px;
}

#mainContainer div.fileinputs .fakefile{
	height: 27px;
       &width: 500px;
}

#mainContainer div.fileinputs .fakefile input{
  position: relative;
  background: url(./../../CZ/images/form06.gif) no-repeat;
  height: 23px;
  padding: 2px;
  top: -12px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 5px;	
  padding-left: 5px;
  padding-right: 15px;
  width: 180px;
  &margin-left: 90px;
  &top:-4px;
  iborder: 1px solid red;
}

div.fileinputs img{
  margin-top: 5px;	
  &margin-top: 1px;	
}

#mainContainer div.fileinputs{
	position: relative;
}

#mainContainer div.fakefile{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

#mainContainer input.file{
	position: relative;
	text-align: right;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

#mainContainer input.file.hidden{
	width: 300px;
}



/* end HACK */