
/* --- content --- */
#content { color: #333; background: #FFF url(/_pub/1d/fa/17/126237_204483_bg_content.gif) repeat-y top left; width: 952px; overflow: show;}
#content-top { background: url(/_pub/ed/7f/2c/126253_204483_bg_content_top.gif) no-repeat top left; }
#content-bottom { background: url(/_pub/be/45/a8/126243_204483_bg_content_bottom.gif) no-repeat bottom left; padding-bottom: 17px; }
#content.o-spolecnosti { background-image: url(/_pub/b9/42/35/126233_204483_bg_content_o_spolecnosti.gif); }
#content.o-spolecnosti #content-bottom { background-image: url(/_pub/57/24/6d/126239_204483_bg_content_bottom_o_spolecnosti.gif); }
#content a { color: #032B5A; }
#content a:hover, #content a:active, #content a:focus { color: #B0232A; }
#content ul { list-style: none; }
#content li { background: url(/_pub/bb/43/23/126369_204483_arrow_dark_blue.gif) no-repeat 0 6px; padding: 0 0 5px 15px; }
.article-short h2, .article-short h3, .article-short p { margin-bottom: 5px; }
.article-short h2 span { color: #E6E6E6; }
#article p img { border: 5px solid #E6E6E6; }

/* --- breadcrumbs --- */
#breadcrumbs { color: #717982; width: 952px; }
#breadcrumbs p { margin: 0 17px 0 230px; padding: 9px 0 11px 0; border-bottom: 1px solid #E6E6E6; }
#breadcrumbs a { color: #000; }

/* --- tooltips --- */
#tooltip {
	color: #419EDA;
	background: url(/_pub/44/6d/44/126267_204483_bg_tooltip.gif) no-repeat bottom right;
	width: 150px;
	position: absolute;
	padding-bottom: 7px;
}
#tooltip h3 {
	background: #FFF;
	font-size: 70%;
	font-weight: normal;
	margin: 0;
	padding: 8px;
	border-top: 1px solid #419EDA;
	border-left: 1px solid #419EDA;
	border-right: 1px solid #419EDA;
}
.tooltip { cursor: pointer; }

/* --- gallery --- */
#gallery h2 { clear: both; }
#gallery ul { list-style: none; }
#gallery a { background: url(/_pub/17/4c/f8/126245_204483_bg_thumb.gif) no-repeat top left; float: left; display: block; width: 99px; height: 79px; padding: 8px 0 0 8px;}
#gallery a:hover, #gallery a:active, #gallery a:focus { background-position: top right; }

/* --- write us --- */
#form-write-us td, #form-write-us th { vertical-align: middle; padding-bottom: 5px; }
#form-write-us input { padding: 2px 5px 3px 2px; }
#form-write-us textarea { font-family: verdana, tahoma, sans-serif;font-size: 100%; }

/* --- right column --- */
#right-column { float: right; width: 705px; padding: 15px 17px 0 15px; }
#content.o-spolecnosti #right-column { width: 735px; padding: 0 2px 0 0; }
#right-column p, #right-column ul { margin-bottom: 15px; }
#right-column p, #right-column li { line-height: 1.5em; }
.grey-bar { background: #E7E7E7 url(/_pub/95/f1/2/126235_204483_bg_bar_grey.gif) repeat-x top left; margin-bottom: 15px; padding: 15px; width: 675px; position: relative; }
.grey-bar .absolvents { background-position: 20px 3px; padding-left: 40px; }
.grey-bar select { margin-right: 5px; }

#movie { color: #FFF; background: #151515 url(/_pub/26/7c/fe/127395_207932_bg_movie.gif) repeat-x top left; float: right; width: 311px; margin: 0 0 15px 15px; padding: 14px 0 14px 0; }
#movie a { color: #969696; }
#movie h2 { color: #FFF; margin-left: 14px; }
#movie-container { width: 283px; height: 257px; margin-left: 14px; }

#google-maps, #google-maps-small { position: relative; padding: 3px; border: 1px solid #BFC5CC; }
#google-maps { width: 697px; height: 472px; }
#google-maps-small { width: 388px; height: 260px; }
#google-maps p, #google-maps h3 { margin-bottom: 5px; }
#google-maps-category a { color: #000; background: #FFF; text-decoration: none; display: block; margin-bottom: 5px; border: 1px solid #000; cursor: pointer; }
#google-maps-category a span { text-align: center; display: block; width: 150px; padding: 3px 0 3px 0; border-right: 1px solid #B1B1B1; border-bottom: 1px solid #B1B1B1; }
#google-maps-category a.active { font-weight: bold; }
#google-maps-category a:hover, #google-maps-category a:active, #google-maps-category a:focus { color: #000; outline: none; }
#google-maps-legend.grey-bar { margin-bottom: 5px; padding: 5px 15px 5px 15px; }
#google-maps-legend li { background: none; float: left; padding: 0 20px 0 0; }
#google-maps-legend img { margin-right: 5px; vertical-align: middle; }

div.grey-bar input, div.grey-bar select { margin-right: 10px; }
div.grey-bar td { color: #333; vertical-align: middle; padding: 0 5px 0 0; }
tr#first-row td { padding-bottom: 5px; }
#job { width: 250px; }
#kraj { width: 170px; }
body.en #kraj { width: 160px; }
#profese { width: 150px; }
#kategorie { width: 120px; }
#limitCount { width: 70px; }
body.en #limitCount { width: 60px; }
#filter-left { float: left; width: 560px; }
#filter-right { float: right; width: 90px; }

table.list { width: 704px; margin-left: 1px; }
table.list td, table.list th {
	border-bottom: 1px solid #BFC5CC;
}
table.list td {
	color: #4F5357;
	padding: 5px;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
table.list th {
	color: #FFF;
	background: #13487A url(/_pub/fd/44/6f/126247_204483_bg_th.gif) repeat-x top left;
	text-align: left;
	padding: 8px 5px 8px 5px;
	border-left: 1px solid #13487A;
	border-right: 1px solid #13487A;
}
table.list a { text-decoration: none; display: block; }
table.list td a:hover, table.list td a:active, table.list td a:focus { text-decoration: underline; }
table.list th a { color: #FFF !important; }
table.list tr.mouseover { background: #EEF6FC; }

/* --- left column --- */
#left-column { float: left; width: 215px; overflow: hidden; }
#left-column h3, #left-column ul { margin: 15px 15px 0 15px; }
#left-column .banner { text-align: center; margin-bottom: 5px; }
#left-column h3 { color: #000; font-size: 110%; }
#left-column a { text-decoration: none; }
#left-column a:hover, #left-column a:active, #left-column a:focus { text-decoration: underline; }
#left-column h3.border { position: relative; margin-top: -1px; padding-top: 15px; border-top: 1px solid #CCC; }
#left-column li { background-position: 0 4px; }

/* --- sub menu --- */
#left-column ul#sub-menu {
	width: 215px;
	margin: 0 0 10px 0;
	position: relative;
}
#sub-menu li { background: none; width: 215px; padding: 0; }
li#opened { width: 220px; margin: 0 0 0 -5px; position: relative; }
#sub-menu a, #sub-menu span { display: block; }
#sub-menu a {
	color: #FFF;
	background: #133768 url(/_pub/47/a0/ea/126401_204483_bg_sub_menu.gif) no-repeat -5px 0;
	font-size: 110%;
	text-decoration: none;
	width: 215px;
	overflow: hidden;
}
#sub-menu a:hover, #sub-menu a:active, #sub-menu a:focus {
	color: #FFF;
	background-position: -225px 0;
	text-decoration: none;
}
#sub-menu a.active {
	color: #133768 !important;
	background: #E2E2E2 url(/_pub/47/a0/ea/126401_204483_bg_sub_menu.gif) no-repeat -440px 0 !important;
	width: 220px;
}
#sub-menu span { padding: 7px 10px 7px 15px; }
#sub-menu a.active span { padding-left: 20px; }
#sub-menu ul {
	background: #DBDBDB url(/_pub/7d/59/5b/126403_204483_bg_sub_menu_ul.gif) repeat-y top left;
	width: 220px;
	margin: 0;
	padding: 8px 0 8px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBDBDB;
}
#sub-menu ul a, #sub-menu ul a.active {
	color: #133768;
	background: url(/_pub/bb/43/23/126369_204483_arrow_dark_blue.gif) no-repeat 24px 7px !important;
	font-size: 100%;
	width: 191px;
	margin: 0 0 0 -5px;
	padding: 3px 0 3px 37px;
}
#sub-menu ul a.active, #sub-menu ul a:hover, #sub-menu ul a:active, #sub-menu ul a:focus { color: #B0232A !important; }

/* --- pager --- */
#pager { border-top: 2px solid #FFF; margin-bottom: 0; }
#pager-first, #pager-prev, #pager-last, #pager-next,
#pager-first span, #pager-prev span, #pager-last span, #pager-next span {
	text-decoration: none;
	display: block;
	width: 18px;
	height: 18px;
}
#pager-first, #pager-prev, #pager-last, #pager-next { position: relative; outline: none; }
a#pager-first, a#pager-prev, a#pager-last, a#pager-next { cursor: pointer; }
#pager-first, #pager-prev { float: left; margin-right: 5px; }
#pager-last, #pager-next { float: right; margin-left: 5px; }
#pager-first span, #pager-prev span, #pager-last span, #pager-next span {
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
a#pager-first:hover span, a#pager-first:active span, a#pager-first:focus span, 
a#pager-prev:hover span, a#pager-prev:active span, a#pager-prev:focus span, 
a#pager-last:hover span, a#pager-last:active span, a#pager-last:focus span, 
a#pager-next:hover span, a#pager-next:active span, a#pager-next:focus span { background-position: top right; }

#pager-first span { background-image: url(/_pub/3b/e2/ae/126347_204483_btn_first.gif); }
#pager-prev span { background-image: url(/_pub/6c/e4/e8/126361_204483_btn_prev.gif); }
#pager-last span { background-image: url(/_pub/b0/30/5c/126351_204483_btn_last.gif); }
#pager-next span { background-image: url(/_pub/d3/d3/12/126379_204483_btn_next.gif); }

span#pager-first span { background-image: url(/_pub/a9/52/a3/126349_204483_btn_first_off.gif); }
span#pager-prev span { background-image: url(/_pub/20/62/cd/126365_204483_btn_prev_off.gif); }
span#pager-last span { background-image: url(/_pub/62/52/18/126353_204483_btn_last_off.gif); }
span#pager-next span { background-image: url(/_pub/c3/d1/3e/126357_204483_btn_next_off.gif); }

#pager-right-buttons, #pager-left-buttons { display: block; width: 60px; }
#pages { text-align: center; float: left; display: block; width: 555px; padding-top: 2px; }
#pager-left-buttons { float: left; }
#pager-right-buttons { float: right; }

/* --- box o2 ocima zamestnancu --- */
#zamestnanci {
	color: #959595;
	background: #000000 url(/_pub/60/74/69/126265_204483_bg_zamestnanci.gif) no-repeat top left;
	float: right;
	width: 309px;
	margin-left: 15px;
	border: 1px solid #000;
}
#zamestnanci h2 { margin: 15px 0 19px 13px; }
#zamestnanci h3, #zamestnanci h4, #zamestnanci p { margin-left: 17px; margin-right: 17px; }
#zamestnanci h3 { color: #FFF; font-size: 100%; font-weight: bold; margin-bottom: 5px; }
#zamestnanci h4 { color: #FFF; font-size: 100%; font-weight: normal; margin-bottom: 10px; }
#zamestnanci p { margin-bottom: 15px; }
#zamestnanci a { color: #959595; }
#zamestnanci a:hover, #zamestnanci a:active, #zamestnanci a:focus { color: #FFF; }
#zamestnanci-photo { width: 277px; height: 136px; margin-left: 15px; border: 1px solid #E7E7E7; }
#zamestnanci-photo img { border: 5px solid #FFF; }
#zamestnanci p, .home-bottom-info p { line-height: 1.4em; }
#video-player { margin: 0 0 19px 14px; }

/* **** CATEGORY PAGES *** */
div.category-column { float: left; width: 345px; }
div.category-column-left { margin-right: 15px; }

/* --- absolventi a studenti --- */
#category-absolvents div.category-column { background: #E6E6E6; position: relative; min-height: 335px; padding-bottom: 35px; }
#category-absolvents div.category-column h2 {
	color: #032B5A;
	font-size: 150%;
	font-weight: normal;
	margin: 0;
	padding: 15px;
	border-bottom: 1px solid #F3F3F3;
}
#category-absolvents div.category-column ul, #category-absolvents div.category-column p { margin: 0 15px 0 15px; }
#category-absolvents div.category-column p { margin-top: 15px; }
#category-absolvents div.category-column h2 strong { display: block; }
#category-absolvents div.category-column ul.jobs { margin: 0 0 10px 0; border-bottom: 1px solid #DFDFDF; }
ul.jobs a {
	text-decoration: none;

	display: block;
	width: 315px;
	padding: 7px 15px 7px 15px;
	border-top: 1px solid #DFDFDF;
	border-bottom: 1px solid #F3F3F3;
}
ul.jobs a:hover, ul.jobs a:active, ul.jobs a:focus { color: #B0232A; background: #ACDBFF; }
ul.jobs a:hover strong, ul.jobs a:active strong, ul.jobs a:focus strong { text-decoration: underline; }
#right-column ul.jobs li { background-image: none; padding: 0; }
#category-absolvents div.category-column ul.all { position: absolute; bottom: 15px; left: 0; }

/* --- kariera v O2 --- */
.category-box-grey { background: #E6E6E6 url(/_pub/d8/25/a1/126259_204483_bg_category_box_grey.gif) repeat-x top left; padding-top: 15px; min-height: 280px; }
.category-box-grey h2 { margin-left: 15px; }
.category-box-grey a { color: #003366; }
.category-box-grey a:hover, #home-bottom-box a:active, #home-bottom-box a:focus { color: #990000; }
.category-box-grey ul { margin-top: 0; margin-bottom: 0 !important; }
.category-box-grey li { background: url(/_pub/34/36/92/126383_204483_arrow_dark_red.gif) no-repeat 0 5px; list-style: none; padding: 0 0 5px 8px; }
.category-box-grey .photo { float: left; width: 148px; padding-left: 10px; }
.category-box-grey .info { float: right; width: 187px; padding-top: 12px; }
#button_cc, #button_zp { background-position: top left; background-repeat: no-repeat; font-weight: bold; text-align: center; display: block; width: 125px; height: 33px; padding: 127px 18px 0 5px; overflow: hidden;}
#button_cc { background-image: url(/_pub/34/b6/65/128208_211302_photo_volna_mista_cc.jpg); }
#button_zp { background-image: url(/_pub/5f/e8/70/128210_211304_photo_volna_mista_zp.jpg); }
#right-column .jnp_module ul { margin-bottom: 0; }

/* --- o spolecnosti --- */
#o-spolecnosti-left {
	float: left;
	width: 399px;
	padding: 15px 10px 15px 15px;
}
#o-spolecnosti-right {
	float: right;
	width: 311px;
}
#milestones {
	background: #E9E9E9 url(/_pub/d4/37/b7/126261_204483_bg_milestones.gif) repeat-x top left;
	width: 286px;
	padding: 15px 15px 0 10px;
}
#milestones h3 { margin: 0 10px 10px 3px; }
#milestone-image { float: left; width: 95px; }
#milestone-text { float: right; width: 175px; }
#milestones #pager-prev { float: left; margin-left: 5px; }
#milestones #pager-next { float: right; margin-right: 3px; }
#milestones #pages { font-weight: bold; text-align: center; float: left; width: 35px; }
#o-spolecnosti-right #zamestnanci {
	border-top: 1px solid #262626;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	border-bottom: none;
}
#o-spolecnosti-right #zamestnanci { margin-left: 0; }
#o-spolecnosti-right #zamestnanci p { margin-bottom: 0; }

/*------ EREC form ------*/
#erec table, #erec input, #erec select, #erec textarea {
	font-size:100%;
}
#erec select, #erec input { width: 220px; }
#erec input#fileField1, #erec input#fileField2, #erec input#fileField3 { width: 200px; }
#erec table {
	margin:0 0 20px 0;
	border-collapse:collapse;
	width:100%;
}
#erec table th, #erec table td {
	text-align:left;
	vertical-align:middle;
}
#erec table th {
	color: #666666;
	font-weight: bold;
	background:#F5F5F5 none repeat scroll 0 0;
}
#erec table td {
	background:#F5F5F5 none repeat scroll 0 0;
	width:50%;
}
#erec table td, #erec table th {
	border:1px solid #DADADA;
	padding:5px;
}
#erec div.buttons {
	margin-top:1em;
	text-align:center;
}
#erec div.buttons input {
	width: 100px;
	margin-right:10px;
	padding:2px 5px;
}
#erec ol.attx {
	margin:10px 10px 10px 25px;
}
#erec form {
	margin-bottom:1em;
	padding:0;
}
#erec hr {
	display:none;
}
#erec .required {
	color:#FF0000;
}
#erec .msg {
	padding:1em 0;
	text-align:center;
}
#erec .alert {
	background-color: #FFF;
	border: none;
	color:#FF0000;
	font-weight:bold;
}
#erec table tr.highlight th, #erec table tr.highlight td, #erec table .highlight, #erec table tr th.highlight, #erec table tr td.highlight {
	background-color:#E9EBED;
}
#erec table .small {
	font-size:smaller;
}
#erec p { color: #666666; }
#erec .redStar { color: red; }
#erec .noDisplay { display: none; }
#recommendationNo.hidden {
	display: none;
}
#employeePersNo.hidden {
	display: none;
}
#managerStructure {
    background: url(/_pub/38/c3/ef/150181_254946_bg_mng_stucture.gif) repeat-y 0 0;
    width: 700px;
    height: 310px;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.manager {
    background: url(/_pub/ac/d0/be/150183_255010_bg_manager.gif) no-repeat 0 0;
    height: 50px;
    padding:10px;
}
#managerStructure .floatLeft {
	float: left;
	width: 140px;_width: 180px;
	color: #FFF;
        font-weight: bold;
        padding: 20px;
	background-color: #10417b;
	margin-top: 120px;
}
#managerStructure .floatRight {
	float: left;
	width: 520px;
	margin-top: 30px;
}
.manager p strong {
	display: block;
	float: left;
	color: #234d83;
	padding-left: 5px;
	font-size: 120%;
	letter-spacing: -1px;
}
.manager p span {
	display: block;
	width: 290px;
	float: right;
	color: #032b5a;
	margin-top: -15px;		
}
img#managerPyramida {border: none;}

