/*
--------------------------------------------------------
Kaskadove styly pro konkretni design - konkretni klient
--------------------------------------------------------
*/

/*
   ZMENY:
   2010/02/26 Hradecky L. - narezani grafiky
*/


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

/*
SCHOVANI nadbytecnych prvku

- kontakt misto(duplikace)
- kontakt vztah(duplikace)
- kontakt vzdelani(duplikace)
*/
#design-holder .g2-detail #g2-contact .c2-mi,
#design-holder .g2-detail #g2-contact .c2-vz,
#design-holder .g2-detail #g2-contact .c2-pr
{
  display: none;
}

/*
ZOBRAZENI pozadovanych prvku pro brand Prace.cz

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


/*
-------------------------------------------------------------------
    Fixy obalek
    - idealne by melo byt v globalnim resetu
    (po otestovani na nekolika designech presunout do reset.css)
-------------------------------------------------------------------
*/
#layout_content_in_2_1 #design-holder ul {
  padding: 0; /* resetuje padding-left:10px z Jobs */
  margin: 0; /* resetuje margin-left:20px z Jobs, resetuje marginy z Prace */
}
#layout_content_in_2_1 #design-holder li {
  padding: 0; /* resetuje padding-left:10px z Jobs */
  margin: 0; /* resetuje margin-left:100px z Jobs */
  background: none; /* resetuje odrazky Jobsu - ctverecky */
}
#layout_content_in_2_1 #design-holder h1, #layout_content_in_2_1 #design-holder h2 {
  margin: 0 0 20px; /* resetuje odsazeni nadpisu na Jobs a praci */

}


/*
------------------------------------
    Predpripravene definice
------------------------------------
*/
/* TIR - text image replace */
#design-holder h1, #design-holder h2, #design-holder #g2-menu h3 {
	display: block;
}

#design-holder h1 span, #design-holder h2 span, #design-holder 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 #XXX a span { /* zmena kurzoru na "ruku" u odkazu pro IE */
  cursor: hand;
}
*:first-child+html #design-holder #XXX a span {
  cursor: hand;
}

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


/*
------------------------------------
    Spolecne - O nas, Vypis, Detail
------------------------------------
*/

/* Hlavni kontejner - sirka 820px */
#design-holder {
  z-index: 5;
  position: relative;
  overflow: hidden;
  width: 820px;
  padding: 240px 0 20px 0; /* zavisi na vysce hlavicky */
  background-color: #fff;
  font-family: Arial,Verdana,Helvetica,sans-serif;
  color: #333;
}
#design-holder a, #design-holder a:visited {
  color: #db001b;
  text-decoration: none;
}
#design-holder a:hover {
  color: #000;
  text-decoration: underline;
}

/* Hlavicka - vychozi vyska 100px(nepovinna) */
#design-holder h1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 730px;
  height: 187px;
  padding: 0 45px;
  color: #fff;
  font-size: 25px;
  font-weight: normal;
  line-height: 100px;
  background-color: #ed1c24;
}
#design-holder h1 span {
  width: 820px;
  height: 187px;
  background-image: url(../images/header.jpg);
}

/* Levy sloupec */
#design-holder #g2-menu h3, #design-holder #g2-menu strong {
  display: none;
}
#design-holder #g2-menu {
  position: relative;
  width: 160px;
  left: 45px;
}
#design-holder #g2-menu li {
  padding-bottom: 11px;
  list-style-type: none;
}

/* Odkazy v menu */
#design-holder #g2-menu a {
  position: relative;
  display: block;
  padding: 0px 0 0px 30px;
  font-size: 135%;
  line-height: 100%;
  color: #666;
  text-decoration: none;
  background: url(../images/menu.gif) no-repeat 0 0;
}
#design-holder #g2-menu a:hover {
  color: #db001b;
  background-position: 0 -16px;
}


/* Bannery */
#design-holder #g2-banner-1, #design-holder #g2-banner-2, #design-holder #g2-banner-3, #design-holder #g2-banner-4 {
  display: none;
}


/* Pravy sloupec */
#design-holder #g2-cont {
  position: relative;
  right: 34px;
  z-index: 2;
  float: right;
  width: 550px;
  padding: 0 20px 10px 20px;
  text-align: left;
  font-size: 110%;
  background: url(../images/content-bg.gif) repeat-y left top;
}

#design-holder p {
  margin: 10px 0;
}
#design-holder h2 {
  font-size: 200%;
  font-weight: normal;
  color: #000;
  margin-bottom: 20px;
}
#design-holder h3 {
  margin: 15px 0 8px 0;
  font-size: 110%;
  color: #000;
}
#design-holder h4 {
  margin: 20px 0 3px 0;
  font-size: 100%;
}
#design-holder #g2-cont ul, #design-holder #g2-cont ol {
  padding: 0;
  margin: 5px 0 15px 0;
}
#design-holder #g2-cont li {
  position: relative;
  padding-left: 14px;
  padding-bottom: 4px;
  margin-bottom: 1px;
  list-style-type: none;
  background: url(../images/odrazka.gif) no-repeat 0 5px;
  min-height: 1px;
}
* html #design-holder #g2-cont li {
  height: 1px; /* fix zobrazovani odrazky u dvouradkovych odkazu v IE */
}

/* Paticka */
#design-holder #g2-footer {
  display: block;
  width: 590px;
  height: 145px;
  margin-left: 205px;
  font-size: 1px;
  overflow: hidden;
  clear: both;
  background: url(../images/footer.jpg) no-repeat left top;
}


/*
------------------------------------
    Stranka - O nas
------------------------------------
*/


/*
------------------------------------
    Stranka - Volne pozice (vypis)
------------------------------------
*/
#design-holder .g2-list ul {
  margin: 15px 0 10px 0 !important;
}
#design-holder .g2-list li {
  padding: 4px 20px 8px 30px !important;
  background: url(../images/odrazka2.gif) no-repeat 10px 9px !important;
}
#design-holder #g2-cont li.ico-absolvent {
  background: url(../images/odrazka-absolvent.gif) no-repeat 0 5px !important;
}
#design-holder .g2-list li a:link, #design-holder .g2-list li a:visited {
  color: #000;
}


/*
------------------------------------
    Stranka - Detail pozice
------------------------------------
*/

#design-holder #g2-promo {
  margin: 0 0 20px 0;
}

/* Mapa - informace o pozici */
#design-holder #g2-map {
  position: relative;
  margin-left: -216px; /* 216 */
  margin-right: -57px;
  width: 605px;
  margin-top: 15px;
  padding-left: 216px;
  padding-bottom: 8px;
  background-color: #f3f3f3;
}
#design-holder #g2-map table {
  border: 0;
  width: 320px;
  float: left;
}
#design-holder #g2-map th, #design-holder #g2-map td {
  width: 40%;
  vertical-align: top;
  text-align: left;
  padding: 0;
  padding-bottom: 5px;
  padding-right: 15px;
  line-height: 125%;
  border: 0;
}
#design-holder #g2-map td {
  width: 60%;
  padding-right: 0;
}
#design-holder #g2-map .c2-ab td, #design-holder #g2-map .c2-oz td {
  padding-top: 12px;
}

#design-holder #map {
  float: right;
  width: 191px;
  text-align: right;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 45px;
  overflow: hidden;
}
#design-holder #map a {
  color: #000;
}
#design-holder #map div a {
  display: block;
  width: 181px;
  height: 174px;
  margin-bottom: 10px;
  border: 5px solid #fff;
  overflow: hidden;
  background-color: #666;
}
#design-holder #map div a:hover {
  border-color: #cecdcd;
}

#design-holder #g2-text #g2-promo {
  padding-top: 0;
  border: 0;
}

#design-holder #g2-contact {
  padding: 20px 0;
}
#design-holder #g2-map h2, #design-holder #g2-contact h2 {
  position: relative;
  font-size: 145%;
  padding-top: 10px;
  color: #000;
}
#design-holder #g2-contact h2 {
  padding-top: 0;
}
#design-holder #g2-contact h4 {
  float: left;
  margin: 0;
  margin-bottom: 7px;
  width: 29%;
  font-size: 100%;
}
#design-holder #g2-contact p {
  float: left;
  margin: 0;
  margin-bottom: 7px;
  width: 70%;
}
* html #design-holder #g2-contact p {
  float: left; /* fix IE6 */
}
*:first-child+html #design-holder #g2-contact p {
  float: none; /* fix IE7 */
}