/* layout */

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    background-color: #404042;
    color:  #ECECEC; /*#b3b3b3;*/
    margin: 20px;
    padding: 0px;
}
img {
	border: 0px;
}
div#page {
    width: 794px;
    margin: 0px auto;
    background-color: #ffffff;    
    color: inherit;    
    position: relative;
}

div#page div.container {
    padding: 12px;
}

/* header */

div#header {
    height: 54px;
    width: 770px;
    margin-bottom: 12px;
    position: absolute;
    top: 12px;
}

div#headerLogo {
    margin-top: 3px;
    float: left;
}

div#headerToolbar {
    margin-top: 25px;
    float: right;
    background-color: red;    
}

div#headerFlash {
    margin-bottom: 12px;    
    position: absolute;
    top: 118px;
}

/* menu */

div#mainMenu {
    background-color: #ad0006;
    height: 37px;
    width: 770px;
    margin-bottom: 3px;    
    position: absolute;     
    top: 78px;
}

div#mainMenu div.container {
    padding: 12px;
}

div#mainMenu ul {
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
}

div#mainMenu li {
    padding: 0px 12px 0px 18px;
    background: url('../images/menu_dot.gif') no-repeat; 
    float: left;
}

div#mainMenu a {
    background-color: inherit;
    color: #ffffff;
	font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;    
}

div#mainMenu a:hover,
div#mainMenu a.active {
    background-color: inherit;
    color: #2c2c2c;
}

/* body */

div#body {
    padding-top: 332px;
    margin-bottom: 12px;
}

/* footer */

div#footer {
    clear: both;
    /*border-top: 4px solid #ad0006;*/
	background: #fff url('../images/footer_bg.gif') repeat-x;
	height: 20px;
	padding-top: 5px;
}

div#footer p#copy {
	float: left; 
	width: 350px;
	font-size: 10px;
	margin: 0;
	padding: 8px 0 5px 0;
	color: #666;
	}
div#footer p#dizajn
	{
	float: right; 
	width: 250px;
	text-align: right;
	font-size: 10px;
	margin: 0;
	padding: 3px 0 5px 0;
	}
div#footer p#dizajn a
	{
	font-size: 10px;
	color:  #ccc;
	}

/* rounded corners */

div.cornerLeftUp {    
    position: absolute;
    top: 0px;
    left: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_topleft.gif') no-repeat; 
    font-size: 1px;
}

div.cornerRightUp {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_topright.gif') no-repeat; 
    font-size: 1px;
}

div.cornerLeftUpB {    
    position: absolute;
    top: 0px;
    left: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_topleft_black.gif') no-repeat; 
    font-size: 1px;
}

div.cornerRightUpB {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_topright_black.gif') no-repeat; 
    font-size: 1px;
}

div.cornerLeftDown {    
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_bottomleft.gif') no-repeat; 
    font-size: 1px;
}

div.cornerRightDown {    
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 7px;
    width: 7px;
    background: url('../images/corner_bottomright.gif') no-repeat; 
    font-size: 1px;
}

/* home */

div#homeLeftSlot {
    width: 248px;
    margin-right: 12px;
    float: left;
}

div#homeRightSlot {
    height: 222px;
    width: 510px;
    float: right;
    background-color: #383838;
    color: inherit;
    position: relative;
}

div#homeBottomSlot {
    margin-top: 12px;
    width: 770px;
    height: 113px;
}


div#pos1 {
    background: url('../images/home_leftslot_pos1.gif') no-repeat; 
    margin-bottom: 12px;
    height: 97px;
}

div#pos1 div.container {
    padding: 20px 0px 0px 75px;
    font-size: 12px;
    background-color: inherit;
    color: #ffffff;
    line-height: 18px;
}

div#pos1 div.container span.title {
    font-weight: bold;
    background-color: inherit;
    color: #1a1a1a;
    text-transform: uppercase;
}

div#pos2 {
    background: url('../images/home_slot_bg1.jpg') no-repeat; 
    height: 113px;
    position: relative;
}

div#pos2 div.image,
div#pos3 div.image {
    position: absolute;
    top: 0px;
    right: 0px;
}

div#pos3 {
    background: url('../images/home_slot_bg1.jpg') no-repeat; 
    height: 113px;
    width: 248px;
    position: relative;
    margin-right: 12px;
    float: left;
}

div#pos4 {
    background: url('../images/home_slot_bg2.jpg') no-repeat; 
    height: 113px;
    width: 248px;
    position: relative;
    float: left;
}

div#pos5 {
    background: url('../images/home_slot_bg3.jpg') no-repeat; 
    height: 113px;
    width: 248px;
    position: relative;
    float: right;
}


/* text */

.alignCenter
	{
	text-align: center;
	}

div#pageTitle {
    background-color: #ad0006;
    height: 34px;
    position: relative;
    padding-left: 12px;
}

H1
	{
    color: #ffffff;
    background-color: inherit;
	font-size: 14px;
    margin: 0px;
	font-weight: bold;
	}

div#pageTitle h1 {
    padding: 10px 0px 0px 25px;
    background: url('../images/home_page_title_bg.gif') no-repeat; 
}

span.subTitle {
    background-color: inherit;
    color: #ffffff;
    font-weight: bold;
}


H2
	{
    background-color: inherit;
    color: #1a1a1a;
    font-weight: bold;
	font-size: 13px;
	margin: 0;
	padding: 5px 0 2px 0;
	text-decoration: underline;
	}
H3
	{
	background-color: inherit;
    color: #ad0006;
    border-bottom: 1px solid #2c2c2c;
	margin: 0;
	padding-top: 5px;
    padding-bottom: 2px;
    font-size: 17px;
    font-weight: bold;
    display: inline;
	}

div#homeRightSlot H2
	{
	padding: 0px 0 2px 0;
	}

P
	{
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
	padding: 5px 0 5px 0;
	color:  #ccc;
	text-align: justify;
	}

P.important
	{
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-style: italic;
	}

STRONG, B, P SPAN.bold
	{
	color: #fff;
	font-weight: bold;
	}

div#homeRightSlot P
	{
	font-size: 11px;
	line-height: 1.4;
	padding: 3px 0 3px 0;
	}

div.slotTitle {
    background-color: inherit;
    color: #ad0006;
    border-bottom: 1px solid #2c2c2c;
    padding-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

P.slotText {
	font-size: 10px;
    width: 130px;    
    background-color: inherit;
    color: #191919;
    padding-top: 10px;
	text-align: left;
}

div.slotTitle2 {
    padding-top: 5px;
    font-size: 12px;
    font-weight: bold;
    background-color: inherit;
    color: #383838;    
    line-height: 16px;
}

P.slotText2 {
    width: 135px;
    font-size: 11px;
    background-color: inherit;
    /*color: #383838; */
	color: #000;
    line-height: 15px;
	text-align: left;
}

div.text {
    line-height: 14px;
}

/* button viac */

DIV.viacRight
	{
	background: url('../images/button_viac_right_hover.gif') no-repeat;
    position: absolute;
	right: 0;
    bottom: 0px;
    height: 25px;
    width: 115px;
	margin: 0;
	}

DIV.viacLeft
	{
	background: url('../images/button_viac_left_hover.gif') no-repeat;
    position: absolute;
	left: 0;
    bottom: 0px;
    height: 25px;
    width: 115px;
	margin: 0;
	}

DIV.viacRight a, DIV.viacLeft a
	{
	display: block;
    height: 25px;
    width: 115px;
	margin: 0;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
    background-color: inherit;
    color: #ffffff;
    text-decoration: none;
	}
DIV.viacRight a
	{
	right: 0;
	background: url('../images/button_viac_right.gif') no-repeat;     
	}
DIV.viacRight a span
	{
	padding-left: 12px;
	}
DIV.viacLeft a
	{
	left: 0px;
	background: url('../images/button_viac_left.gif') no-repeat;     
	}
DIV.viacRight a:hover
	{
	/*background: url('../images/button_viac_right_hover.gif') no-repeat;*/
	background-image: none;
	}
DIV.viacLeft a span
	{
	padding-left: 12px;
	}
DIV.viacLeft a:hover
	{
	/*background: url('../images/button_viac_left_hover.gif') no-repeat;*/
	background-image: none;
	}

/* subpage */

div#pageLeftSlot {
    width: 182px;
    margin-right: 12px;
    float: left;
}

div#pageRightSlot {
	float: right;
    width: 576px;
    background-color: #383838;
    color: inherit;
    position: relative;
	margin: 0;
	padding: 0;
    /*padding-bottom: 5px;*/
}
/*
div#pageRightSlot img {
    margin: 3px 10px 10px 0px;
}
*/

div#pageRightSlot IMG.floatRight
	{
	float: right;
	margin: 5px 0 0 10px;
	}

div#pageRightSlot IMG.floatLeft
	{
	float: left;
	margin: 5px 10px 0 0px;
	}
div#pageRightSlot img.floatLeft.bordered,
div#pageRightSlot img.floatRight.bordered {
	border: 1px solid #ccc;
	background-color: #000;
	padding: 5px 5px 5px 5px;
}

div#leftMenu {
    background-color: #383838; 
    color: #ffffff;
    position: relative;
    padding: 7px 0px 7px 0px; 
    width: 182px;
    margin-bottom: 12px;
}

div#kontakt {
    background: url('../images/kontakt_bg.jpg') no-repeat; 
    height: 152px;
}

div#kontakt div.container {
    padding: 85px 0px 0px 0px;
    font-size: 12px;
    background-color: inherit;
    color: #ffffff;
    line-height: 18px;
	text-align: center;
}

div#kontakt div.container span.title {
    font-weight: bold;
    background-color: inherit;
    color: #1a1a1a;
    text-transform: uppercase;
}

/* left menu */

div#leftMenu ul {
    margin: 0px; 
    padding: 0px; 
    list-style: none;
	border-bottom: 1px solid #383838;
}

div#leftMenu li {
    padding: 7px 0px 7px 25px;
    background: url('../images/leftmenu_dot.gif') no-repeat 0px 1px; 
    border-bottom: 1px solid #4e4e4e;    
    _height: 13px;
}

div#leftMenu li a {
	font-size: 11px;
    background-color: inherit;
    color: #ffffff;
    text-decoration: none;
	font-weight: bold;
}

div#leftMenu li a:hover,
div#leftMenu li a.active {
    background-color: inherit;
    color: #e10008;
	text-transform: uppercase;
}

/* submenu */

div#subMenu {
    background-color: #2c2c2c;
    color: #ffffff;
    height: 34px;    
}

div#subMenu ul {
    margin: 0px; 
    padding: 0px; 
    list-style: none; 
    padding-top: 10px;
}

div#subMenu li {
    padding: 0px 15px 0px 15px;
    background: url('../images/submenu_dot.gif') no-repeat; 
    font-size: 11px;
    float: left;
}

div#subMenu li.nodot {
    background-image: none; 
    border: 0px;
}

div#subMenu a {
    background-color: inherit;
    color: #ffffff;
    text-decoration: none;        
}

div#subMenu a:hover,
div#subMenu a.active {
    background-color: inherit;
    color: #e10008;
}

/* vyhody */

div.vyhody ol {
    margin: 0;
    padding: 0 0 0 25px;
}

div.vyhody li {
	font-size: 11px;
	padding: 5px 0 5px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.5;
}

.vyhodaTitle {
    font-weight: bold;
    font-style: italic;
    color: #ffffff;
    background-color: inherit;
}

/* ostatne */

table.specifikacia tr.each2nd
	{
	background-color: #3F3F3F;
	}
table.specifikacia td {    
    border-bottom: 0px solid #4e4e4e;
	font-size: 11px;
	line-height: 1.5;
	padding-left: 5px;
}
table.specifikacia td.title
	{
	vertical-align: top;
	font-weight: bold;
	border-bottom: 0px;
	text-align: right;
	padding-right: 5px;
	}

table.cennik th.title {
	width: 20%;
	font-weight: bold;
	}

table.cennik td {    
	color: #fff;
    border-bottom: 1px solid #4e4e4e;
	font-size: 11px;
	line-height: 1.5;
	text-align: right;
}
table.cennik td A
	{
	text-decoration: none;
	}
table.cennik td A:hover
	{
	text-decoration: underline;
	}

table.cennik td.typ {    
    border-bottom: 1px solid #4e4e4e;
	font-size: 11px;
	line-height: 1.5;
	text-align: left;
}

table.cennik td.bonus, table.cennik td.bonusLast {    
	color: #C7C5C5;
    border-bottom: 1px solid #4e4e4e;
	font-size: 10px;
	line-height: 1.5;
	text-align: right;
	padding-bottom: 12px;
}

table.cennik td.bonusLast {    
    border-bottom: 0px;
	text-align: right;
}

table.cennik th {    
    background-color: #404042;
    color: inherit;
	font-size: 11px;
	line-height: 1.5;
	font-weight: normal;
	text-align: right;
}

ul.cennik
	{
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 11px;
	line-height: 1.5;
	}
ul.cennik strong {
	font-size: 13px;
	text-decoration: underline;
}
#pageRightSlot .container p.fotogaleria img {
	border: 1px solid #ccc;
	background-color: #000;
	padding: 5px 5px 5px 5px;
}
p.fotogaleria {
    text-align: center;
}

a {
    background-color: inherit;
    color: #ffffff;
    text-decoration: underline;
}
a.bold
	{
	font-weight: bold;
	}
a:hover {
    text-decoration: underline;
}

/* kontakt */

FORM {
    margin: 0px;
    padding: 0px;
}

DIV.form
	{
	margin: 0;
	padding: 0;
	}

FORM.generalForm fieldset {
	border: 0px;
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
	padding: 10px;
	padding-top: 30px;
	/*background: #9AA3A0 url("/images/contact_form_bg.gif") repeat-x;*/
}

FORM.generalForm P
	{
	margin: 0;
	padding: 3px 0 3px 0;
	}

FORM.generalForm input {
    border: 1px solid #D0D0D0; /*#4e4e4e;*/
    background-color: #4E4E4E;
    color: #fff;
    font-size: 12px;
	font-weight: bold;
}
FORM.generalForm input.formValidationError {
    border: 1px solid #ff0000; /*#4e4e4e;*/
}

FORM.generalForm textarea {
    border: 1px solid #D0D0D0;
    background-color: #4E4E4E;
    color: #fff;
	font-weight: bold;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    width: 400px;
    height: 60px;
}

FORM.generalForm input.formValidationError, FORM.generalForm textarea.formValidationError {
    border: 1px solid #ff0000; /*#4e4e4e;*/
}

FORM.generalForm label {
	color: #9AA3A0;
    width: 115px;
    display: block;
    float: left;
	font-weight: bold;
}

FORM.generalForm input.button {
    height: 20px;
    width: 100px;
	background-color: #9AA3A0;
	color: #383838;
	font-weight: bold;
}

FORM.generalForm P.error {
    background-color: inherit;
    color: #e10008;    
}

FORM.generalForm P.submit
	{
	padding: 5px 0 10px 0;
	margin: 0;
	text-align: center;
	}

FORM.generalForm P.formValidationError
	{
	padding-left: 115px;
	color: #ff0000;
	font-weight: bold;
	}