@import url("content.css");
@import url("prettyPhoto.css");
@import url("photogallery2.css");
@import url("useful.css");

/*--ESSENTIAL--------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
    padding: 268px 0 0 0;
	background: #F8FEF6 url("../images/page/body_stripe.jpg") 50% 194px no-repeat;
	behavior: url("scripts/csshover.htc");
}

body.hp {
	background: none;
	padding-top: 461px;
	background: #F8FEF6 url("../images/page/body_stripe_hp.jpg") 50% 364px no-repeat;
}

/*--LAYOUT----------------------------------------------------------------*/

#pageHolder {
	width: 100%;
	background: #ca3092;
}

#page {
	width: 974px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	text-align: left;
}

#content {
	width: 974px;
	padding: 0 0 30px 0;
}

#content .leftPart {
	width: 223px;
	float: left;
	padding-left: 7px;
}

#content .rightPart {
	width: 716px;
	float: right;
}

#text {
	width: 716px;
    background: #fff;
}

#text .top {
	width: 716px;
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("../images/page/content_top.png") 0 0 no-repeat;
}

#text .bottom {
	width: 716px;
	height: 8px;
	overflow: hidden;
	font-size: 0;
	background: url("../images/page/content_bottom.png") 0 0 no-repeat;
}

#text .content {
	padding: 20px 25px 30px 25px;
}

#submenu {
	width: 223px;
	background: #aa1c77;
}

#submenu .top {
	height: 10px;
	overflow: hidden;
	font-size: 0;
	background: url("../images/page/submenu_top.png") 0 0 no-repeat;
}

#submenu ul {
	padding: 0;
	margin: 0;
}

#submenu ul li {
	padding: 0;
	margin: 0;
	list-style: none;
	zoom: 1;
}

#submenu ul li a {
	width: 173px;
	padding: 6px 25px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#submenu ul li.active a, #submenu ul li a:hover  {
	background: #be2888;
}

#submenu .bottom {
	height: 10px;
	overflow: hidden;
	font-size: 0;
	background: url("../images/page/submenu_bottom.png") 0 0 no-repeat;
}

/*--HEADER----------------------------------------------------------------*/

#header {
	width: 974px;
	height: 237px;
	position: absolute;
	left: 0;
	top: -237px;
	background: url("../images/page/header_bg.jpg") 0 34px no-repeat;
}

.hp #header {
	width: 974px;
	height: 430px;
	position: absolute;
	padding-top: 80px;
	left: 0;
	top: -430px;
 	background: url("../flash/hp_flash.jpg") 0 80px no-repeat;
}

#hpFlash {
	width: 974px;
	height: 350px;
}

#header #logo {
	width: 180px;
	height: 180px;
	position: absolute;
	top: 7px;
	left: 47px;
	display: block;
}

#breadCrumbs {
	position: absolute;
	left: 283px;
	top: 213px;
	font-size: 0.7em;
	color: #000;
	text-transform: uppercase;
}

#breadCrumbs a {
	color: #000;
	padding: 0 4px 0 2px;
	background: url("../images/breadcrumb.gif") right 50% no-repeat;
	text-decoration: none;
}

#breadCrumbs a:hover {
	text-decoration: underline;
}

#breadCrumbs span {
	padding: 0 15px 0 3px;
	color: #fff;
}

#menu {
	width: 947px;
	position: absolute;
	left: 5px;
	top: 0;
	padding: 0 40px;
	margin: 0;
	background: url("../images/page/menu_bg.png") 0 0 no-repeat;
}

#menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
}

#menu li a {
	padding: 6px 38px 7px 38px;
	display: block;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
}

#menu li a.ico1 { background: url("../images/page/menu_ico_1_a.png") 20px 52% no-repeat; }
#menu li a.ico1:hover, #menu li.active a.ico1 { background: #be318b url("../images/page/menu_ico_1_b.png") 20px 52% no-repeat; }
#menu li a.ico2 { background: url("../images/page/menu_ico_2_a.png") 23px 52% no-repeat; }
#menu li a.ico2:hover, #menu li.active a.ico2 { background: #be318b url("../images/page/menu_ico_2_b.png") 23px 52% no-repeat; }
#menu li a.ico3 { background: url("../images/page/menu_ico_3_a.png") 21px 52% no-repeat; }
#menu li a.ico3:hover, #menu li.active a.ico3 { background: #be318b url("../images/page/menu_ico_3_b.png") 21px 52% no-repeat; }
#menu li a.ico4 { background: url("../images/page/menu_ico_4_a.png") 21px 52% no-repeat; }
#menu li a.ico4:hover, #menu li.active a.ico4 { background: #be318b url("../images/page/menu_ico_4_b.png") 21px 52% no-repeat; }
#menu li a.ico0 { background: url("../images/page/menu_ico_5_a.png") 21px 50% no-repeat; }
#menu li a.ico0:hover, #menu li.active a.ico0 { background: #be318b url("../images/page/menu_ico_5_b.png") 21px 50% no-repeat; }

#menu li ul {
	position: absolute;
	top: 30px;
	left: 0;
	width: 254px;
	padding: 0 0 8px 0;
	margin: 0;
	display: none;
	background: url("../images/page/menu_hover_bottom.png") 0 bottom no-repeat;
	_background: url("../images/page/menu_hover_bottom.gif") 0 bottom no-repeat;
}

#menu li:hover ul {
	display: block;
}

#menu li ul li {
	margin: 0;
	padding: 0;
}

#menu li ul li a {
	width: 232px;
	margin: 0;
	padding: 7px 10px 5px 12px;
	text-align: left;
	background: #fdcdec;
	display: block;
	font-size: 0.9em;
	color: #ca3695;
}

#menu li ul li:hover a {
	background: #efb0d7 !important;
}

/*--HP---------------------------------------------------------------*/

.hpText {
	color: #fff;
	padding: 60px 15px 0 15px;
}

.hp h1 {
	width: 210px;
	height: 33px;
	position: absolute;
	left: 35px;
	padding-top: 43px;
	top: -32px;
	background: url("../images/page/h1_bg.png") 0 0 no-repeat;
	_background: url("../images/page/h1_bg.gif") 0 0 no-repeat;
	color: #ca3092;
	font-size: 1.2em;
	text-align: center;
}

/*--FOOTER---------------------------------------------------------------*/

#footer {
	width: 100%;
	padding: 16px 0 16px 0;
	background: url("../images/page/footer_bg.png") 0 0 repeat-x;
}

#footer .content {
	width: 900px;
	margin: 0 auto 0 auto;
}

#footer .content .left {
	width: 800px;
	float: left;
}

#footer .content .logo {
	float: right;
}

#footer .links {
	font-size: 0.7em;
	color: #ca3092;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

#footer .links a {
	color: #ca3092;
}

#footer .copy {
	color: #595959;
	font-size: 0.65em;
	text-transform: uppercase;
}




#poradna td.label {
	/*width: 14em;*/
}

#poradna input.textInput {
	width: 200px;
}

#poradna input.send {
	height: 30px;
	padding: 5px 50px 5px 50px;
	display: block;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	background: url("../images/page/menu_bg.png") center 0 no-repeat;
	cursor: pointer;
	*padding: 5px 25px 5px 25px;
	*margin: 0px;
	*border: none;
}

#poradna input.send:hover {
	background: #be318b url("../images/page/menu_ico_4_b.png") 33px 52% no-repeat;
}

.smaller {
	text-transform: none !important;
}