/*		elementy standardowe		*/

input.newsletter {
	width: 80px;
	border: 0 none;
	padding-left: 1px;
	margin-left: 3px;
}

div {
	/*border: 1px dotted Blue;*/
} 
ul {
	margin:0;
	padding:0;
	border:0;
}
img {
	margin:0;
	padding:0;
	border:0;
}
/*		pozycjonowanie strony 	*/

body {
	margin: 0;
	padding: 0;
	text-align: center; /* konieczne dla IE */
	background-color: white;
	padding-bottom:20px;
}
/* FONT */
body, input.newsletter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6D6D6D;
}

#cenMainContent {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/bkg_coco_onas.gif) no-repeat 0px 401px;
}

/* główny kontener strony */
#cenMainContent {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

#cenMainContent_empty {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
}

/* główny kontener strony */
#cenMainContent_empty {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}


#cenMainContent_gal {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/bkg_coco_galeria3b2.jpg) no-repeat 0px 401px;
	}

#cenMainContent_gal {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

#cenMainContent_zloty {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/stompwww.jpg) no-repeat 0px 401px;
	}

#cenMainContent_zloty {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}


#cenMainContent_gal {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

#cenMainContent_4style {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/bkg_coco_4style.gif) no-repeat 0px 401px;
	}

#cenMainContent_4style {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

#cenMainContent_loyalty {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/bkg_coco_loyalty.gif) no-repeat 0px 401px;
	}

#cenMainContent_loyalty {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}

#cenMainContent_mapa {
	margin: 0 auto 0 auto;
	display: block;
	position: relative;
	background: url(../img/bkg_coco_mapa.jpg) no-repeat 0px 401px;
	}

#cenMainContent_mapa {
	width: 1004px;
	overflow: hidden;
	overflow-x: hidden;
	background-color: White;
	border: 1px solid #B1B1B1;
	margin-top: 20px;
	/*margin-bottom: 20px;*/
}


#sizer1 {float:left;width: 1000px;height: 451px;}
#sizer2 {float:left;width: 165px;height: 338px;}
#sizer3 {float:left;width: 950px;height: 490px;}
#sizer4 {float:right;width: 116px;height: 230px;}
#sizer5 {float:right;width: 500px;height: 540px;}
#sizer6 {float:right;width: 500px;height: 1680px;}
#sizer7 {float:left;width: 1000px;height: 550px;} /* video */

/* sekcja wspolna dla kontenerów */
#banner1,#banner1cze,#banner2,#banner2cze,#banner3,#banner4,#banner5,
#banner11,#banner11zloto,#banner5bar,#banner5bar_cze, #banner4_cze,
#verticalSeparator,#logo,
a#promocje, #txt_title_zloty, #txt_title_cze,
ul#menu1, ul#menu1cze, ul#menu2, ul.male_wciecia
/*#smallNewsContainer,*/
#background,
#bigNewsContainer {
   position: absolute;
	display: block;
}

/* kontener spozycjonowany względem głównego kontenera strony */
#banner1 {
	top: 0px;
	left: 11px;
	width: 100px;
	height: 100px;
	background-color: #DEBC5E;
}
#banner1cze {
	top: 0px;
	left: 11px;
	width: 100px;
	height: 100px;
	background-color: #573334;
}
#banner11 {
	top: 100px;
	left: 11px;
	width: 100px;
	height: 100px;
	background-image: url(../img/kwa_coco-club_kr.gif);
	cursor: pointer;
	background-position: top;
	background-repeat: no-repeat;
}
#banner11zloto {
	top: 100px;
	left: 11px;
	width: 100px;
	height: 100px;
	background-image: url(../img/kwa_cofee-shop_kr.gif);
	/*cursor: pointer;*/
	background-position: top;
	background-repeat: no-repeat;
}
a#banner11:link img, a#banner11:visited img, a#banner11:active img {
	visibility: hidden;
}
a#banner11:hover img{
	visibility: visible;
}
#banner2 {
	top: 0px;
	left: 122px;
	width: 100px;
	height: 100px;
	background-image: url(../img/kwa_cofee-shop.gif);
	cursor: pointer;
	background-position: top;
	background-repeat: no-repeat;
}
#banner2cze {
	top: 0px;
	left: 122px;
	width: 100px;
	height: 100px;
	background-image: url(../img/kwa_coco-club.gif);
	cursor: pointer;
	background-position: top;
	background-repeat: no-repeat;
}
a#banner2:link img, a#banner2:visited img, a#banner2:active img {
	visibility: hidden;
}
a#banner2:hover img {
	visibility: visible;
}
#banner3 {
	top: 282px;
	left: 0px;
	width: 563px;
	height: 119px;

}
#bannerchivas {
	top: 282px;
	left: 50px;
	width: 400px;
	height: 466px;

}
#banner4 {
	top: 23px;
	right: 120px;
	width: 158px;
	height: 57px;
}

#banner4_cze {
	top: 14px;
	right: 60px;
	width: 247px;
	height: 69px;
}

#banner5 {
	top: 176px;
	right: 116px;
	width: 300px;
	height: 225px;
}
#banner5bar {
	top: 401px;
	right: 116px;
	width: 221px;
	height: 21px;
	background-color: #DEBC5E;
}
#banner5bar_cze {
	top: 401px;
	right: 116px;
	width: 221px;
	height: 21px;
	background-color: #573334;
}
#verticalSeparator {
	top: 0px;
	left: 583px; 
	width: 4px;
	height: 100%;
	background-color: white;
}
#logo {
	top: 19px;
	right: 326px; 
	width: 90px;
	height: 128px;
	background-color: white;
}

#txt_title_zloty{
	top: 0px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: #DEBC5E;
	color:#FFFFFF;
	font-size: 11px;
	/*font-weight: bold;*/
	letter-spacing: 2px;
	text-align: center;
	line-height: 20px;
}

#txt_title_cze{
	top: 0px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: #573334;
	color:#FFFFFF;
	font-size: 11px;
	/*font-weight: bold;*/
	letter-spacing: 2px;
	text-align: center;
	line-height: 20px;
}

a#promocje {
	top: 0px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: #DEBC5E;
	font-size: 11px;
	/*font-weight: bold;*/
	letter-spacing: 2px;
	text-align: center;
	line-height: 20px;
}
a#promocje:link, a#promocje:visited{color: white;text-decoration: none;}
a#promocje:hover, a#promocje:active{color: #573334;text-decoration: none;}



ul#menu1{
	display: block;
	top: 117px;
	left: 122px;
	width: 120px;
	height: 166px;
	font-size: 11px;
	text-align: left;
	list-style-type: none;
	padding-left: 20px;
}
ul#menu1 a:link, ul#menu1 a:visited {
	text-decoration: none;
	color: #6D6D6D;
	padding-left: 15px;
	padding-right: 20px;
}

ul#menu1 a:hover, ul#menu1 a:active {
	text-decoration: none;
	color: #DEBC5E;
	background-image: url(../img/menubox.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul#menu1cze{
	display: block;
	top: 117px;
	left: 122px;
	width: 120px;
	height: 166px;
	font-size: 11px;
	text-align: left;
	list-style-type: none;
	padding-left: 20px;
}
ul#menu1cze a:link, ul#menu1cze a:visited {
	text-decoration: none;
	color: #6D6D6D;
	padding-left: 15px;
	padding-right: 20px;
}
ul#menu1cze a:hover, ul#menu1 a:active {
	text-decoration: none;
	color: #DEBC5E;
	background-image: url(../img/menubox_cze.gif);
	background-position: left;
	background-repeat: no-repeat;
}

ul#menu2{
	display: block;
	top: 117px;
	left: 267px;
	width: 315px;
	height: 166px;
	font-size: 11px;
	text-align: left;
	list-style-type: none;
}

ul#menu2 a:link, ul#menu2 a:visited {
	text-decoration: none;
	color: #6D6D6D;
}

ul#menu2 a:hover, ul#menu2 a:active {
	text-decoration: none;
	color: #DEBC5E;
}

UL.male_wciecia {
	margin-top: 2px;
    list-style-image: url(../img/gray_kwadracik9px.gif);
	margin-left: 20px;
	list-style-position:outside;

}

a#powrot {
	position: absolute;
	display: block;
	top: 176px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #DEBC5E;
	border-bottom: 1px solid #DEBC5E;
	border-left: 1px solid #DEBC5E;
	line-height: 20px;
}
a#powrot:link, a#powrot:visited{color: #DEBC5E;background-color: white; text-decoration: none;}
a#powrot:hover, a#powrot:active{color: white;background-color:#DEBC5E;text-decoration: none;}

a#powrot_cze {
	position: absolute;
	display: block;
	top: 176px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #573334;
	border-bottom: 1px solid #573334;
	border-left: 1px solid #573334;
	line-height: 20px;
}
a#powrot_cze:link, a#powrot_cze:visited{color: #573334;background-color: white; text-decoration: none;}
a#powrot_cze:hover, a#powrot_cze:active{color: white;background-color:#573334;text-decoration: none;}

/* galeria powrot */
a#powrotgal {
	margin-top: -23px;
	float: right;
	clear: both;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #DEBC5E;
	border-bottom: 1px solid #DEBC5E;
	border-left: 1px solid #DEBC5E;
	line-height: 20px;
}
a#powrotgal:link, a#powrotgal:visited{color: #DEBC5E;background-color: white; text-decoration: none;}
a#powrotgal:hover, a#powrotgal:active{color: white;background-color:#DEBC5E;text-decoration: none;}


/* galeria powrot */
a#powrotgal2 {
	margin-top: -23px;
	float: right;
	clear: both;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #DEBC5E;
	border-bottom: 1px solid #DEBC5E;
	border-left: 1px solid #DEBC5E;
	line-height: 20px;
}
a#powrotgal2:link, a#powrotgal2:visited{color: #DEBC5E;background-color: white; text-decoration: none;}
a#powrotgal2:hover, a#powrotgal2:active{color: white;background-color:#DEBC5E;text-decoration: none;}


/* karta powrot na góre */
a#powrotkarta_cze {
	margin-top: -23px;
	float: right;
	clear: both;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #573334;
	border-bottom: 1px solid #573334;
	border-left: 1px solid #573334;
	line-height: 20px;
}
a#powrotkarta_cze:link, a#powrotkarta_cze:visited{color: #573334;background-color: white; text-decoration: none;}
a#powrotkarta_cze:hover, a#powrotkarta_cze:active{color: white;background-color:#573334;text-decoration: none;}


a#dalej {
	position: absolute;
	display: block;
	top: 206px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #DEBC5E;
	border-bottom: 1px solid #DEBC5E;
	border-left: 1px solid #DEBC5E;
	line-height: 20px;
}
a#dalej:link, a#dalej:visited{color: #DEBC5E;background-color: white; text-decoration: none;}
a#dalej:hover, a#dalej:active{color: white;background-color:#DEBC5E;text-decoration: none;}

a#dalej_cze {
	position: absolute;
	display: block;
	top: 206px;
	right: 0px;
	width: 100px;
	height: 21px;
	background-color: white;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	border-top: 1px solid #573334;
	border-bottom: 1px solid #573334;
	border-left: 1px solid #573334;
	line-height: 20px;
}
a#dalej_cze:link, a#dalej_cze:visited{color: #573334;background-color: white; text-decoration: none;}
a#dalej_cze:hover, a#dalej_cze:active{color: white;background-color:#573334;text-decoration: none;}


#smallNewsContainer {
	width: 322px;
	/*top: 451px;*/
	float: left;
	overflow: auto;
	/*bottom: 0px;*/
	/*left: 155px;*/
	color: #D2A322;
	text-align: left;
	font-size: 11px;
	/*padding-bottom: 20px;*/
	z-index: 500;
}
#smallNewsContainer_cze {
	width: 322px;
	/*top: 451px;*/
	float: left;
	overflow: auto;
	/*bottom: 0px;*/
	/*left: 155px;*/
	color: #573334;
	text-align: left;
	font-size: 11px;
	/*padding-bottom: 20px;*/
	z-index: 500;
}
.smallNewsHeader {
	float: left;
	clear: both;
	width: 322px;
	margin-bottom: 5px;
}
.smallNewsHeader a:link, .smallNewsHeader a:visited {
	float:right;
	color: #D2A322;
	text-decoration: none;
}
.smallNewsHeader a:hover, .smallNewsHeader a:active {
	float:right;
	color: #573334;
	text-decoration: none;
}

.smallNewsHeader2 {
	float: left;
	clear: both;
	width: 322px;
	color: #737373;
	margin-bottom: 15px;
}
.smallNewsHeader2 a:link, .smallNewsHeader2 a:visited {

	color: #D2A322;
	text-decoration: none;
}
.smallNewsHeader2 a:hover, .smallNewsHeader2 a:active {

	color: #573334;
	text-decoration: none;
}


.smallNewsHeader_cze {
	float: left;
	clear: both;
	width: 322px;
	margin-bottom: 5px;
}
.smallNewsHeader_cze a:link, .smallNewsHeader_cze a:visited {
	float:right;
	color: #573334;
	text-decoration: none;
}
.smallNewsHeader_cze a:hover, .smallNewsHeader_cze a:active {
	float:right;
	color: #D2A322;
	text-decoration: none;
}

.smallNewsHeader_cze {
	float: left;
	clear: both;
	width: 322px;
	margin-bottom: 5px;
}
.smallNewsHeader_cze a:link, .smallNewsHeader_cze a:visited {
	float:right;
	color: #573334;
	text-decoration: none;
}
.smallNewsHeader_cze a:hover, .smallNewsHeader_cze a:active {
	float:right;
	color: #D2A322;
	text-decoration: none;
}

.smallTitle {
	float: left;
}
.smallNewsContent {
	float: left;
	clear: both;
	width: 322px;
	color: #737373;
	margin-bottom: 15px;
}
#bigNewsContainer {
	width: 300px;
	height: 294px;
	top: 447px;
	right: 115px;
	font-size: 11px;
	text-align: left;
}
#bigNewsContainer img {
	float: left;
	clear: both;
	margin-bottom: 5px;
}
.bigNewsContent {
	float: left;
	clear: both;
	width: 300px;
	color: #737373;
	margin-bottom: 15px;
}
.link {
	float:left;
	width: 280px;
}
#bigNewsContainer a:link, #bigNewsContainer a:visited {
	/*float: right;
	clear: both;*/
	color: #573334;
}
#bigNewsContainer a:hover, #bigNewsContainer a:active {
	/*float: right;
	clear: both;*/
	color: #D2A322;
}

/* Galeria */
#galeryContainer {
	position: absolute;
	display: block;
	width: 318px;
	height: 521px;
	top: 176px;
	left: 588px;
}

#galeryContainer_wed {
	position: absolute;
	display: block;
	width: 518px;
	height: 421px;
	top: 506px;
	left: 238px;
}

#galeryContainer_wedgal {
	position: absolute;
	display: block;
	width: 518px;
	height: 521px;
	top: 506px;
	left: 238px;
}

#galeryContainer_opinie {
	position: absolute;
	display: block;
	width: 1000px;
	height: 870px;
	top: 506px;
	left: 0px;
}


#galeryContainer_pan {
	position: absolute;
	display: block;
	width: 318px;
	height: 621px;
	top: 176px;
	left: 588px;
}


a.thumbContainer {
	display: block;
	float: left;
	width: 98px;
	height: 98px;
	border: 1px solid #DEBC5E;
	margin-right: 5px;
	margin-bottom: 5px;
}


a.thumbContainer_wedding {
	display: block;
	float: center;
	width: 98px;
	height: 98px;
	/*border: 1px solid #DEBC5E;*/
	margin-right: 5px;
	margin-bottom: 5px;
}

a.thumbContainer img {
	border: 1px solid #6D6D6D;
	margin-top: 4px;
}
a.thumbContainer:hover {
	background-color: #F2E9D6;
	/*border: 1px solid #573334;*/
}

a.thumbContainer_wedding img {
	border: 1px solid #e0e0e0;
	margin-top: 4px;
}
a.thumbContainer_wedding:hover {
	background-color: #F2E9D6;
	/* border: 1px solid #573334;*/ 
}

a.thumbContainer_cze {
	display: block;
	float: left;
	width: 98px;
	height: 98px;
	/* border: 1px solid #573334; */
	margin-right: 5px;
	margin-bottom: 5px;
}


a.thumbContainer_pan {
	display: block;
	float: center;
	width: 284px;
	height: 98px;
	/* border: 1px solid #573334; */
	margin-right: 2px;
	margin-bottom: 5px;
}

a.thumbContainer_cze img {
	 border: 1px solid #6D6D6D; 
	margin-top: 4px;
}
a.thumbContainer_cze:hover {
	background-color: #e0e0e0;
	/* border: 1px solid black; */
}
#quickNavContainer {
	position: absolute;
	display: block;
	top: 240px;
	right: 0px;
	width: 90px;
	height: 200px;
	font-size: 11px;
	text-align: left;
	color: #6D6D6D;
}
a.quickNavLink {
	display:block;
	float: left;
	width: 14px;
	height:15px;
	text-align: left;
}
.quickNavSeparator {
	display:block;
	float: left;
	width: 8px;
	height:15px;
	text-align: left;
}
a.quickNavLink:link, a.quickNavLink:visited {
	color: #6D6D6D;
	text-decoration: none;
}
a.quickNavLink:hover, a.quickNavLink:active {
	color: #DEBC5E;
	font-weight: bold;
	text-decoration: underline;
}

/* plakat FOTO */
#plakatFoto {
	position: absolute;
	display: block;
	top: 176px;
	right: 115px;
	width: 300px;
	height: 422px;
	border: 1px solid #DEBC5E;
}

/* plakat FOTO */
#plakatFoto_cze {
	position: absolute;
	display: block;
	top: 176px;
	right: 115px;
	width: 300px;
	height: 422px;
	border: 1px solid #573334;
}


/* karta */
#kartaMenuHeader {
	position: absolute;
	top: 449px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #D2A322;
	font-size: 11px;
}

#kartaMenuHeader_cze {
	position: absolute;
	top: 449px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #573334;
	font-size: 11px;
}

#kartaMenuLinkContainer {
	position: absolute;
	top: 465px;
	left: 0px;
	width: 100%;
	height: 10px;
	text-align: center;
	color: #D2A322;
	font-size: 11px;
}
#kartaMenuLinkContainer a:link, #kartaMenuLinkContainer a:visited {
	color: #6D6D6D;
	text-decoration: none;
}
#kartaMenuLinkContainer a:hover, #kartaMenuLinkContainer a:active {
	color: #DEBC5E;
	text-decoration: none;
}

#kartaMenuLinkContainerangelika {
	
	text-align: center;
	color: #D2A322;
	font-size: 11px;
}
#kartaMenuLinkContainerangelika a:link, #kartaMenuLinkContainer a:visited {
	color: #6D6D6D;
	text-decoration: none;
}
#kartaMenuLinkContainerangelika a:hover, #kartaMenuLinkContainer a:active {
	color: #DEBC5E;
	text-decoration: none;
}

.kartaMenuLinkSeparator {
	color: #6D6D6D;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 13px;
}
#kartaMenuImage {
	float:right;
	/*margin: 0 auto 0 auto;*/
	width: 748px;
	overflow:auto;
	border: 1px solid #DEBC5E;
}

#kartaMenuImage_cze {
	float:right;
	/*margin: 0 auto 0 auto;*/
	width: 748px;
	overflow:auto;
	border: 1px solid #573334;
}

#weselnik {
      float:right;
	/*margin: 0 auto 0 auto;*/
	width: 748px;
	overflow:auto;
	border: 0px solid #573334;
}

/* stopka */
#stopka {
	float:right;
	width: 950px;
	height: 20px;
	text-align: right;
	padding-right: 10px;
	margin-top: 15px;
	font-size: 9px;
}

a.stopka {
	float:right;
	width: 950px;
	height: 20px;
	text-align: right;
	padding-right: 10px;
	margin-top: 15px;
	font-size: 9px;
}

a.stopka:link, a.stopka:visited {
	color: #6D6D6D;
	text-decoration: none;
}
a.stopka:hover, a.stopka:active {
	color: #DEBC5E;
	text-decoration: none;}

#dane {
	float:right;
	width: 300px;
	height: 20px;
	text-align: left;
	padding-right: 0px;
	margin-top: 0px;
	font-size: 11px;
}


a#link_cze {
/*	position: absolute; 
	display: block; */
	/*background-color: red;*/
	width: 300px;
	float: left;
	font-size: 11px;
	letter-spacing: 0px;
	text-align: left;
	text-decoration:underline;
	line-height: 20px;
}
a#link_cze:link, a#link_cze:visited{
	color: #573334;
	text-decoration: underline;
}
a#link_cze:hover, a#link_cze:active{
	color: #DEBC5E;
	text-decoration: underline;
}


