@import url("reset.css");
@import url("thickbox.css");
@import url("jcarousel.css");
@import url("skin.css");
@import url("validator.css");

body {
 text-align: left;
 background: #000 url(../gfx/body.jpg) repeat-x;
}

div#kontener {
 width:100%;
 min-width: 1200px;
 min-height: 868px;
 background: url(../gfx/kontener.png);
}

div#left {
 width: 315px;
 float: left;
 position: relative;
 min-height: 868px;
}

div#adres {
 position: absolute;
 top: 10px;
 left: 12px;
 font: normal 12px "Times New Roman";
 color: #fff;
}

span.gray {
 color: #808080;
 font: normal 10px "MyriadPro Regular", Arial;
}

div#left a img.c1 {
 position: absolute;
 top: 340px;
 left: 160px;
}

div#left a img.c2 {
 position: absolute;
 top: 450px;
 left: 50px;
}

div#right {
 float: left;
 width: 855px;
 min-height: 868px;
}

div#menu {
 width: 400px;
 height: 130px;
 margin: 30px 0 0 100px;
}

div#menu img.logo {
 float: left;
}

div#menu ul {
 float: left;
 margin: 0 0 0 15px;
}

div#menu ul li {
 list-style-type: none;
}

div#menu ul li a {
 color: #808080;
 font: normal 14px/19px "MyriadPro Regular", Arial;
 text-decoration: none;
}

div#menu ul li a:hover, div#menu ul li a.active {
 color: #fff;
}

div#news {
 margin: 10px 0 0 0;
}

div#news div#newslist {
 height: 340px;
 width: 449px;
 overflow: hidden;
}

div.girl1 {
 background: url(../gfx/girl.png) top right no-repeat;
 min-height: 410px;
 position: relative;
}


div.girl {
 background: url(../gfx/girl2.png) top right no-repeat;
 min-height: 410px;
 z-index: -101;
}

div#news h1 {
 color: #fff;
 font: normal 14px Arial;
 text-align: right;
 width: 449px;
 margin: 0 0 6px 0;
}

div#news ul li {
 list-style-type: none;
 width: 449px;
 height: 105px;
 background: url(../gfx/news_bg.png);
 margin-bottom:10px;
}

div#news ul li img {
 float: left;
 margin: 10px 0 0 20px;
}

div#news ul li h2 {
 color: #fff;
 width: 350px;
 font: normal 16px Arial;
 text-align: left;
 float: left;
 margin: 0 0 0 8px;
 padding-top: 10px;
}

div#news ul li h2 span {
 color: #6f6f6f;
 font: normal 12px Arial;
 text-align: left;
}

a.more {
 color: #fff;
 font: normal 10px Arial;
 float: right;
 margin-right: 10px;
 text-decoration: none;
}

a.more:hover {
color: #6c2455;
}

div#newsnav {
 text-align: center;
 width: 449px;
 color: #fff;
}

div#newsnav a {
color: #fff;
font: normal 12px Arial;
text-decoration: none;
}

.circle {
 width: 268px;
 height: 268px;
 position: absolute;
 top: 510px;
 left: 870px;
 background: url(../gfx/circle.png);
}

.circle h2 {
 color: #fff;
 font: normal 14px Arial;
 text-align: center;
 margin-top: 40px;
}

div#footer {
 width: 326px;
 height: 47px;
 background: url(../gfx/footer.png) no-repeat;	
 padding: 10px 0 0 10px;
}

div#footer a img {
 vertical-align: middle;
}

div#subpage {
 width: 740px;

}

div#subpage div.tr1 {
 background: url(../gfx/tr1.png) no-repeat;
 height: 19px;
 width: 740px;
 float: left;
}

div#subpage div.tr2 {
 background: url(../gfx/tr2.png) repeat-y;
 width: 740px;
 float: left;
}

div#subpage div.tr3 {
 height: 19px;
 width: 740px;
 background: url(../gfx/tr3.png) no-repeat;
 clear: both;
}

img.right {
 float: right;
 margin:  -40px 10px 0 10px;
}

img.left {
 float: left;
 margin: 0px 10px 0 10px;
}  

.tr2 h1 {
 color: #fff;
 font: normal 24px Arial;
 padding-left: 10px;
}

.tr2 p {
 margin: 10px;
 color: #888;
 font: normal 12px/18px Arial;
}

span.white {
 color: #fff;
}

p.justify {
 text-align: justify;
}

p.left {
 width: 335px;
 padding: 0 10px;
 margin-right: 10px;
 float: left;
 color: #888;
 font: normal 12px/20px Arial;
 background: url(../gfx/tr2.png) repeat-y;
}

p.impreza {
 width: 390px;
 margin-bottom:25px;
}

p.impreza span.clear {
 display: inline-block;
 width: 100%;
 text-align: center;
 clear: both;
}

div.infobox {
 position: absolute;
 right: 0;
 top: 389px;
 width: 306px;
}

a.gray {
 color: #888;
 text-decoration: none;
}

a.gray:hover {
 text-decoration: underline;
}

div#gallery  {
 width: 700px;
}

div#gallery ul li {
 margin-bottom: 23px;
}

div#gallery ul li a {
 text-align: center;
}

div.map {
 float: left;
 width: 430px;
}

div.gmap {
 width: 417px;
 height: 239px;
 margin:15px 0 0 10px;
 padding: 9px;
 background: url(../gfx/map_bg.png) no-repeat;
}

div.form {
 float: left;
 width: 300px;
}

span.label {
 width: 110px;
 display: inline-block;
}

input.txt {
 width: 158px;
 height: 25px;
 background: url(../gfx/input.png) top left no-repeat;
 border: none;
 color: #fff;
 padding-left: 4px;
}

textarea {
 border: none;
 width: 270px;
 height: 140px;
 background: url(../gfx/textarea.png) top left no-repeat;
 overflow: auto;
 color: #fff;
 padding: 5px;
}

input.submit {
 float: right;
 border: none;
 background: none;
 cursor: pointer;
 font: normal 14px Arial;
 color: #fff;
 margin: -8px 5px 0 0;
}