/*
--------------------------------------------------------
Kaskadove styly pro detail pozice v designu JOBS.CZ
--------------------------------------------------------
*/

/*
   ZMENY:
   2008/10/30 Hradecky L.
   2008/11/05 Hradecky L. - logo
   2008/11/07 Hradecky L. - shapes
   2008/12/02 Hradecky L. - uprava ramecku kontaktu v detailu, nyni je natahovaci
   2008/12/17 Hradecky L. - uprava ramecku kontaktu v detailu, natahovaci pro obe strany
   2009/01/06 Hradecky L. - fix varianty zarovani loga na stred
   2009/01/07 Hradecky L. - pridani fixu vysky ramecku v detailu pro nemecke texty (rozliseno pomoci .langDE)
   2009/01/13 Hradecky L. - 2px korekce ramecku v detailu
   2009/02/04 Hradecky L. - fix velikosti loga pro IE6
   2009/06/30 Hradecky L. - zmeny v ramci nove Prace 2009
   2009/08/28 Hradecky L. - zmena bloku s mapou
*/

/*
------------------------------------
    Logika
------------------------------------

Class "langDE" je nepovinna a pridava se do hlavniho obalovaciho divu #design-holder.
Slouzi pro CSS vyjimky v nemecke jazykovou verzi.
*/

/*
SCHOVANI nadbytecnych prvku pro brand Jobs.cz

Jobs:
- leve menu
- promo odstavec
- kontakt zamestnavatel(pouze label)
- kontakt kontaktni osoba(pouze label)
- kontakt adresa(pouze label)
- kontakt telefon(pouze label)
- kontakt email(pouze label)
- nadpisy H2
- vrchni tlacitko odpovedet
- kontakt misto(duplikace)
- kontakt vztah(duplikace)
- kontakt vzdelani(duplikace)
*/
#layout_content #design-holder #g2-menu,
#layout_content #design-holder .g2-detail #g2-promo,
#layout_content #design-holder .g2-detail #g2-contact h4.c2-za,
#layout_content #design-holder .g2-detail #g2-contact h4.c2-ko,
#layout_content #design-holder .g2-detail #g2-contact h4.c2-ad,
#layout_content #design-holder .g2-detail #g2-contact h4.c2-te,
/* #layout_content #design-holder .g2-detail #g2-contact .c2-fa, */
#layout_content #design-holder .g2-detail #g2-contact h4.c2-em,
#layout_content #design-holder .g2-detail #g2-contact .c2-mi,
#layout_content #design-holder .g2-detail #g2-contact .c2-pr,
#layout_content #design-holder .g2-detail #g2-contact .c2-vz,
#layout_content #design-holder h2,
#layout_content #design-holder .button-link
{
  display: none;
}

/*
ZOBRAZENI pozadovanych prvku pro brand Jobs.cz

Jobs:
- logo
- sidebar
- blok s mapou a udaji o pozici
*/
#design-holder #g2-logo,
#design-holder #g2-sidebar,
#design-holder .g2-detail #g2-map,
#design-holder .g2-detail #g2-map p
{
  display: block;
}


/*
------------------------------------
    Predpripravene definice
------------------------------------
*/
/* TIR - text image replace */
#design-holder #g2-sidebar h3 {
	display: block;
	position: relative;
}

#design-holder #g2-sidebar h3 span { /* obrazkove nadpisy a TIR */
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: left top;
	width: 100%;
	height: 100%;
}

* html #design-holder #g2-sidebar h3 a span { /* zmena kurzoru na "ruku" u odkazu pro IE */
  cursor: hand;
}
*:first-child+html #design-holder #g2-sidebar h3 a span {
  cursor: hand;
}

#design-holder .clear { /* clear pro floaty */
	clear: both;
	height: 1px;
	font-size: 1px;
	display: block;
	overflow: hidden;
}


/*
------------------------------------
    Detail pozice
------------------------------------
*/
#layout_content #design-holder {
  width: 790px;
  padding: 10px 15px 20px 15px;
  border: 0;
  background: #fff url(../images/container-bg.gif) repeat-x left top;
  font-size: 93%;
}

#design-holder .g2-detail {
  width: 590px;
  float: left;
}

#design-holder a, #design-holder a:visited {
  color: #0033AC;
}
#design-holder a:hover {
  color: #F68F00;
}

#layout_content #design-holder h1 {
  color: #C42E00;
  font-size: 15px;
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  padding-bottom: 15px;
  position: relative;
  top: 18px;
}

#layout_content #design-holder h2#g2d-name {
  display: block;
  background-color: #F6EEAE;
  font-size: 15px;
  margin: 0;
  padding: 7px 10px 7px 10px;
}

/* Logo */
#design-holder #g2-logo {
  width: 790px;
  margin-top: 5px;
  padding-bottom: 20px;
}
#design-holder #g2-logo img {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
#design-holder #g2-logo p {
  margin-bottom: 5px;
}
/* typy zobrazeni loga
- vychozi stav = zarovnane vlevo, text neobteka */
#design-holder .logo-stred-bez { /* logo na stred, neobtekane */
  text-align: center;
}
#design-holder .logo-stred-bez img {
  margin: 0 auto 10px auto;
}
#design-holder .logo-stred-bez p {
  text-align: left;
}
#design-holder .logo-vpravo-bez img { /* logo vpravo, neobtekane */
  float: right;
}
#design-holder .logo-vpravo-bez p {
  clear: both;
}
#design-holder .logo-vpravo-s img { /* logo vpravo, obtekane */
  float: right;
  margin-left: 30px;
  margin-bottom: 20px;
}
#design-holder .logo-vlevo-s img { /* logo vlevo, obtekane */
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
  vertical-align: top;
}

/* Popis pozice - text od klienta */
#design-holder #g2-desc {
  padding: 15px;
}

#design-holder h3 {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

#design-holder #g2-cont ul {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}
#design-holder #g2-cont li {
  list-style-type: none;
  padding-left: 10px;
  background: url(../images/odrazka.gif) no-repeat 0 7px;
}

#design-holder p {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
}

/* Mapa - informace o pozici */
#design-holder #g2-map {
  width: 558px;
  padding: 24px 17px 24px 15px;
  border-top: 2px solid #F6EEAE;
  border-bottom: 2px solid #F6EEAE;
  font-size: 90%;
}

#g2-map table {
  float: left;
  width: 350px;
  border: 0;
}
#g2-map th, #g2-map td {
  width: 50%;
  vertical-align: top;
  text-align: left;
  padding: 0;
  padding-bottom: 5px;
  line-height: 125%;
  border: 0;
}
#g2-map td {
  width: 50%;
  padding-right: 20px;
}
#g2-map .c2-ab td, #g2-map .c2-oz td {
  padding-top: 12px;
}
#map {
  float: right;
  width: 193px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
}
#map div {
  height: 174px;
  padding-bottom: 5px;
  background-color: #e0e0e0;
}
#g2-map p {
  padding: 0;
  padding-top: 10px;
  margin: 0;
}

/* Kontakty */
#design-holder #g2-contact {
  margin-top: 30px;
}
* html #design-holder #g2-contact {
  height: 10px;
}
#design-holder #g2-contact h4 {
  float: left;
  margin: 0;
  width: 158px;
  font-size: 100%;
}
#design-holder #g2-contact h4.c2-mi {
  border-top: 2px solid #F6EEAE;
  border-left: 2px solid #F6EEAE;
  padding: 13px 0 4px 12px;
}
#design-holder #g2-contact h4.c2-pr {
  border-bottom: 2px solid #F6EEAE;
  border-left: 2px solid #F6EEAE;
  padding: 0 0 13px 12px;
  margin-bottom: 15px;
}
#design-holder #g2-contact h4.c2-fa {
  float: none;
  display: inline;
  padding-left: 12px;
  font-weight: normal;
}
#design-holder #g2-contact p {
  clear: both;
  margin: 0;
  padding-left: 12px;
  width: 404px;
}
*:first-child+html #design-holder #g2-contact p {
  float: none;
}
#design-holder #g2-contact p.c2-mi {
  clear: none;
  float: left;
  border-top: 2px solid #F6EEAE;
  border-right: 2px solid #F6EEAE;
  padding: 13px 12px 4px 0;
}
#design-holder #g2-contact p.c2-pr {
  clear: none;
  float: left;
  border-bottom: 2px solid #F6EEAE;
  border-right: 2px solid #F6EEAE;
  padding: 0 12px 13px 0;
  margin-bottom: 15px;
}
#design-holder #g2-contact p.c2-fa {
  display: inline;
  padding-left: 5px;
}
#layout_content .langDE #g2-contact p.c2-pr { /* omezeni radku v nemecke verzi */
  padding-bottom: 27px;
  height: 15px;
  overflow: hidden;
}

/*
------------------------------------
    Sidebar
------------------------------------
*/
#design-holder #g2-sidebar {
  float: right;
  width: 178px;
  max-width: 176px;
  padding: 1px;
  border: 1px solid #b0bec7;
}
#design-holder #g2-sidebar h3 {
  padding: 8px 10px 8px 52px;
  font-weight: bold;
  color: #cc3300;
  background-color: #f6eeae;
  border-bottom: 2px solid #c42e00;
}
#design-holder #g2-sidebar h3 span {
  top: -7px;
  left: 10px;
  width: 33px;
  height: 34px;
  background-image: url(../images/dobry-duch.gif);
}
* html #design-holder #g2-sidebar h3 span {
  left: -42px;
}
#design-holder #g2-sidebar ul {
  list-style-type: none;
  margin: 0;
  padding-top: 8px;
  padding-right: 15px;
  border: 1px solid #fff; /* IE fix */
}
#design-holder #g2-sidebar li {
  display: block;
  margin-left: 7px;
  margin-bottom: 10px;
  padding-left: 20px;
  background: url(../images/odrazka-sipka.gif) no-repeat 4px 3px;
}
#design-holder #g2-sidebar li#s2-agent {
  background: url(../images/odrazka-agent.gif) no-repeat 0 0;
}
#design-holder #g2-sidebar li#s2-basket {
  background: url(../images/odrazka-kosik.gif) no-repeat 0 -2px;
}

/*
-------------------------------------------------
    Paticka - pouzita pro vyclearovani obsahu
-------------------------------------------------
*/
#g2-footer {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
  font-size: 1px;
  overflow: hidden;
}

/*
------------------------------------
    Shapes - detail pozice
------------------------------------
*/
#design-holder #g2-shape2, #design-holder #g2-shape3 {
  float: left;
  width: 50%;
  margin-bottom: 15px;
  !margin-bottom: 0;
}
#design-holder #g2-shape2 *, #design-holder #g2-shape3 * {
  padding-right: 30px;
}