/*  --------------------------------------------------
zakladne nastavania

viktor čech, www.vc.podstromami.com
start          - 09.07.2009 22:19
posledna zmena - 14.07.2009 10:49


Struktura:
1. Zaklad, hlavicka, obsah
2. Horna nav
3. Banner, hlavny blog, aktuality
4. Paticka
------------------------------------------------------ */

@import "reset.css";

.hide {display: none;}

/*  --------------------------------------------------
1. Zaklad, hlavicka, obsah
------------------------------------------------------ */
body {background: url(images/web-bg.png) 0 0 repeat-x #f8fbfd; margin: 0 auto; font: 0.75em Verdana, Arial, lucida, sans-serif; color: #000;}
#content {margin: 0 auto; width: 1280px; }
#header {background: url(images/header.png) 0 0 no-repeat; float: left; width: 1280px; height: 423px; position: relative; z-index: -1;}
#header a {position: absolute; overflow: hidden; width: 60px; height: 60px; float:left;left: 185px; top: 25px; z-index: 21;}
#logo {display: block; float: left; position: absolute; top: 15px; margin-left: 10px; z-index:1;}
.Headerlogo {height:80px; left:165px; position:absolute; width:80px; cursor: pointer; }
/*#obsah {background-color: #d9eaf3; clear: both; width: 1280px; float:left;}*/
#obsah {background-color: Transparent; clear: both; width: 1280px; float:left;}

#obsah a {color: #2d9541;}
.float_right {float: right; margin-bottom: -14px; }
.ControlPanel {position: fixed; bottom: 0px; z-index: 100001; }
.c_head_green {margin-left: 196px; }
.clear_float {clear:both; line-height:0; font-size:0; height:0;}
#obsah .login {position: absolute; width: 1093px; text-align:right; top: 8px; z-index: 2; color:green; font-size: 0.9em; }
#obsah .login a { text-decoration: none; }
#obsah .login a:hover { text-decoration: underline;}
.Languages {position: absolute; width: 60px; margin-left: 1045px; top: 88px; z-index: 2; clear: both; }
.Language img { padding:6px 4px; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline;}
.personalni_agentury {position: absolute; margin-left: 250px; margin-top: 140px; top: 0px }
.personalni_agentury span {width: 126px; height: 190px; position: absolute; top: 0px; z-index: 10; cursor: pointer; }
.personalni_oddeleni {position: absolute; margin-left: 705px; margin-top: 140px; top: 0px }
.personalni_oddeleni span {width: 126px; height: 190px; position: absolute; top: 0px; z-index: 10; cursor: pointer; }

/*  --------------------------------------------------
2. Horna nav (width a max-width su nastavenia pre IE6 a ostatne prehliadace)
------------------------------------------------------ */
ul#nav, ul#nav0 {position: absolute; top: 33px; width: 900px; margin-left: 298px; z-index: 10;}
/*ul#nav li {float: left;}*/
ul#nav li, ul#nav0 li {display: inline}
ul#nav li#a, ul#nav0 li#a {background: url(images/menu-l.png) top left no-repeat transparent;} /* GiTRiX */
ul#nav li a#houseMenuCurrentLink, ul#nav0 li a#houseMenuCurrentLink {color: #fff; background: url(images/menu-hover.png) top left repeat-x #000; height: 13px;} /* Aktivna polozka */
ul#nav li.current a, ul#nav0 li.current a {color: #fff; background: url(images/menu-hover.png) top left repeat-x #000; height: 13px;} /* Aktivna polozka */
/*ul#nav li a {padding: 20px 0;float:left; width: 50px; color: #000; text-decoration: none;}*/
ul#nav li a, ul#nav0 li a {padding: 20px 13px; float:left; color: #000; text-decoration: none;}
ul#nav li a:hover, ul#nav0 li a:hover
ul#nav li a:focus, ul#nav0 li a:focus {background: url(images/menu-hover.png) top left repeat-x transparent; color: #fff; text-decoration: underline;}
.english ul#nav {width: 950px; height: 54px; }
.english #nav li a {padding:20px 9px; max-width: 135px; text-align: center; height: 13px; }
.english #nav li#homepage a { padding-top: 13px; height: 20px; }

/*  --------------------------------------------------
3. Banner, hlavny blog, aktuality
------------------------------------------------------ */
#banner {background: url(images/banner.png) top left no-repeat transparent; width: 955px; height: 295px; margin: 0px 0 0 170px; position: absolute; top: 111px; _top: 60px; clear: both;}
#banner .text {float:left; color: #fff; width: 260px; position: relative; top: 50px; left: 220px; }
#banner .druhy {left: 415px; width: 230px;}
#banner h2, #banner h2 a {font-weight: bold; color: #FFFFFF; font-family:Verdana,Arial,lucida,sans-serif; text-decoration: none; font-size:1.09em; }
#banner h2 a:hover {text-decoration: underline; }

#obrazky {width: 350px; position: relative; left: 175px; float: left; margin-bottom: 20px; margin-top: 20px;}
#obrazky img {clear: both; float:left; border: 5px solid #0076af; margin: 5px 20px;}
#akt { width: 580px; position: relative; left: -167px; float: right;}
#akt h1, #akt h2 {font-weight: normal;}
#akt h2 {margin: 0 0 0 50px !important; font-size: 140%; color: #7a7a7a;}

ul#aktuality {float: left; margin: 22px 0 0 11px; width: 500px;}
ul#aktuality li {background: url(images/dot.png) 0 2px no-repeat transparent; padding: 0 0 0 17px; margin: 10px 0; list-style: none; }
hr {width: 925px; clear: both; margin: 20px auto; border-top: 1px solid #b4d3d3; border-bottom: 1px solid #fff; border-left: 0; border-right: 0; position: relative; left: -5px; top: 10px;}

.novinky {width: 430px; float: left; clear: both;}
.news h2 {clear: both; color: #2d9541; font-size: 240%; font-weight: normal; margin-bottom: 25px; margin-left:185px;}
.novinky p {margin-left: 19px;}
.novinky .datum {font-size: 0.8em; color: #3e3e3e; margin-bottom: 5px;}
/*.druha { left: 220px; top: 75px;clear: none;}*/
.druha { left: 220px; clear: none;}
.news {margin-bottom: 25px; margin-right:160px; }
.news .scroll {height: 225px; overflow: auto; margin-left: 190px; }


/*  --------------------------------------------------
4. Paticka
------------------------------------------------------ */
/*#footer {background: url(images/footer.gif) top left repeat-x transparent; width: 1280px; position: relative; height: 248px;float:left; margin: -220px auto 0 auto;}*/
#footer {background: url(images/footer.gif) top left repeat-x transparent; width: 1280px; position: relative; height: 248px;float:left; margin: 0 auto 0 auto;}

#footer p, #footer a {color: #fff;}
#footer p {width: 1280px; text-align: center; margin: 60px 0 0 0;}
#footer p#nom {margin: 20px 0 50px 0 !important;}
#footer .logo {float: right; margin-right: 170px;}

/*  --------------------------------------------------
4. Lightbox
------------------------------------------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; margin-top: -40px}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* --------------------------------------
5. Page content
----------------------------------------*/
.mycontent a img.screenshot
{
  padding:4px;
  border: 1px solid lightgrey;
}

.mycontent a img.screenshot:hover
{
  /*padding:3px;*/
  border: 1px solid black;
}


.mycontent .ProductFeatures {  }
.mycontent .ProductFeatures .FeatureColumn { float: left; width: 272px; height: 181px; padding: 40px 20px 0 83px; margin-bottom: 10px; background-repeat:no-repeat; }
.mycontent .ProductFeatures .FeatureColumn ul { margin: 0 0; }
.mycontent .ProductFeatures .FeatureColumn ul li { font-size: 0.75em; }
.mycontent .ProductFeatures span { height:35px; margin-left:-48px; margin-top:-39px; position:absolute; width:321px; z-index:10; }

.mycontent .ProductFeatures .kandidati {background-image: url(images/kandidati.jpg); }
.mycontent .ProductFeatures .spolecnosti {background-image: url(images/spolecnosti.jpg); }
.mycontent .ProductFeatures .jobservery {background-image: url(images/jobservery.jpg); }
.mycontent .ProductFeatures .pozice {background-image: url(images/pozice.jpg); }
.mycontent .ProductFeatures .reporty {background-image: url(images/reporty.jpg); }
.mycontent .ProductFeatures .sablony {background-image: url(images/sablony.jpg); }
.mycontent .ProductFeatures .gui {background-image: url(images/gui.jpg); }
.mycontent .ProductFeatures .import_export {background-image: url(images/export-import.jpg); }
/*english pages*/
.mycontent .ProductFeatures .candidates {background-image: url(images/en_kandidati.jpg); }
.mycontent .ProductFeatures .companies {background-image: url(images/en_spolecnosti.jpg); }
.mycontent .ProductFeatures .jobservers {background-image: url(images/en_jobservery.jpg); }
.mycontent .ProductFeatures .positions {background-image: url(images/en_pozice.jpg); }
.mycontent .ProductFeatures .reports {background-image: url(images/en_reporty.jpg); }
.mycontent .ProductFeatures .templates {background-image: url(images/en_sablony.jpg); }

.mycontent h2 {color:#0075AC; font-size:1.6em;}


.more-information {width:255px; text-align:right;}

.mycontent .productTable { border: 1px solid; margin: auto }
.mycontent .productTable td { padding: 4px }