@charset "utf-8";
/* CSS Document */
.form_container{ width: 960px; margin: 0 auto}
.klikalny {cursor: pointer}
.specyf{width: 100%  !important}

#output1{max-height: 300px; max-width: 100% !important}
#output2{max-height: 300px; max-width: 100% !important}

.subpage{}
	.panel_navigate{width: 100%; clear: both; float: none; }
		.btt_prev_page{}
		.btt_next_page, .next_page{ float: right; }
		.btt_next_page_foto_val{ float: right; }
		
     .cat_tilte{width: 150px; font-weight: bold; float: left; margin-right: 10px}
	 .cat_tilte_final{font-weight: bold; margin: 0 10px 0 0; width: 100%; border-bottom: 1px solid #CCC; padding: 0 0 3px 0}
	 .specyf{margin: 10px 10px 20px 10px}

#form_page_0{} 
 .first-button{width: 100%; font-size: 16px; font-weight: bold; margin: 5px 0; padding: 10px 0;}
 
#form_page_1{} /* display: none; - właczny domyslnie po wprowadzeiu prepage'a */
	#info_area_page_1{}
	#btt_zamawiam_porcelane{ width: 49%; float: left; text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 20px 0}
	#btt_zamawiam_krysztal{ width: 49%; float: right; text-align: center; font-size: 16px; font-weight: bold; margin: 0 0 20px 0}
	#link_cennik_porcelane{ width: 49%; float: left; text-align: center; font-size: 16px; font-weight: bold}
	#link_cennik_krysztal{ width: 49%; float: right; text-align: center; font-size: 16px; font-weight: bold}
	.in_btt{margin: 15px}

#form_page_2{display: none;}
	#subpage_porcelana{}
		#format_rect_porc_dv{}
		#format_owal_porc_dv{}
		#format_rect_krys_dv{}
		#format_owal_krys_dv{}
	#subpage_krysztal{}


#form_page_3{display: none;}
	#ubrania_sample{width: 88%; margin: 0 auto; float: none; clear: both; overflow: auto; display: none;}
	 .suit{text-align: center; padding: 10px; margin: 10px; float: left; font-weight: bold; cursor: pointer; background-color: #fff}
	 .suit:hover{background-color: #eee}
	 .photopanel{text-align: center}
	 .dwnl_img{max-height: 300px}
	 #alertFotoPanel{display: none;}
	 
#form_page_4{display: none;}
	#alertEmailPanel{display: none;}
	#alertFillingPanel{display: none;}

#form_page_5{display: none;}
	#info_wysylka{display: none;}

#form_page_6{display: none;}
.thx{width: 100%; font-weight: 19px; text-align: center; margin-top: 100px;}
#info_cierpliwy{display: none; margin-top: 5px;}
#alertRegulaminPanel{display: none; margin-top: 5px;}

/*  formularz */
.redmark{background-color: #FFDFDF !important}

/* bootstrap lifting */
.panel-body {font-size: 14px}
.panel-heading{font-weight: bold; font-size: 16px}
.input-group{margin-bottom: 5px}

/* style z fotoalfy */
body {margin: 0;padding: 0;color: #000;  font-family: Arial, Helvetica, sans-serif;
     background: url(../images/rpt_bg_top.jpg) repeat-x #fff; font-family:Verdana, Geneva, sans-serif; 
	 font-size:12px; }
#container{ width:960px; margin: 0 auto; position: relative;}
	#header{height:290px; width:960px; background: url(../images/bg_top.jpg) -200px 0px no-repeat #fff}
	#logo{position: absolute; display: block;background: url(../images/logo.png); top: 20px; left: 50px; width:180px; height: 178px;}
	#menu{position: absolute;display: block;width:726px;height: 58px;top: 242px;left: 4px;}
        #m_onas			{position: absolute; display: block;width:118px; height: 58px; top: 0px; left: 0px;background: url(../images/menu.png) 0px 0px;}
        #m_aktualnosci	{position: absolute; display: block;width:128px; height: 58px; top: 0px; left: 118px;background: url(../images/menu.png) -118px 0px;}
        #m_katalog		{position: absolute; display: block;width:106px; height: 58px; top: 0px; left: 246px;background: url(../images/menu.png) -246px 0px;}
        #m_wspolpraca		{position: absolute; display: block;width:127px; height: 58px; top: 0px; left: 352px;background: url(../images/menu.png) -352px 0px;}
        #m_kontakt		{position: absolute; display: block;width:105px; height: 58px; top: 0px; left: 479px;background: url(../images/menu.png) -479px 0px;}
        #m_dopobrania	{position: absolute; display: block;width:142px; height: 58px; top: 0px; left: 584px;background: url(../images/menu.png) -584px 0px;}

        #m_onas:hover			{background: url(../images/menu.png) 0px 58px;}
        #m_aktualnosci:hover	{background: url(../images/menu.png) -118px 58px;}
        #m_katalog:hover		{background: url(../images/menu.png) -246px 58px;}
        #m_wspolpraca:hover		{background: url(../images/menu.png) -352px 58px;}
        #m_kontakt:hover		{background: url(../images/menu.png) -479px 58px;}
        #m_dopobrania:hover		{background: url(../images/menu.png) -584px 58px;}
	
	/*
	#socialmedia{position: absolute; right: 15px; bottom: 90px; width: 100px; height: 25px}
	    #soc_google{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; background: url(../images/socjal_ico.png) 0px 0px}
		#soc_twitter{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left: 25px; background: url(../images/socjal_ico.png) -25px 0px}
		#soc_facebook{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left:50px; background: url(../images/socjal_ico.png) -50px 0px}
		#soc_youtube{display: block; width: 25px; height: 25px; position: absolute; top: 0px; left:75px; background: url(../images/socjal_ico.png) -75px 0px}
		
	    #soc_google:hover	{background: url(../images/socjal_ico.png) 0px 25px;}
		#soc_twitter:hover	{background: url(../images/socjal_ico.png) -25px 25px;}
		#soc_facebook:hover	{background: url(../images/socjal_ico.png) -50px 25px;}
		#soc_youtube:hover	{background: url(../images/socjal_ico.png) -75px 25px;}
	*/
		
	#zamowieniafirmowe	{position: absolute;display: block;background: url(../images/buttony.png) 0 0 ;width:255px; height: 99px;top:  20px;right: 0px; z-index: 490;}
	#sklep_fh {position: absolute;display: block; background: url(../images/buttony.png) 0 -99px ;width:255px; height: 69px;top: 119px;right: 0px; z-index: 500;}
	#cennik_fh{position: absolute;display: block; background: url(../images/buttony.png) 0 -168px ;width:255px; height: 58px;top:188px;right: 0px; z-index: 510;}
	
	#zamowieniafirmowe:hover {position: absolute;display: block;background: url(../images/buttony.png) -255px 0 ;width:255px; height: 99px;top:  20px;right: 0px; z-index: 490;}
	#sklep_fh:hover {position: absolute;display: block; background: url(../images/buttony.png)  -255px -99px ;width:255px; height: 69px;top: 119px;right: 0px; z-index: 500;}
	#cennik_fh:hover {position: absolute;display: block; background: url(../images/buttony.png) -255px -168px ;width:255px; height: 58px;top:188px;right: 0px; z-index: 510;}
	
#footer{height:140px; width:960px;}
    #foottxt            {border-top: 40px solid #60A3E0; border-bottom: 1px solid #60A3E0; width:960px; height: 30px; padding-top: 5px; 
						 font-family:Verdana, Geneva, sans-serif; font-size:11px; color: #195081;}
    #copy				{ display: block;width:180px; height: 58px; color: #60A3E0; font-size:11px; margin: 10px auto;}