F@charset "utf-8";







/* CSS Document */















body {







    margin: 0;







	font-family: 'Open Sans', sans-serif;







	font-size: 16px;







	background: #fff;







	color: #072c56;



	height: 100%;



    width: 100%;



    



    /* Set the height to match that of the viewport. */



    height: 100vh;



    



    /* Set the width to match that of the viewport. */







	overflow: hidden;



    











}





.frontbox img { -webkit-filter: blur(5px);

  -moz-filter: blur(5px);

  -o-filter: blur(5px);

  -ms-filter: blur(5px);

  filter: blur(5px);

transition: .3s all;}

.frontbox:hover img {

	 -webkit-filter: blur(0px);

  -moz-filter: blur(0px);

  -o-filter: blur(0px);

  -ms-filter: blur:0px);

  filter: blur(0px);

	

}

.frontbox .overlay {background: rgba(0, 0, 0, 0.5); color: #fff; position:  absolute; width: 300px; height: 470px; z-index: 999; transition: .3s all; text-align: center;}

.frontbox:hover .overlay {background: rgba(0, 0, 0, 0.7);}



.wrap {







    width: 940px;







    margin: 0 auto;







}







.inner {







    width: 940px;







    margin: 5px auto 30px;







}







hr.red {







    color: #177cc2;







    border-color: #177cc2;







}















#header {







    width: 100%;







}















h1 {







	font-size: 60px; 







	color: #000; 







	letter-spacing: -2px; 







	font-weight: 400;







	line-height: 40px;







	padding: 10px;







	font-family: 'Playfair Display', serif;







	}











.pokoj {



	width: 300px; 



	height: 400px; 



	display: inline-block; 



	vertical-align:  top; 



	font-family: 'Oswald', sans-serif; 



	font-size: 16px; 



	letter-spacing: 0px; 



	font-weight: 300; 



	text-align: justify;



	margin-left: 10px;



	margin-right: 10px;



}







.half-black {



  background: rgba(0, 0, 0, 0.5);



}



.half-gold {



  background: rgba(148, 103, 50, 0.5);



	opacity: 0;



	background-color: #764915;



  background-blend-mode: multiply; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 300; text-align:  center;



}



.gold {background-color: #d09d61;



  background-blend-mode: color-burn; font-family: 'Oswald', sans-serif; color: #fff; font-weight: 300; text-align:  center;}



.map {



    -webkit-filter: grayscale(100%);



       -moz-filter: grayscale(100%);



        -ms-filter: grayscale(100%);



         -o-filter: grayscale(100%);



            filter: grayscale(100%);



}











.arrow-up {



  width: 0; 



  height: 0; 



  border-left: 155px solid transparent;



  border-right: 155px solid transparent;



  border-bottom: 155px solid #755837;



 margin: 0 auto;



	



}







#infobox1 {background: #d09d61; height: 250px; width: 100%;}







#dolnypas {background: #ffdb48; height: 165px; width: 100%; clear: both; overflow: hidden;}



#dolny1 {float: left; width: 35%; height: 165px; background: #ffdb48; text-align: center;}



#dolny2 {float: left; width: 30%; height: 165px; background: #d0d0d0; text-align: center;}



#dolny3 {float: left; width: 35%; height: 165px; background: #58bbff; text-align: center;}















#Box1 {background: #0db5ce; width: 100%; min-height: 200px; height: auto; overflow: hidden; clear: both;}







#Box1 p {color: #fff;}















#Box2 {background: #ec2a31; width: 100%; min-height: 200px; border-top: 30px solid #f44e75; overflow: hidden; clear: both; border-bottom: 30px solid #b01e41;}







#Box2 p {color: #fff;}















.pager {text-align: center; font-size: 36px; cursor: pointer; color: #adadad}







.pager .cycle-pager-active{color: #000;}















.pager2 {text-align: center; font-size: 56px; cursor: pointer; color: #d0d0d0}







.pager2 .cycle-pager-active{color: #d09d61;}















a {text-decoration: none;}







a:hover {text-decoration: none; color: #ed1c24;}























.bantext {padding-top: 200px; }







.bantext p {







	color: #fff;







	







}























#projektowy {width: 100%; height: 425px; overflow: hidden; clear: both; color: #fff;}







#projektowy p {color: #fff; font-size: 16px;}















#reklamowy {width: 100%; height: 230px; background: #d1d1d1; overflow: hidden; clear: both;}















.rekbox {width: 490px; height: 230px; overflow: hidden; float: left; color: #000;}























#logo.smaller {width: 150px;}







/* #top_menu3.active {border-bottom: 3px solid #153fc2; }











#top_menu.active {box-shadow: 0 0 10px rgba(0,0,0,0.44); } */











.produktbox {







	width: 308px;







	height: 580px;







	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







display: inline-block;	







background: #343434;







color: #fff;







}















.produktbox .image {height: 466px; width: 308px; overflow: hidden; background: #f1f1f1;}







.produktbox .price {height: 72px; width: 308px; overflow: hidden; background: #ed1c24;}







.produktbox .title {font-size: 33px; letter-spacing: -2px; font-weight: 300; color: #000;}







.produktbox .subtitle {font-size: 18px; letter-spacing: -0.8px; font-weight: 300; color: #000;}







.produktbox .cena {font-size: 36px; letter-spacing: -2px; font-weight: 300; color: #fff;}







.produktbox .more2 {font-size: 16px; letter-spacing: -0.5px; font-weight: 300; color: #fff;}























.produktbox2over {







	width: 308px;







	height: 480px;







	-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







display: inline-block;	







background: #000 url(../images/cursor.png) no-repeat center center;







color: #fff;







margin-left: 10px;







margin-right: 10px;







margin-top: 22px;







}







.produktbox2 {







	width: 308px;







	height: 480px;







background: #d09d61;







color: #000;















}















.produktbox2 .image {height: 366px; width: 308px; overflow: hidden; background: #f1f1f1;}







.produktbox2 .price {height: 72px; width: 308px; overflow: hidden; background: #58bbff;}







.produktbox2 .title {font-size: 33px; letter-spacing: -2px; font-weight: 300; color: #000;}







.produktbox2 .subtitle {font-size: 18px; letter-spacing: -0.8px; font-weight: 300; color: #000;}







.produktbox2 .cena {font-size: 36px; letter-spacing: -2px; font-weight: 300; color: #fff;}







.produktbox2 .more2 {font-size: 20px; letter-spacing: -0.5px; font-weight: 300; color: #fff;}



















.galbox_out {
	
	
margin-left: 15px;

margin-bottom: 15px;
	
	display: inline-block; width: 260px; height: 280px; 
	text-align: center;
	vertical-align:  top;
}

.galbox3 {width: 260px; 



vertical-align:  top;



height: 200px;


margin-left: 15px;

margin-bottom: 15px;




-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);





box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);


display: inline-block;



overflow: hidden;




}

.galbox3 img {-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */







    filter: grayscale(100%);}


.galbox {width: 260px; 



vertical-align:  top;



height: 200px;


margin-left: 15px;

margin-bottom: 15px;




-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







display: inline-block;














overflow: hidden;







}















.galbox img {-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */







    filter: grayscale(100%);}







.galbox22 {



}





.galbox22 img {  -moz-transform: scale(1.1);

  -webkit-transform: scale(1.1);

  transform: scale(1.1);

-moz-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;}







.galbox p {color: #fff; text-shadow: #000 1px 1px 1px; font-size: 24px; letter-spacing: -0.7px;}















.galbox2 {width: 160px; 







height: 100px;







-webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.45);







display: inline-block;







margin-left: 15px;







margin-bottom: 15px;







overflow: hidden;







}







.galbox2 img {-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */







    filter: grayscale(100%);}







low: hidden;







}















.red {height: 6px; border: none; width: 100%; color: #177cc2; background: #177cc2;}























#zapytaj {padding: 10px; background: #ffdb48; color: #177cc2; font-size: 18px; width: 200px; text-align: center; font-weight: 300; }







#wroc {padding: 10px; background: #177cc2; color: #fff; font-size: 18px; width: 200px; text-align: center; font-weight: 300; cursor: pointer;  margin-top: 10px;}















.akt {font-size: 16px; letter-spacing: -0.3px; text-justify:distribute;}







#Opinie {width: 100%; height: 500px; background: #333333; border-bottom: 30px solid #4dee9d;}







#Opinie p {color: #fff;}























#infobox_back {width: 980px; margin: 0 auto; min-height: 280px; background: #d09d61; overflow: hidden; text-align: center; }















.infobox {







	width: 238px;







	height: 358px;







	



	



	margin-left: 40px;







	display: inline-block;







	overflow: hidden;



	border-top: 3px solid #e3000f;







}







.infoshadow {background: url(../images/blackoverlay.png); width: 100px; height: 140px; position: absolute; margin-left: 138px;}







.infobox_in {







	width: 238px;







	height: 338px;







	float: left;







	text-align: center;







	cursor: pointer;







	padding: 10px;







	color: #000;







}







.infobox a {color: #000;}







.infobox a:hover {color: #000;}







.infobox p {color: #000; font-size: 16px; font-weight: 300;}























.infobox_bialy {







	width: 176px;







	height: 338px;







	float: left;







	text-align: center;







	cursor: pointer;







	padding: 10px;







	color: #fff;







}







.infobox_bialy a {color: #fff;}







.infobox_bialy a:hover {color: #fff;}







.infobox_bialy p {color: #fff; font-size: 16px; font-weight: 300;}























.infox {







width: 280px;







height: 280px;







/*-webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.36);







-moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.36);







box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.36); */







overflow: hidden;







display: inline-block;	







margin: 30px 8px 0px 8px;







line-height: 20px;	







display: inline-block;







	-webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    -khtml-border-radius: 50%;







}















.infox p {color: #fff; text-shadow: #000 1px 1px 1px; font-size: 24px; letter-spacing: -0.7px;}























.infox2 {







width: 300px;







overflow: hidden;







display: inline-block;	







color: #006586;







}























.more {padding: 4px; background: #fff; color:#000;-webkit-border-radius: 50px;







    -moz-border-radius: 50px;







    border-radius: 50px;







    -khtml-border-radius: 50px;}















#top_menu {







    height:100%;







    overflow: hidden;





	min-width: 170px;

	width: 15%;







	position: fixed;







	z-index: 999;

	

	background-color: rgba(0, 0, 0, 0.7);

	background: rgba(0, 0, 0, 0.7);





	text-align: center;







}







#top_corp_menu {







	position: absolute;







    height: 33px;







	width: 473px;







	top: 0;







    margin-left: 303px;







	background: #e3e0e0;







	-webkit-border-radius: 0px 0px 9px 9px;







	border-radius: 0px 0px 9px 9px; 







	-webkit-box-shadow: 0px 0px 2px 2px #c2c2c2;







	box-shadow: 0px 0px 2px 2px #c2c2c2; 







}







#corp_nav {







    width: 300px;







    







    margin: 0;







    padding-left: 10px;







    font-size: 11px;







    color: #646464;







}







#corp_nav ul {







    margin-top: 8px;







    height: 15px;







}







#corp_nav ul li {







	float: left;







	margin: 4px 0 0 6px;







	padding: 0 6px 0 0;







	border-right: 1px solid #646464;







	height: 11px;







	line-height: 10px;







    list-style: none;







}







#corp_nav ul li:last-child {







    border-right: none;







}







#corp_nav a {







    color: #646464;







    text-decoration: none;







}







#corp_nav a:hover {







    color: #d1150a;







    text-decoration: none;







}







hr.line {







    margin: 6px 10px 0;







    border: 0px #fff solid;







    height:1px;







    background:#fff;







    color: #fff;







}







hr.line.gray {







    border: 0px #eee solid;







    background:#eee;







    color: #efefef;







}







#top_corp_red_box {







    position: absolute;







    right: 0;







    top: -165px;







    width: 160px;







    height: 198px;







    padding: 0;







    border: 1px #fff solid;







    background: #d00900;







    -webkit-border-radius: 99px;







    border-radius: 9px;







    font-size:11px;







    color: #fff;







    text-align:center;







    z-index: 999;







}







.top_corp_content {







    min-height: 153px;







}







.member {







    display: block;







    padding: 40px 10px 0;







    color: #fff;







    text-align: left;







}







.member .meta {







    font-size: 10px;







}







.member .date {







    font-weight: 700;







}







.member .name {







    color: #feef00;







    font-size: 12px;







    font-weight: 700;







}







.page_partners,







.logout {







    padding: 0 10px;







}







.page_partners a,







.logout a {







    display: block;







    padding-left: 28px;







    height: 32px;







    line-height: 32px;







    color: #fff;







    text-align: left;







    text-decoration: none;







}







.page_partners a:hover,







.logout a:hover {







    color: #d00900;







    text-decoration: none;







    background-color: #fff;







}







.logout a {







    background: url(../images/power-white.png) no-repeat left 50%;







}







.logout a:hover {







    background: #fff url(../images/power-red.png) no-repeat left 50%;







}







.page_partners a {







    background: url(../images/white_arrow_next.png) no-repeat 6px 50%;







}







.page_partners a:hover {







    background: #fff url(../images/red_arrow_next.png) no-repeat 6px 50%;







}







#top_corp_red_box form {







    padding-top: 40px;







}







#top_corp_red_box .input_texts,







#top_corp_red_box .box_button {







    line-height: 32px;







}







#top_corp_red_box .input_box {







    width: 100px;







    height: 21px;







    padding: 0 3px 0 3px;







    border: 1px solid #fff; 







    background: url(../images/grey_input.png) repeat-x;







    font-size: 11px;







    -webkit-border-radius: 3px;







    border-radius: 3px;







}







#top_corp_red_box .red_login_box_button {







    float: right;







    margin-right: 10px;







    margin-top: 5px;







}







#top_corp_red_box .box_zh {







    margin: 5px 10px;







    padding-right: 20px;







    line-height: 11px;







    text-align: right;







    letter-spacing: -0.4px; 







}







#top_corp_red_box .box_zh a {







    color: #eee;







    font-size: 10px;







    text-align: right;







    text-decoration: none;







}







#top_corp_red_box .box_zh a:hover {







    color: #fff;







    text-decoration: underline;







}







#top_corp_red_box .button_box {







	width: 69px;







	height:23px;







	padding: 0px 3px 0 3px;







	border: 1px solid #fff; 







	background: url(../images/red_button_gradient.png); 







	color: #fff;







	font-size: 11px;







	-webkit-border-radius: 3px;







	border-radius: 3px;







}







#top_corp_red_box .partnerBox {







    width: 144px;







    margin: 0 auto;







}







#top_corp_red_box .partnerBox a {







    display: block;







    padding-right: 25px;







    height: 32px;







    line-height: 32px;







    background: url(../images/arrow_down.png) no-repeat right 50%;







    color: #fff;







    text-decoration: none;







}







#top_corp_red_box .partnerBox a:hover {







    text-shadow: 0px 0px 1px #fff;







}







#top_corp_red_box .partnerBox a span {







    display: block;







    padding-left: 25px;







    height: 32px;







    line-height: 32px;







    background: url(../images/account.png) no-repeat left 50%;







}







#top_corp_red_box.selected .partnerBox a {







    background: url(../images/arrow_up.png) no-repeat right 50%;







}







#top_corp_red_box.selected {







    -webkit-box-shadow: 0px 0px 24px rgba(200,0,0,0.8);







    -moz-box-shadow: 0px 0px 24px rgba(200,0,0,0.8);







    box-shadow: 0px 0px 24px rgba(200,0,0,0.8);







}















#logo_left {







    float: left;







    margin-top: 20px;







}







#logo_right {







    float: right;







    margin-top: 20px;







}















#Navigation {







   







    margin-top: 20px;







	font-family: 'Merriweather', serif;







	max-width: 300px;

	

	margin: 0 auto;















}







#Navigation ul {







    







    margin-top: 30px;





















}







#Navigation ul li {



	height: 35px;

	

    list-style: none;



	color: #fff;

	

	clear: both;



}







#Navigation ul li a {







    display: block;







    padding: 2px 5px 2px 5px;







    color: #fff;







    font-size: 17px;







    font-weight: 300;







    letter-spacing: -0.2px;







    text-align: center;







    text-decoration: none;



	



	text-transform: none;









	







}







#Navigation ul li a:hover {







    







    color: #7C7C7C;







	font-weight: 300;



	











	







}















#Navigation ul li.section a,







#Navigation ul li.current a {

	

	color: #7C7C7C;







	font-weight: 300;







	}











#Navigation3 ul {







    height: 20px;



	text-align: center;



	margin-top: -20px;







}







#Navigation3 ul li {







   display: inline-block;







    margin-left: 15px;







    list-style: none;



	padding: 0px;







}







#Navigation3 ul li a {







    display: block;







    padding: 2px 3px;







    color: #000;







    font-size: 18px;







    font-weight: 300;







    letter-spacing: -0.2px;







    text-align: center;







    text-decoration: none;







 list-style: none;



	







}







#Navigation3 ul li a:hover {







    







    color: #000;







	font-weight: 300;



	



	border-bottom: 5px solid #d09d61;







}















#Navigation3 ul li.section a,







#Navigation3 ul li.current a {color: #000;







	font-weight: 300;



	



	border-bottom: 5px solid #d09d61;







	}







#Navigation_Bottom {







    float: left;







   font-family: 'Playfair Display', serif;







    width: 220px;







}







#Navigation_Bottom ul {







    height: 20px;







    margin-top: 0px;







  







}







#Navigation_Bottom ul li {







    















    list-style: none;







}







#Navigation_Bottom ul li a {







    display: block;







    padding: 2px 0px;







    color: #fff;







    font-size: 14px;







    font-weight: 300;







    letter-spacing: -0.3px;







    text-align: left;







    text-decoration: none;







	text-transform: none;







}







#Navigation_Bottom ul li a:hover {







    







    color: #fff;







	font-weight: bold;







}















#Navigation_Bottom ul li.section a,







#Navigation_Bottom ul li.current a {color: #fff;







	font-weight: bold; }















#TekstsBox {width: 100%; height: 636px; background: #eb271d;}















#OpisBox {width: 100%; min-height: 420px; background: #f5f7ef;}















#RealizacjeBox {width: 100%; min-height: 600px; background: #fff;}















#FirmaBox {width: 100%; min-height: 400px; background: #828282;}















#map_wrapper {







    height: 600px;







}















#map_canvas {







    width: 100%; 







    height: 100%;







}















#BannerBox {width: 100%; height: 100%; background: #ebebeb; /* Set the height to match that of the viewport. */



    height: 100vh;



    



    /* Set the width to match that of the viewport. */



   }







#BannerBox .center2 { width: 980px; margin: 0 auto; }















#HomeBannerLeft {width: 3000px; margin-left: -2667px; height: 322px; background: #ffca15 url(../images/home_banner_left.png) no-repeat right; float: left; }







#HomeBannerLeft_In {width: 333px; float: right;}







#HomeBannerCenter {width: 332px; height: 322px; background: #3eb64c url(../images/szukajspeca.png) no-repeat center center; float: left; }







#HomeBannerRight {width: 315px; height: 322px; background: #ebebeb; float: left; }























.none {height: 135px; width: 100%; overflow: hidden; clear: both;}



 .fadeInDown {



  -webkit-animation-name: fadeInDown;



  animation-name: fadeInDown;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



  }



  @-webkit-keyframes fadeInDown {



  0% {



  opacity: 0;



  -webkit-transform: translate3d(0, -100%, 0);



  transform: translate3d(0, -100%, 0);



  }



  100% {



  opacity: 1;



  -webkit-transform: none;



  transform: none;



  }



  }



  @keyframes fadeInDown {



  0% {



  opacity: 0;



  -webkit-transform: translate3d(0, -100%, 0);



  transform: translate3d(0, -100%, 0);



  }



  100% {



  opacity: 1;



  -webkit-transform: none;



  transform: none;



  }



  } 



×



 .animated.flip {



  -webkit-backface-visibility: visible;



  backface-visibility: visible;



  -webkit-animation-name: flip;



  animation-name: flip;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



  }



  @-webkit-keyframes flip {



  0% {



  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);



  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



  }



  40% {



  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);



  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



  }



  50% {



  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);



  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  80% {



  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);



  transform: perspective(400px) scale3d(.95, .95, .95);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  100% {



  -webkit-transform: perspective(400px);



  transform: perspective(400px);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  }



  @keyframes flip {



  0% {



  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);



  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



  }



  40% {



  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);



  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);



  -webkit-animation-timing-function: ease-out;



  animation-timing-function: ease-out;



  }



  50% {



  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);



  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  80% {



  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);



  transform: perspective(400px) scale3d(.95, .95, .95);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  100% {



  -webkit-transform: perspective(400px);



  transform: perspective(400px);



  -webkit-animation-timing-function: ease-in;



  animation-timing-function: ease-in;



  }



  } 











 .tada {



  -webkit-animation-name: tada;



  animation-name: tada;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



  }



  @-webkit-keyframes tada {



  0% {



  -webkit-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  }



  10%, 20% {



  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);



  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);



  }



  30%, 50%, 70%, 90% {



  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);



  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);



  }



  40%, 60%, 80% {



  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);



  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);



  }



  100% {



  -webkit-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  }



  }



  @keyframes tada {



  0% {



  -webkit-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  }



  10%, 20% {



  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);



  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);



  }



  30%, 50%, 70%, 90% {



  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);



  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);



  }



  40%, 60%, 80% {



  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);



  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);



  }



  100% {



  -webkit-transform: scale3d(1, 1, 1);



  transform: scale3d(1, 1, 1);



  }



  } 







  .shake {



  -webkit-animation-name: shake;



  animation-name: shake;



  -webkit-animation-duration: 1s;



  animation-duration: 1s;



  -webkit-animation-fill-mode: both;



  animation-fill-mode: both;



  }



  @-webkit-keyframes shake {



  0%, 100% {



  -webkit-transform: translate3d(0, 0, 0);



  transform: translate3d(0, 0, 0);



  }



  10%, 30%, 50%, 70%, 90% {



  -webkit-transform: translate3d(-10px, 0, 0);



  transform: translate3d(-10px, 0, 0);



  }



  20%, 40%, 60%, 80% {



  -webkit-transform: translate3d(10px, 0, 0);



  transform: translate3d(10px, 0, 0);



  }



  }



  @keyframes shake {



  0%, 100% {



  -webkit-transform: translate3d(0, 0, 0);



  transform: translate3d(0, 0, 0);



  }



  10%, 30%, 50%, 70%, 90% {



  -webkit-transform: translate3d(-10px, 0, 0);



  transform: translate3d(-10px, 0, 0);



  }



  20%, 40%, 60%, 80% {



  -webkit-transform: translate3d(10px, 0, 0);



  transform: translate3d(10px, 0, 0);



  }



  } 











#TitleBox {width: 100%; height: 250px; background-color: #90602a;



  background-blend-mode: soft-light; clear: both; overflow: hidden; float: left; background-position:  center center;}







#TitleBox h1 {color: #284253; font-size: 40px; letter-spacing: -2.3px; font-weight: bold; padding-top: 15px;}







#TitleBox .center { width: 1200px; margin: 0 auto;  height: 88px;}







#TitleBox .center2 { width: 980px; margin: 0 auto;}















#NewsletterBox {width: 100%; height: 234px; background: #ebebeb;}







#NewsletterBox .center {background: url(../images/newsletterbox.png) no-repeat left; width: 980px; margin: 0 auto; overflow: hidden; height: 234px;} 















#ContentBox {width: 100%; min-height: 300px; background: #fff; overflow: hidden; padding-top: 50px;padding-bottom: 50px;  }







.rozek {width: 0;



height: 0;



border-style: solid;



border-width: 100px 100px 0 0;



border-color: #d09c61 transparent transparent transparent;



position:  absolute;}







.center { width: 980px; margin: 0 auto; overflow: hidden;}







.center p {font-size: 16px; font-family: 'Playfair Display', serif;}







.center p a {text-decoration: none;}







.center a:hover {text-decoration: none; color: #58bbff;}















.center h1 {}















.TotalPlacowka {font-size: 256px; letter-spacing: -10px; color: #fff; font-weight: bold; text-align: center; margin-top: -20px;}







.TotalPlacowka_Text {font-size: 20px; letter-spacing: -1px; color: #fff; font-weight: bold; margin-top: -50px; float: right; margin-right: 75px;}















.Placowka {text-decoration: none; width: 190px; margin-left: 40px; }







.Placowka p {text-decoration: none;}







.Placowka a {text-decoration: none;}







.Placowka_Text {text-align: center; color: #284253; letter-spacing: -0.5px; font-size: 14px; margin-top: 15px;}







.Placowka_Text_Nazwa {font-size: 20px; letter-spacing: -0.9px; font-weight: bold;}















#Aktualnosci_Title {font-size: 22px; letter-spacing: -1px; color: #284253; font-weight: bold;} 















.Aktualnosci_Text {font-size: 22px; letter-spacing: -1px; color: #284253; font-weight: bold;} 







.Aktualnosci_Box {







	width: 303px;







	height: 478px;







	float: left;







	margin-right: 33px;







}















#Artykul_Foto {width: 100%; height: 244px;}







#ContentBox h2 {font-size: 32px; letter-spacing: -1px; color: #000; font-weight: bold;} 















#ContentBox ul {list-style: square; font-size: 16px;}















#ContentBox ul li  {list-style: circle; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300;}















.clearbox {clear: both; overflow: hidden; margin-top: 20px;}















.center h2 {color: #2d2d2d; font-weight: bold; letter-spacing: -3px; font-size: 48px; text-align: center;}







.bord {color: #eb271d; background: #eb271d; height: 7px; border: none; width: 80px; margin: 0 auto;}















.BannerDuzy {font-size: 60px; background: #eb271d; padding: 7px 30px 7px 30px; letter-spacing: -3px; font-weight: 300; color: #fff;}







.BannerMaly {font-size: 32px; background: #a50b04; padding: 7px 30px 7px 30px; letter-spacing: -1px; font-weight: 500; color: #fff;}















.InfoBoxHome {background: #c40a01; width: 318px; height: 583px; text-align: center; margin-left: 5px; display: inline-block; overflow: hidden; margin-top: 53px;}







.InfoBoxHome p {color: #fff; font-size: 16px; font-weight: 300;}















.OpisBox {with: 980px; clear: both; height: 320px;}







.OpisBox_Lewy {width: 490px; float: left; height: 320px;}







.OpisBox_Prawy {width: 490px; float: left; height: 320px;}















.OpisBox_Lewy_A {width: 490px; float: left; height: 320px;}







.OpisBox_Lewy_A p {color: #fff;}















.OpisBox_Prawy_A {width: 490px; float: left; height: 320px;}







.OpisBox_Prawy_A p {color: #2d2d2d;}















.RealizacjaBox {width: 225px; height: 387px; background: #d5d5d5; float: left; margin-left: 16px; overflow: hidden;}







.RealizacjaBox2 {width: 235px; height: 387px; background: #d5d5d5; float: left; margin-left: 26px; overflow: hidden;}















.info_content h1 {font-size: 24px; font-weight: bold; color: #eb271d; padding: 5px;}







.info_content p {padding: 10px; line-height: 22px;}







.info_content .buba {padding: 10px; line-height: 32px;}







.image_round {







	display: inline-block;







	-webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    -khtml-border-radius: 50%;







	margin-left: 5px;







	margin-top: 5px;







	border: solid  #E5E5E5 20px;



	



	







	}















.box_round {







	width: 50px;







	height: 50px;







	display: inline-block;







	-webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    -khtml-border-radius: 50%;







	text-align: center;







	position: absolute;







	margin-top: 183px;







	margin-left: 126.5px;







	}















.box_round2 {







	width: 136px;







	height:  27px;







	-webkit-border-radius: 50px;







    -moz-border-radius: 50px;







    border-radius: 50px;







    -khtml-border-radius: 50px;







	text-align: center;







	padding-top: 7px;







	margin: 0 auto;







	clear: both;







	}







.box_round3 {







	width: 50px;







	height: 50px;







	display: inline-block;







	-webkit-border-radius: 50%;







    -moz-border-radius: 50%;







    border-radius: 50%;







    -khtml-border-radius: 50%;







	text-align: center;







	position: absolute;







	margin-top: 216px;







	margin-left: 465px;







	}







.box_round4 {







	height:  27px;







	-webkit-border-radius: 50px;







    -moz-border-radius: 50px;







    border-radius: 50px;







    -khtml-border-radius: 50px;







	text-align: center;







	padding-top: 7px;







	}







#bannersBox {







    background: url(../images/home_top_back.png) repeat-x left -128px;







}







#banners {







    height: 291px;







    overflow: hidden;







}















#banner_left {







    position: relative;







    float: left;







    width: 621px;







    height: 291px;







    background: url(../images/banner_left_back.png) no-repeat 2px 10px;







}







#banner_left .banner_item {







    position: absolute;







    top: 0;







    left: 0;







    width: 621px;







    height: 291px;







    z-index: 100;







    display: none;







}







#banner_left .banner_top_layer {







    position: absolute;







    top: 80px;







    left: 0;







}







#banner_left .banner_text1 {







	width: 260px;







	line-height: 44px;







	color: #d00900;







	font-size: 41px;







	font-weight: bold;







	letter-spacing: -3px;







}







#banner_left .banner_text2 {







	width: 260px;







	margin-top: 7px;







	line-height: 24px;







	color:#646464;







	font-size:20px;







	font-weight: 100;







	letter-spacing: -1px;







}















#banner_left .banner_gfx {







    margin: 30px 0 0 230px;







}







#banner_control {







    position: absolute;







    bottom: 20px;







    right: 20px;







    z-index: 101;







}







#banner_control ul li { 







	float: left;







	margin-right: 6px;







	padding-top: 2px;







	width: 22px; 







	height: 20px; 







	border: 1px #fff solid;







	background: #d00900;







	color: #fff;







	list-style: none; 







	text-align:center;







	vertical-align:middle;







	font-size: 13px;







	-webkit-border-radius: 11px;







	border-radius: 11px; 







}







#banner_control ul li a {







    color: #fff;







    text-decoration: none;







}







#banner_control ul li:hover {







    border: 1px solid #fee700;







    color: #fee700;







    text-decoration: none;







}















#banner_right {







    float: left;







    margin-left: 19px;







    width: 300px;







    height: 291px;







}















#promo_top {







    margin-top: 12px;







    width: 300px;







    height: 27px;







    border-bottom: 1px solid #d00900;







    clear: both;







}







#promo_top .title {







    float: left;







}







#promo_top a.show_all {







    display: block;







    float: right;







    margin-top: 7px;







    padding-left: 15px;







    background: url(../images/grey_arrow_next.png) no-repeat left 50%;







    text-decoration: none;







}







#promo_top a.show_all:hover {







    background-image: url(../images/red_arrow_next.png);







}















#content .column_200,







#content .column_220,







#content .column_300,







#content .column_320, 







#content .column_380,







#content .column_465,







#content .column_480,







#content .column_540,







#content .column_620,







#content .column_680,







#content .column_720 {







	float: left;







}







#content .column_200 {







	width: 200px;







}







#content .column_220 {







	width: 220px;







}







#content .column_300 {







	width: 300px;







}







#content .column_320 {







	width: 320px;







}







#content .column_380 {







	width: 380px;







}







#content .column_465 {







	width: 465px;







}







#content .column_480 {







	width: 480px;







}







#content .column_540 {







	width: 540px;







}







#content .column_620 {







	width: 620px;







}







#content .column_680 {







    width: 680px;







}







#content .column_720 {







	width: 720px;







}







#odkryj_teraz,







#tools,







#articles,







#sidebar,







#products_box,







#news {







    margin-left: 20px;







}















#content .header {







    width: 100%;







    height: 27px;







    margin-top: 0;







    border-bottom: 1px solid #d00900;







    clear: both;







}







#content .header .title {







    float: left;







}







#content .header a.show_all {







    display: block;







    float: right;







    margin-top: 7px;







    padding-left: 15px;







    background: url(../images/grey_arrow_next.png) no-repeat left 50%;







    text-decoration: none;







}







#content .header a.show_all:hover {







    background-image: url(../images/red_arrow_next.png);







}







#content a.read_more_white {







    display: block;







    float: right;







    padding-left: 15px;







    padding-right: 5px;







    background: url(../images/white_arrow_next.png) no-repeat left 50%;







    color: #fff;







    font-size: 12px;







    text-decoration: none;







    text-shadow: 1px 1px 1px #444;







}







#content a.read_more_white:hover {







    color: #ff3;







    text-shadow: 0px 0px 1px #fff;







}







#content ul {







    margin-left: 2em;







}







#content ul li {







    list-style: square;







}















.box {







    border-style: solid;







    border-width: 1px;







    clear: both;







}







.box .box-inner {







    width: 100%;







}















.box.home {







    margin-top: 14px;







    height: 145px;







}







.box.home .box-content {







    height: 121px;







}







.box.home .box-bottom {







    height: 24px;







    line-height: 24px;







    background-position: left 50%;







    background-repeat: repeat-x;







}







.box.home .box-bottom p {







    font-size: 12px;







}















.box.green { border-color: #019d0f; }







.box.green .box-bottom { background-image: url(../images/green_gradient.png); }







.box.orange { border-color: #ff7209; }







.box.orange .box-bottom { background-image: url(../images/orange_gradient.png); }







.box.red { border-color: #c81810; }







.box.red .box-bottom { background-image: url(../images/red_gradient.png); }















.home_box_1 {







    width: 378px;







    height:145px;







    border: 1px solid  #7c7676;







    background:url(../images/home_box_gradient.png) repeat-x top;







    margin-top: 14px;







    clear: both;







}







.home_box_1_top {







    height: 121px;







    width: 100%;







}







.home_box_1_top_in {







    width: 223px;







    float: right;







    margin-right: 3px;







}







.home_box_1_bottom {







	height: 24px;







	width: 100%;







	background: url(../images/home_box_bottom.png) repeat-x bottom;







}







.home_box_1_image {







	width: 138px;







	height: 138px;







	border: 1px solid #757575;







	overflow: hidden;







	position: absolute;







	margin: -1px 0 0 -1px;







    background: #fff;







}







.home_box_1 p {







    margin-bottom: 8px;







}















#page {







    background: url(../images/page_top_back.png) repeat-x left -128px;







}















#breadcrumbs {







    padding-top: 8px;







}







#breadcrumbs p.small {







    font-weight: bold;







}







#breadcrumbs p.small span {







    font-weight: normal;







}







#breadcrumbs a {







    padding: 1px 2px;







    color: #646464;







}







#breadcrumbs a:hover {







    background: #d00900;







    color: #fff;







    text-decoration: none;







}















#page h1.title {







    margin-bottom: 1em;







    padding-top: .6em;







    border-bottom: 1px solid #d00900;







    color: #d00900;







    font-size: 20px;







    font-weight: 800;







    letter-spacing: -1px;







}















#product h1.title {







    margin-bottom: 2px;







}







#product h2 {







    margin-bottom: 2px;







    color: #777;







    font-size: 17px;







    font-weight: bold;







    letter-spacing: -1px;







}







#product_image img {







    border: 1px solid #999;







}







#product_info h3.price {







    padding: .1em .1em 0 .64em;







    border: 1px solid #999;







    border-left: 0;







    line-height: 60px;







    background: url(../images/produkt_gradient.png) left 50%;







    font-size: 52px;







    font-weight: 800;







    text-shadow: 1px 1px 1px #fff;







}







#product_info h3.price small {







    font-size: 30px;







    font-weight: normal;







}







.nowosci h3.price {







    color: #019c0f;







}







.promocje h3.price {







    color: #d00900;







}







div.info {







    padding: 20px;







    color: #777;







}







.description,







.date_promo,







.availability {







    margin-bottom: 20px;







}







.date_promo .date_range,







.availability ul li {







    color: #d00900;







    font-weight: bold;







}







.date_promo .date_range {







    font-size: 1.4em;







}







.availability ul li {







    







}















.produkt_control {







    width: 300px;







    height: 22px;







    margin-top: 5px;







    clear: both;







}







.produkt_control a.show_prev {







    display: block;







    float: left;







    padding-left: 15px;







    background: url(../images/red_arrow_prev.png) no-repeat left 50%;







    text-decoration: none;







}







.produkt_control a.show_prev:hover {







    background-image: url(../images/grey_arrow_prev.png);







}







.produkt_control a.show_next {







    display: block;







    float: right;







    padding-right: 15px;







    background: url(../images/red_arrow_next.png) no-repeat right 50%;







    text-decoration: none;







}







.produkt_control a.show_next:hover {







    background-image: url(../images/grey_arrow_next.png);







}















.produkt_items {







    margin-right: -20px;







    overflow: hidden;







    clear: both;







}







.produkt_items .produkt_item {







    float: left;







    margin-right: 20px;







    width: 138px;







    height: 210px;







    border: 1px solid #cbcbcb;







}







.produkt_items .produkt_item.last,







.produkt_items .produkt_item:last-child {







    margin-right: 0;







}







.produkt_items_box {







    padding-top: 5px;







    overflow: hidden;







    clear: both;







}







.produkt_items_box .produkt_item {







    float: left;







    margin-left: 20px;







    width: 138px;







    height: 210px;







    border: 1px solid #cbcbcb;







}







.produkt_items_box .produkt_item.first,







.produkt_items_box .produkt_item:first-child {







    margin-left: 0;







}







.produkt_item a {







    text-decoration: none;







}







.produkt_item span {







    display: block;







}







.produkt_item .item_thumb {







    height: 138px;







    border-bottom: 1px solid #cbcbcb;







}







.produkt_item .item_description {







    height: 32px;







    padding: 2px 5px;







    border-bottom: 1px solid #cbcbcb;







    background: url(../images/promo_gradient.png) repeat-x;







    color: #646464;







    font-size: 11px;







    letter-spacing: -0.2px;







}







.produkt_item .item_price {







    padding-right: 3px;







    height: 34px;







    line-height: 34px;







    background: url(../images/promocje_yellow_gradient.png) repeat-x;







    text-align: right;







    overflow: hidden;







}







.nowosci .produkt_item .item_price {







    background: url(../images/nowosci_green_gradient.png) repeat-x;







    color: #fff;







    text-shadow: #000 1px 1px 1px;







}







.promocje .produkt_item .item_price {







    background: url(../images/promocje_yellow_gradient.png) repeat-x;







}







.ProduktKategoria .produkt_items {







    padding-bottom: 30px;







}







.ProduktKategoria h3.no-items,







.produkt_items_box h3.no-items {







    line-height: 50px;







    color: #777;







    font-size: 27px;







    font-weight: bold;







    text-align: center;







}







.produkt_items_box h3.no-items {







    line-height: 27px;







    font-size: 17px;







}







.group_by_4 .produkt_item,







.ProduktKategoria .produkt_item {







    margin-bottom: 20px;







}







.by_2,







.group_by_2 {







    width: 300px;







    height: 212px;







    clear: both;







    overflow: hidden;







}







.by_4,







.group_by_4 {







    width: 300px;







    height: 484px;







    clear: both;







    overflow: hidden;







}















.art_items,







.news_items {







    clear: both;







}







.news_item {







    margin-bottom: 20px;







    width: 100%;







    height: 140px;







}







.news_image {







    float: left;







    margin-right: 20px;







}







.news_image img {







    border: 1px solid #777;







}







.news_content {







    float: left;







    position: relative;







    width: 780px;







    height: 140px;







}







.news_content h3 {







    line-height: 24px;







    padding-bottom: 6px;







    border-bottom: 1px solid #777;







    color: #646464;







    font-size: 16px;







    font-weight: bold;







}







.news_content p {







    padding: 15px 0;







    color: #646464;







    font-size: 13px;







}







.news_nav {







    position: absolute;







    width: 780px;







    height: 24px;







    bottom: 0;







    right: 0;







    border-bottom: 1px solid #777;







}







.news_nav .news_date_add {







    float: right;







    padding: 0 15px;







    line-height: 24px;







    color: #646464;







}







.news_nav .news_link_more {







    float: right;







    padding: 0 5px 0 10px;







    line-height: 24px;







    background: url(../images/home_box_bottom.png) repeat-x left 50%;







}















.art_item {







    height: 200px;







    margin-bottom: 10px;







}







.art_item.even {







    margin-left: 10px;







}







.art_box,







.art_date_add {







    float: left;







}







.art_date_add {







    width: 70px;







    height: 90px;







    margin-top: 16px;







    background: url(../images/data_artykul.png) no-repeat -2px 0;







}







.art_date_add .day {







    padding-top: 14px;







    height: 50px;







    line-height: 50px;







    color: #646464;







    font-size: 22px;







    font-weight: 800;







    text-align: center;







}







.art_date_add .month {







    height: 24px;







    line-height: 24px;







    color: #fff;







    font-size: 16px;







    text-align: center;







    text-transform: uppercase;







}







.art_box {







    width: 393px;







    height: 198px;







    border: 1px solid #acacac;







}







.art_box .art_inner {







    padding: 10px;







}







.art_box a,







.art_box a h3,







.art_box a .art_image {







    text-decoration: none !important;







}







.art_box a:hover h3 {







    color: #e00;







}







.art_box h3 {







    padding-bottom: 6px;







    line-height: 30px;







    color: #d00900;







    font-size: 16px;







    font-weight: 800;







    letter-spacing: -1px;







}







.art_box .art_image {







    float: left;







    width: 138px;







    height: 138px;







    border: 1px solid #777;







}







.art_box .art_content {







    float: left;







    position: relative;







    margin-top: -2px;







    margin-left: 13px;







    width: 210px;







    height: 142px;







    color: #777;







    font-size: 12px;







}







.art_content a.more {







    display: block;







    position: absolute;







    bottom: 0;







    padding-left: 15px;







    background: url(../images/grey_arrow_next.png) no-repeat left 50%;







    color: #777;







    font-size: 11px;







    text-decoration: none;







}







.art_content a.more:hover {







    background-image: url(../images/red_arrow_next.png);







    color: #d00900;







    text-decoration: none;







}















#content {







    margin-bottom: 30px;







}







#news {







    color: #777;







}







#news h1.title {







    margin-bottom: 1em;







    padding: 0 0 .6em 0;







    border-bottom: 1px solid #646464;







    color: #d00900;







    font-size: 20px;







    font-weight: 800;







    letter-spacing: -1px;







}







.date_add {







    margin-top: -1em;







    margin-bottom: 1em;







    padding-right: 5px;







    line-height: 1em;







    font-size: 12px;







    text-align: right;







}







.entry {







    margin-bottom: .8em;







    line-height: 1.4em;







    font-size: 14px;







    font-weight: 600;







    letter-spacing: -0.5px;







}







#articles h3,







#articles_full h3 {







    margin-bottom: .4em;







    padding-top: .3em;







    color: #444;







    font-size: 16px;







    font-weight: bold;







}







#articles p,







#articles_full p,







#articles li,







#articles_full li {







    margin-bottom: .7em;







    color: #646464;







    font-size: 13px;







}







#articles_full li {







	/*clear: both;*/







	list-style: none !important;







}







#articles_full li img.left {







    float: left;







    margin-right: 0.6em;







    vertical-align: top;







}







#articles_full li a {







	padding: 0 3px;







	color: #777;







	font-size: 1.2em;







	text-decoration: none;







}







#articles_full li a:hover {







	background: #d00900;







	color: #fff;







}







/* MAPA */







#map_info_container {







    margin-left: 20px;







}







#mapMSG {







    display: none;







    margin: 5px 3px;







    padding: 10px;







    border: 5px solid #d00900;







    background: #f6f6f6;







    color: #d00900;







    font-family: 'Source Sans Pro', sans-serif;







    font-weight: normal;







    font-size: 17px;







}







#mapa {







    margin: 0 auto;







    width: 100%;







    height: 400px;







    







    background: #eee;







}







#map_info_container #promo_top {







    margin-bottom: 20px;







}







.search_box {







    width: 300px;







}







.search_box p.label {







    margin-bottom: 5px;







    padding: 0 3px;







    color: #444;







    font-size: 10px;







}







#address_search {







   float: left;







   width: 300px;







}







#address_search_form {







	padding-left: 3px;







    background: #fff url(../images/grey_input.png) repeat-x left top;







    border: 1px solid #999;







    border-radius: 24px;







    -webkit-border-radius: 4px;







}







#address_search_form input {







    height: 24px;







    line-height: 24px;







    border: 0px solid #999;







}







#address_search_form .input_text {







    float: left;







    margin: 0; /*  0 0 3px */







    padding:  1px 0;







	width: 225px;







	background: transparent;







	border-radius: 3px 0 0 3px;







    -webkit-border-radius: 3px 0 0 3px;







}







#address_search_form .input_submit {







    padding: 0;







    width: 70px;







	height: 26px;







    background: #284253;







    color: #fff;







    font-family: 'Source Sans Pro', sans-serif;







	font-weight: bold;







    letter-spacing: -1px;







    text-align: center;







    







    border-radius: 0 26px 26px 0;







    -webkit-border-radius: 0 3px 3px 0;







}







#province_search {







    display: none;







}







#shops_list {







    min-height: 200px;







    overflow: auto;







    border:none;







	







}







#shops_list .shop {







    margin: 0;







    padding: 5px;







    border-right: 1px solid #e1e1e1;







	height: 469px;







	width: 264px;







	float: left;







	margin-right: 30px;







	text-align: center;







	text-decoration: none;







}







.shop.selected {







    background: none;







}







.shop .item-number {







    float: left;







    margin: 3px 10px 0 0;







    width: 30px;







    height: 30px;







    line-height: 30px;







    background: #d00900;







    color: #fff;







    font-family: 'Source Sans Pro', sans-serif;







    font-weight: 700;







    font-size: 17px;







    letter-spacing: -1px;







    text-align: center;







    -webkit-border-radius: 20px;







    border-radius: 20px;







}







.shop p,







.shop h3 {







    color: #284253;







}







.shop p,







.shop p span {







    line-height: 19px;







    font-size: 16px;







}







.shop p.mb10 {







    margin-bottom: 10px;







}







.shop h3,







.group,







.phone {







    font-weight: 700;







}















.shop p a,







.shop p a span {







    line-height: 19px;







    font-size: 16px;







	text-decoration: none;







}















.group {







    color: #284253;







}







.phone {







    padding-left: 18px;







    background: transparent url(../images/red_phone.png) no-repeat left 50%;







}















.email a:hover {







    background: #d00900;







    color: #fff;







    text-decoration: none;







}







.hours_label {







    display: block;







    float: left;







    width: 116px;







    margin-right: 3px;







    text-align: right;







}







.hours {







    color: #d00900;







}







#shops_list .shop-hover {







    cursor: pointer;







  	opacity: 0.7;







   







}







/* /MAPA */







#slider-left {







	border: 1px solid #757575;







}















#slider-left a.image-item {







    display: block;







    position: relative;







    width: 198px;







    height: 198px;







    /*border: 1px solid #757575;*/







    text-decoration: none;







}







#slider-left a.image-item .ico-zoom {







    position: absolute;







    width: 24px;







    height: 24px;







    bottom: 4px;







    right: 4px;







    z-index: 101;







    background: url(../images/zoom.png) no-repeat right bottom;







}







#slider-left a.image-item img {







    position: absolute;







    width: 198px;







    height: 198px;







    bottom: 0;







    right: 0;







    z-index: 100;







}







#slider-control {







    display: none;







    height: 27px;







    margin-top: 5px;







    padding-left: 65px;







    clear: both;







}







#slider-control p {







    float: left;







    height: 23px;







}







#slider-control .count_item {







    margin: 0 5px;







    line-height: 23px;







    color: #757575;







    font-size: 14px;







}







#slider-control .prev_item a,







#slider-control .next_item a {







    display: block;







    width: 17px;







    height: 23px;







    text-indent: -999em;







    overflow: hidden;







}







#slider-control .prev_item a {







    background: url(../images/art_prev_off.png) right top;







}







#slider-control .prev_item a:hover {







    background-image: url(../images/art_prev.png);







}







#slider-control .next_item a {







    background: url(../images/art_next_off.png) left top;







}







#slider-control .next_item a:hover {







    background-image: url(../images/art_next.png);







}















#sidebar .sidebar {







    padding-left: 20px;







}















#submenu {







    width: 100%;







    margin-bottom: 20px;







}







#content #submenu ul {







    margin-left: 0;







    list-style: none;







}







#submenu ul li {







    height: 32px;







    margin: 0;







    background: #ebebeb;







    list-style: none;







}







#submenu ul li a {







    display: block;







    padding: 0 8px 0 8px;







    line-height: 32px;







    border-left: 5px solid #ebebeb;







    background: #ebebeb;







    color: #646464;







    font-size: 14px;







    text-decoration: none;







}







#submenu ul li a:hover,







#submenu ul li.current a:hover {







    border-left: 5px solid #d1150a;







    background: #d1150a;







    color: #fff;







}







#submenu ul li.current a {







    border-left: 5px solid #d1150a;







    background: #ebebeb;







    color: #646464;







}















#footer {







	background: #000; 







	width: 100%;







	







	min-height: 290px;







	font-family: 'Source Sans Pro', sans-serif;







}







#footer .wrap {







	min-height: 150px;







}







#footer #footer_top {







    position: relative;







    margin-bottom: 9px;







    width: 100%;







    height: 58px;







    background: url(../images/center_sign.png) no-repeat center 50%;







}







#footer #facebook {







    position: absolute;







    top: -7px;







    right: 0;







    width: 51px;







    height: 52px;







}







#footer #facebook a {







    display: block;







}







#footer #footer_credits {







    clear: both;







   font-family: 'Source Sans Pro', sans-serif;







	color: #fff;







}







#footer .footer_left {







    float: left;







	min-height: 250px;







	width: 250px;







	padding-left: 30px;







	margin-top: 15px;



	margin-left: 100px;



	











	







}







#footer .footer_right {







    float: left;







	margin-top: 15px;







	width:340px;







	min-height: 150px;



	



	







	







}







#footer .footer_center {







    float: left;







	min-height: 150px;







	width: 150px;







	margin-top: 15px;







	padding-left: 30px;







	







}















#footer .footer_center_next {







    float: left;







	min-height: 150px;







	width: 320px;







	padding-left: 30px;







	margin-top: 15px;







	margin-left: 20px;



	



	







	







}















#footer .footer_left2 {







    float: left;







	min-height: 150px;







	width: 100px;







	padding-left: 20px;







	margin-top: 15px;







	



}























#footer #footer_credits p {







    line-height: 20px;







    color: #fff;







    font-size: 14px;







}







#footer .footer_right span {







	float: left;







}







.advertia_logo { 







	display: block;







	float: right;







    margin-left: 3px; 	 







	width: 69px; 







	height: 17px; 







	background-position-y: 0 -18px;







	-webkit-transition:all 0.2s ease;







	-moz-transition:all 0.2s ease;







	-o-transition:all 0.2s ease;







	-ms-transition:all 0.2s ease;







	transition:all 0.2s ease;







	cursor:pointer;







}







.advertia_logo {







    background: url(../images/logo_advertia.png) no-repeat top left;







    background-position: 0 -18px;







}







.advertia_logo:hover {







    background-position: 0 0;







}















.clear {







    clear: both;







    display: block;







    overflow: hidden;







    visibility: hidden;







    width: 0;







    height: 0;







}







/* NEWSLETTER */







#footer #newsletter {







    position: absolute;







    top: -8px;







    left: 0;







    padding-left: 55px;







    width: 300px;







    height: 52px;







    background: transparent url(../images/newsletter_sign.png) no-repeat left 50%;







}







#newsletterForm {







    display: block;







    width: 300px;







    padding-top: 14px;







}







#newsletterForm input.text {







    width: 120px;







    padding: 1px 3px;







    margin-right: 4px;







    height: 24px;







    border: 1px solid #fff;







    background: #fff url(../images/grey_input.png) repeat-x left top;







    border-radius: 4px;







    -moz-border-radius: 4px;







    -webkit-border-radius: 4px;







}







#newsletterForm button.action {







    width: 103px;







    height: 28px;







    border: 0;







    color: #fff;







    font-size: 10px;







    background: transparent url(../images/newsletter_button.png) no-repeat 50% 50%;







    text-align: left;







    text-indent: -999em;







}







#newsletterForm .validation-bubble {







    display: block;







    width: 300px;







    height: 30px;







    margin-top: -50px;







    z-index: 100;







    color: #d00900;







}























form {







    







	width:300px;







}







	form fieldset {







		border:0; 







		padding:0px;







	}







		.message {







			color:red;







			background:#ddd;







			border:1px solid #ccc;







			padding:5px;







			margin:5px;







		}







		span.message {







			width: 300px;







		}







		form div {







			margin-top:10px;







			width:100%;







		}







		form label { font-family: 'Playfair Display', serif; font-size: 14px; font-weight: 300;  color:#000;}







		}







			form label.left {







				float:left;







				width:12em;







			}







			form label.FormHeading {







				font-size:28px;







				color:#736357;







				font-weight:regular;







			}







		form input.text,







		form textarea,







		form select {







			width:300px;







			color:#000;







			background:#fff;







			border:1px solid #aaa;







			font-size: 13px;







			padding:3px;







			font-weight: 200;







		}







		







		form input.numeric {







			width:20px;







			background:#f0f0f0;







			border:1px solid #aaa;







			padding:3px;







			color:#000;







			margin-right:4px;







		}







		form input.year {







			width:35px;







		}







		form p.Actions {







			text-align:right;







			padding:0 22px 15px 0;







		}







			form p.Actions input {







				padding:2px;







			}







			







    a.btn, button, input[type="submit"], .Actions .action {







        margin-left: 0px;







       font-family: 'Playfair Display', serif;







        background: #ed1c24;







        letter-spacing: -0.03em;







        color: #fff;







        display: inline-block;







        padding: 6px 15px;







        margin-top: 10px;







        margin-bottom: 10px;







        text-transform: none;







        border: none;







        font-size: 14px;







        font-weight: 400;







        margin-right: -5px;







       







        







    }







    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {







        background: #343434;







        color: #fff;







    }







    a.btn {







        line-height: 18px;







        margin-bottom: 10px;







    }







    







    .Actions input.resetformaction  {                  /* Clear button */







    margin-left: 0px;







       font-family: 'Open Sans', sans-serif;







        background: #636363;







        letter-spacing: -0.03em;







        color: #fff;







        display: inline-block;







        padding: 6px 15px;







        margin-top: 10px;







        margin-bottom: 10px;







        text-transform: none;







        border: none;







        font-size: 14px;







        font-weight: 400;







        margin-right: 10px;







        float: right;







        text-transform:uppercase;







        







    }







    







    .Actions input.resetformaction:hover {            /* Clear button */







      background: #d5283a;







        color: #fff;







    }