@charset "utf-8";
/* CSS Document */


/*----------------- GLOBAL ------------------*/




/*----------------- CONTENER ------------------*/

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



/*-------- CONTENT --------*/


.content2 { height:750px; width:1024px; position:relative; margin-left:auto; margin-right:auto; }
.headerSite { position:relative; width:220%; margin-top:50px; height:122px; background:url(../images/tablica.jpg) repeat-x; float:right; margin-right:300px; }
.headerSiteText { float:right; height:100px; width:500px; text-align:right; text-transform:uppercase; margin-right:20px; margin-top:15px; font-family: 'proxima_nova_blregular'; line-height:48px; font-size:45px; letter-spacing:1px; color:#FFFFFF; }
.strapInfoKontakt { width:100%; margin-top:30px; }
.blokRight.kontakt { margin-top: 50px; }
.konatkt .blokBg {  }
.pageGaleria { position:absolute; bottom:5px; right:5px; width:70px; height:18px; }
 .pageGaleria  span { display:inline-block; width:12px; height:18px; background:url(../images/kropkiGaleria.png) bottom no-repeat; }
  .pageGaleria  span.active { background-position:top; }

.blokKontaktLeft { float:right; padding:20px; position:relative; width:900px; margin-right:20px; height:370px; }
.blokKontaktLeft h5 { font-family: 'proxima_nova_ltregular'; letter-spacing: 0.1em; padding: 1px 5px; font-size: 10px; text-transform: uppercase; background-color: #0D1015; font-weight: normal; color: white; position: absolute; bottom: 18px; left: 20px; }
div#map_object { position: relative; /*border: solid 4px #ccc;*/
  background: #eee; height: 400px; width:100%; }
.mapDiv { position: relative; /*border: solid 4px #ccc;*/
  background: #eee; height: 400px; width:100%; margin-top:-93px; }
.mapDiv .spanMap1 { position:absolute; top:0; z-index:1000; background:url(../images/cienMap.png) center -33px no-repeat; height:30px; width:100%; }
.mapDiv .spanMap2 { position:absolute; bottom:0; z-index:1000; background:url(../images/cienMap2.png) center 13px no-repeat; height:30px; width:100%; }
.adress { height:0px; width:1024px; margin-left:auto; margin-right:auto; }
.blokLeft.oferta { margin-top: 60px; }
.blokOfertaLeft { float:left; position:relative; width:376px; height:281px; background: url(../images/photoGaleria_n.png) no-repeat; }
.blokOfertaRight { float:left; padding:20px; overflow:hidden; position:relative; width:471px; height:241px; }
.img { position: absolute; width:285px; height:214px; background-color:#FFF; padding-top:8px; }
.imgInSide { width:269px; height:185px; background:url(../images/thumb-1.png) no-repeat; margin-left:8px; }
.imgInSide a { display:inline-block; width:99px; height:99px; background: url(../images/lupa.png) no-repeat; margin-left:83px; margin-top:45px; }
.imgInSide a:hover { opacity:0.5; }


/*--------  --------*/


.imgInSide1 { background:url(../images/galeriaThumb/1-small.jpg) bottom no-repeat; }
.imgInSide2 { background:url(../images/galeriaThumb/2-small.jpg) bottom no-repeat;}
.imgInSide3 { background:url(../images/galeriaThumb/3-small.jpg) no-repeat;}
.imgInSide4 { background:url(../images/galeriaThumb/4-small.jpg) bottom no-repeat;}
.imgInSide5 { background:url(../images/galeriaThumb/5-small.jpg) no-repeat;}


.textTitle { margin-left:8px; margin-top:3px; }
.textTitle label { font-family: 'proxima_nova_ltregular'; letter-spacing: 0.1em; padding: 1px 5px; font-size: 10px; text-transform: uppercase; background-color: #0D1015; font-weight: normal; color: white; }
.cienImgGaleria { width:294px; height:18px; position:absolute; bottom:-18px; left:0px; background:url(../images/cienPhoto.png) no-repeat; }


.img.img1 { left:0; top:20px; transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-transform:rotate(-25deg); }
.img.img2 { left:300px; top:180px; }
.img.img3 { right:20px; top:20px; transform:rotate(10deg); -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); }

.refreshGaleria { position:absolute; bottom:10px; left:-50px; width:54px; height:54px; background:url(../images/refresh.png) top no-repeat; }
.refreshGaleria:hover { background-position:bottom; }

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