/* 
    Document   : style
    Created on : Feb 24, 2011, 10:50:51 PM
    Author     : lconer
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

*{
	outline:none;
}
html{
	height:100%;
}
body{
	font-size:12px;
	margin:0px;
	padding:0px;
/* 	overflow: hidden; */
	position: relative;
	height:100%;
}
a{
	text-decoration: none;
}
a img{
	border:none;
}
h2,
h3{
	color:#999;
	text-align: right;
	font-family: Georgia;
	margin:0px;
	font-weight: normal;
}
h2{
	font-size:29px;
	margin:4px 0 0 0;
}
h3{
	font-size:18px;
	font-style: italic;
}
.margin0auto{
	margin:0 auto;
}
.heightCenter{
	top:50%;
	left:50%;
	margin-left: -500px;
	margin-top:-350px;
	position: absolute;
}

.main{
	background: url(../img/background.jpg) no-repeat;
	width:1000px;
	height:700px;
	overflow: hidden;
	/*margin-top:-355px;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-500px;*/
}

.top{
	overflow: hidden;
	margin: 20px 0px 0 45px;
}
.top .header{
	width:430px;
	height:65px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	margin:0 45px;
}
.top div{
	float:left;
}
a.active{
	color:#c30080 !important;
}

.content{
	overflow: hidden;
	margin:30px 0 0 0;
	min-height:530px
}
.content div{
	float:left;
}
.content .menu{
	width:219px;
	margin-left:70px;
}
.content .menu a{
/* 	display:table; */
	display:block;
	font-family: Georgia;
	font-size:15px;
	color:#999;
	line-height:150%;
}
.content .menu .separator{
	height:20px;
	display:table;
	width:100%;
}
.content .wrap{
	background: #999;
	/*min-height:510px;*/
	min-width: 430px;
}
.content .wrap-text p{
	font-family: Verdana;
	color:#000;
	line-height: 180%;
	margin:13px 0;
}
.content .wrap img{
	margin:10px 20px;
}
.content .wrap-text{
	padding:30px;
	width:370px;
	height:452px;
	background: #999;
}

.content .right{
	margin:0 0 0 40px;
	width:240px;
}
.content .right .foto{
	overflow: hidden;
	margin:0 0 27px 0;
	width:100%;
}
.content .right .foto img,
.content .right .foto span{
	float:left;
}

.content .right .foto span{
	font-size:12px;
	color:#999;
	font-family: Verdana;
	margin:0 0 0 10px;
}
.content .right .text{
	width:192px;
	margin-bottom:20px;
}
.content .right .text p{
	color:#999;
	font-family: Verdana;
	font-size:12px;
	margin:0px;
}
.right-menu{
	clear:both;
	width:200px;
}

.right-menu .link{
	display:block;
	overflow: hidden;
	height:28px;
	width:100%;
	margin-bottom:10px;
	margin-left:-40px;
	padding-left:40px;
}
.right-menu .link img{
	float:left;
	border:1px solid #999;
}
.right-menu .link .numer{
	float:left;
	color:#999;
	font-family: Verdana;
	font-size:10px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	line-height: 10px;
	text-align: center;
	width:22px;
	padding:6px 0 6px 0
}
.right-menu .active .href{
	border-right:3px solid #999;
	border-bottom:3px solid #999;
}
.right-menu .active{
	background: url(../img/strzalka.jpg) no-repeat left center;
}
.right-menu-kolnierze{
	width:180px;
}
.right-menu-kolnierze .link{
	color:#999;
	font-family: Verdana;
	font-size:12px;
	margin-top:-1px;
	margin-bottom: 10px;
	display:block;
	overflow: hidden;
	width:100%;
	margin-left:-40px;
	padding-left:40px;
	min-height: 28px;
}
.right-menu-kolnierze .separator{
	height:20px;
	display:table;
	width:100%;
}
.right-menu-kolnierze .active{
	background: url(../img/strzalka.jpg) no-repeat left center;
	font-weight: bold;
}

.footer{
	margin:25px 0 0 0;
}
.footer-menu{
	text-align:center;
}
.footer-menu a{
	font-family: Verdana;
	font-size:10px;
	padding:0 10px;
	color:#999;
}
.footer-menu a.border{
	border-right:1px solid #999;
}
.href,
.link{
	cursor: pointer;
}

/** flagi **/
.flagi{
	float:right !important;
	margin-right:8px;
	padding-left:8px;
	border-left:1px solid #999;
}
.flagi a{
	display:block;
	width:30px;
	height:18px;
	text-indent: -4000px;
}
.pl{
	background: url(../img/pl_bw.png) no-repeat;
}
.plactive,
.pl:hover{
	background: url(../img/pl.png) no-repeat !important;
}
.en{
	background: url(../img/en_bw.png) no-repeat;
}
.it{
	background: url(../img/it_bw.png) no-repeat;
}
.enactive,
.en:hover{
	background: url(../img/en.png) no-repeat !important;
}
.itactive,
.it:hover{
	background: url(../img/it.png) no-repeat !important;
}

/** kontakt **/

.kontakt_right{
	height:512px;
	width:258px !important;
	margin-left:23px !important;
	background: url(../img/kontakt_right.jpg) no-repeat right;
}
.kontakt_wrap{
	padding:0px !important;
	width:430px !important;
}
.kontakt_wrap p{
	text-align: center;
	color:#fff !important;
	line-height:120% !important;
	margin:12px 0 !important;
}