/*
Name: Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 7.9.2009
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

/*
1. General
2. Construction
3. Header
4. Menu
5. Content
6. Color adjustments

*/

/* 1. GENERAL
---------------------- */
* {margin:0; padding:0;}

body {
	/*background: White url('../files/design/home/bg.jpg') no-repeat 50% 0; */ 
	color: #2A2A2A; 
	font-family: sans-serif; 
	font-size: medium; 
	text-align: center;
}

.hide, hr {display: block; position: absolute; left: -9999px; top: 0;}

a {color: #2A2A2A; outline: none;}
a:hover {color: Black; text-decoration: none;}
a:focus {text-decoration: underline;}

h1 {font-size: 200%;}
/*h2 {font-size: 170%;}*/
h2, h3 {font-size: 133.3%; font-weight: normal;}
h4 {font-size: 115%;}
h5 {font-size: 100%; margin-bottom: 0.6em;}

img {border: none; font-size: 12px;}

input, select, textarea {color: #2A2A2A; font-family: sans-serif; font-size: 100%; padding: 1px 2px;}
input[type="text"], select, textarea {border: 1px solid; border-color:#7C7C7C #C3C3C3 #DDDDDD;}
select {padding: 0;}

address {font-style: normal;}

p {margin: 0.3em 0 0.2em 0; padding: 0.5em 0 0.3em 0; line-height: 140%;}

small {font-size: 10px;}

table { font-size: 100%;}

fieldset {border: 0;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

/* 2. CONSTRUCTION
---------------------- */
#all {font-size: 75%; margin: 3.4em auto 0 auto; position: relative; width: 691px; text-align: left;}

/* 3. HEADER
---------------------- */
#header {background: url('../files/design/header.jpg') no-repeat 0 37px; position: relative; height: 167px;}
#header a, #header a span {color: #002A54; cursor: pointer; display: block; float: left; overflow: hidden; position: absolute; left: 12px; top: 0px; z-index: 10; text-align: left; height: 157px; width: 162px;}
#header a span {background: url('../files/design/logo.gif') no-repeat 0 0; left: 0; top: 0;}

#header h1 {position: absolute; top: -9999px; left: 0;}

#header h2, #header p {position: absolute; top: -9999px; left: 0;}

#header div.maminko {position: absolute; left: 182px; top: 45px; width:500px; height:110px;cursor:pointer;}

/* 4. MENU
---------------------- */
menu.top {position: absolute; right: 7px; top: 16px;}
menu.top li {border-left: 1px solid #CCC; display: block; float: left; height: 14px; list-style: none; padding: 0.1em 0.8em 0 0.8em;}
menu.top a {text-decoration: none; display: block; float: left; }

/* 5. CONTENT
---------------------- */
#content {min-height: 300px; padding: 0.7em 0 0 0;}
#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

/* homepage */
div.intro {background: url('../files/design/intro.jpg') no-repeat 0 0; height: 445px; overflow: hidden; margin-top:0.25em;margin-bottom:0.8em;}
div.intro:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
div.intro div.box {float: left; margin: 0 12px 0 0; position: relative; height: 445px; width: 222px;}
div.intro h2, div.intro h3 {margin: 0 0 3px 0; padding: 181px 0 0 28px;}
div.intro ul {padding: 0px 10px 5px 15px;}
div.intro li, div.column li {list-style: none; margin: 0; padding: 0.2em 0 0.1em 0.1em;}
div.intro p {position: absolute; margin: 0; padding: 0; bottom: 7px; right: 12px; text-align: right;}
div.intro div.text {position: relative; padding: 5px 10px 5px 15px; text-align: left; height:130px}

div.intro .green {margin: 0;}

div.job-offer {background: url('../files/design/job-offer.jpg') no-repeat 0 0; height: 130px; margin-top: 0.8em; overflow: hidden; position: relative;}

div.job-offer h2 {visibility: hidden;}
div.job-offer p {line-height: 110%; height: 65px; overflow: hidden; padding: 30px 385px 0 20px;width:300px;}

div.job-offer address {color: White; font-weight: bold; font-size: 108.4%; position: absolute; left: 467px; top: 12px;}
div.job-offer address p {line-height: 125%; height: auto; margin: 4px 0 0 0; padding: 4px 0 0 0; }
div.job-offer address a {color: White; letter-spacing: -1px; text-decoration: none;}
div.job-offer address a:hover {color: #F9F9F9; text-decoration: underline;}

div.job-offer div.offer {
	width:440px; height:120px; float:left;
	cursor:pointer;
}

div.job-offer div.address {
	width:230px;height:120px;float:right;
	cursor:pointer;
}

/* 6. FOOTER
---------------------- */
div.footer {
	padding-top:5px;

}
div.footer menu.bottom {}
div.footer menu.bottom li {border-left: 1px solid #CCC; display: block; float: left; height: 14px; list-style: none; padding: 0.1em 0.8em 0 0.8em;}
div.footer menu.bottom li.first {border-left: 0px;}
div.footer menu.bottom a {text-decoration: none; display: block; float: left; }

/* subpages */
.sub #content {background: url('../files/design/red/box-content.gif') no-repeat 100% 0; margin-top: 12px; padding-top: 1.2em;}
div.column {float: left; margin-top: -1.2em; width: 222px;}
div.content {float: right; width: 461px;}

div.column .box, div.content .box {background: url('../files/design/red/box.gif') no-repeat 50% 100%; padding: 1em;}

/* main content */
div.content .box {padding: 0 1.2em 1em 1.2em;}
div.content h3 {font-size: 200%; margin-left: -0.5em; padding:  0.2em 0.5em;}

/* table */
div.content table {margin: 1em 0 0.5em 0; width: 99%;}
div.content th, div.content td {border: 1px solid #F1F1F1; padding: 0.4em 0.5em; text-align: center;}
div.content td {color: #444;}

div.content .mark td {background: #FFC4C9;}

div.content .mark td {background: #FFC4C9;}

div.content .box li {margin-left: 15px; margin-right: 3px;}


/* column */
div.column h3 {background: url('../files/design/red/box-column-h3.gif') no-repeat 100% 0; height: 22px; margin-bottom: 0.2em; padding: 8px 0 0 27px; width: 195px;}
div.column .box {background: url('../files/design/red/box-column.gif') no-repeat 50% 100%; margin: 0 0 1em 0; padding: 0 0 1em 0;}

div.column legend {display: none;}

div.column form, div.column ul {padding: 0.2em 1em;}

/* picture */
div.picture {text-align: center;}
div.picture h3 {text-indent: -9999px; margin: 0; height: 4px;}
div.picture img {position: relative;}

/* form */
div.column form {padding-bottom: 0;}
div.form dd {margin: 0.2em 0 0.8em 0;}
div.form dd input {width: 96%;}
div.form dd input.button {float:right; padding: 3px; width: auto;}

div.form fieldset dl dd input.notop {margin-top:0px !important;}


/* 6. COLOR ADJUSTMENTS
---------------------- */
body.red .content {background: url('../files/design/red/box-repeat.gif') repeat-y 0 0;}
body.red .content h3 {color: #FF1327;}
body.red div.content .mark td {background: #FFD7DA;}

body.blue #content {background-image: url('../files/design/blue/box-content.gif');}
body.blue .content {background: url('../files/design/blue/box-repeat.gif') repeat-y 0 0;}
body.blue div.content .box {background-image: url('../files/design/blue/box.gif');}
body.blue div.column h3 {background-image: url('../files/design/blue/box-column-h3.gif');}
body.blue div.column .box {background-image: url('../files/design/blue/box-column.gif');}
body.blue .content h3 {color: #1E63DC;}
body.blue div.content .mark td {background: #E6EEFF;}

div.intro div.green {margin: 0 0 0 0;}
body.green #content {background-image: url('../files/design/green/box-content.gif');}
body.green .content {background: url('../files/design/green/box-repeat.gif') repeat-y 0 0;}
body.green div.content .box {background-image: url('../files/design/green/box.gif');}
body.green div.column h3 {background-image: url('../files/design/green/box-column-h3.gif');}
body.green div.column .box {background-image: url('../files/design/green/box-column.gif');}
body.green .content h3 {color: #8EB934;}
body.green div.content .mark td {background: #EFFFCC;}

body.wine #content {background-image: url('../files/design/wine/box-content.gif');}
body.wine .content {background: url('../files/design/wine/box-repeat.gif') repeat-y 0 0;}
body.wine div.content .box {background-image: url('../files/design/wine/box.gif');}
body.wine div.column h3 {background-image: url('../files/design/wine/box-column-h3.gif');}
body.wine div.column .box {background-image: url('../files/design/wine/box-column.gif');}
body.wine .content h3 {color: #970706;}
body.wine div.content .mark td {background: #FFEEEE;}