@import url("reset.css");

body {
 text-align: center;
 font: normal 13px "Trebuchet MS", Arial, Verdana;
}

#kontener {
 width: 1045px;
 margin: 0 auto;
 position: relative;
}

#homepage_logo {
 text-align: center;
 margin: 30px 0;
}

a.module {
	padding: 0;
	height: 424px;
	text-decoration: none;
	color: #585858;
	width: 163px;
	float: left;
	margin: 20px 0 35px 8px;
	
}

a.module img {
 border: solid #acacac 1px;
}

a.module span.desc {
	display: block;
	height: 20px;
	width: 163px;
	background: url(../gfx/1.png);
	text-align: center;
  font: normal 19px "MyriadPro", Arial, Verdana;
	color: #000;
	height: 47px;
	position: relative;
	top: -52px;
  border-bottom: solid #acacac 1px;
  border-left: solid #acacac 1px;
  border-right: solid #acacac 1px;
  color: #fff;
}


a.module:hover span.sluby {
 background: #d52865;
 color: #fff;
}

a.module:hover span.wieczory {
 background: #651c41;
 color: #fff;
}

a.module:hover span.okolicznosciowe {
 background: #fd7f37;
 color: #fff;
}

a.module:hover span.firmowe {
 background: #0c949d;
 color: #fff;
}

a.module:hover span.tematyczne {
 background: #376dc5;
 color: #fff;
}

a.module:hover span.dodatkowe {
 background: #532103;
 color: #fff;
}

.center {
 text-align: center;
}

.clear {
 clear: both;
}

#footer {
 clear: both;
 width: 1045px;
 height: 27px;
 line-height: 27px;
 color: #fff;
 background: #d93b73;
 margin: 20px auto;
}

#footer span.left {
 float: left;
 margin-left: 10px;
}

#footer span.right {
 float: right;
 margin-right: 10px;
}

#footer a {
 text-decoration: none;
 color: #fff;
}

#footer a:hover {
 text-decoration: underline;
 color: #fff;
}

div#mod-title {
 width: 165px;
 height: 55px;
 position: absolute;
 top: 0;
 left: 0;
}

span.small {
 color: #8f8f8f;
 font: normal 11px "MyriadPro", Arial, Verdana;
}

div#mainmenu a.dodatkowe {
 text-align: right;
 padding-right: 40px;
 padding-top: 7px;
}

div#mod-title span {
	text-align: center;
  font: normal 19px "MyriadPro", Arial, Verdana;
	color: #fff;
}

div#switcher {
 font: normal 19px "MyriadPro", Arial, Verdana;
 color: #000;
 position: absolute;
 right: 0;
 top: 0px;
 padding-right: 40px;
 padding-top: 7px;
 background: url(../gfx/wh.png);
 width: 210px;
 height: 55px;
 text-align: right;
 cursor: pointer;
}

div#switchmenu {
 position: absolute;
 right: 0;
 top: 62px;
 background: url(../gfx/wh.png);
 width: 250px;
 padding: 0px 0 0px 0;
 text-align:center;
 z-index: 1000;
}

div#switchmenu p {
 margin-bottom: 10px;
}

div#switchmenu a {
  color: #000;
  font: normal 19px "MyriadPro", Arial, Verdana;
	text-decoration: none;
	margin-bottom: 33px;
}

div#mainmenu {
 position: absolute;
 left: 0px;
 top: 210px;
}

div#mainmenu a {
 display: block;
 height: 55px;
 width: 160px;
 color: #000;
 background: url(../gfx/wh.png);
 font: normal 19px/55px "MyriadPro", Arial, Verdana;
 text-decoration: none;
 margin-bottom: 6px;
}

div#maincontent {
 float: right;
 margin-top: 210px;
 margin-right: 45px;
 text-align: left;
 width: 745px;
 background: url(../gfx/wh.png);
 padding: 10px;
}

div#maincontent h1 {
 font: normal 19px/35px "MyriadPro", Arial, Verdana;
}

/* STYLE DLA KONKRETYCH MODUŁÓW */


/* Moduł śluby i wesela */
body.sluby, body.sluby div#mod-title {
 background: #d52865;
}

body.sluby a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo1.png) no-repeat;
}

body.sluby span.switcher, body.sluby div#switchmenu a:hover, body.sluby div#mainmenu a:hover, body.sluby div#maincontent h1 {
 color: #d52865;
}

body.sluby div#kontener {
 width: 1022px;
 min-height: 1050px;
 background: #fff url(../gfx/sluby.jpg) top center no-repeat; 
}

body.sluby #footer {
 background: #D52865;
 left: 0;
 position: absolute;
 bottom: 30px;
 width: 1022px;
}


/* Moduł wieczory panieńskie i kawalerskie */
body.wieczory, body.wieczory div#mod-title {
 background: #651C41;
}

body.wieczory a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo2.png) no-repeat;
}

body.wieczory span.switcher, body.wieczory div#switchmenu a:hover, body.wieczory div#mainmenu a:hover, body.wieczory div#maincontent h1 {
 color: #651C41;
}

body.wieczory div#kontener {
 width: 1023px;
 min-height: 1286px;
 background: #000 url(../gfx/wieczory.jpg) top center no-repeat; 
}

body.wieczory #footer {
 background: #651C41;
 position: absolute;
 bottom: 30px;
 width: 1023px;
 left: 0;
}

/* Moduł imprezy okolicznościowe */
body.okolicznosciowe, body.okolicznosciowe div#mod-title {
 background: #FD7F37;
}

body.okolicznosciowe a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo1.png) no-repeat;
}

body.okolicznosciowe span.switcher, body.okolicznosciowe div#switchmenu a:hover, body.okolicznosciowe div#mainmenu a:hover, body.okolicznosciowe div#maincontent h1 {
 color: #FD7F37;
}

body.okolicznosciowe div#kontener {
 width: 1023px;
 min-height: 1088px;
 background: #fff url(../gfx/okolicznosciowe.jpg) top center no-repeat; 
}

body.okolicznosciowe #footer {
 background: #FD7F37;
 position: absolute;
 bottom: 30px;
 width: 1023px;
 left: 0;
}

/* Moduł imprezy firmowe */
body.firmowe, body.firmowe div#mod-title {
 background: #0C949D;
}

body.firmowe a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo1.png) no-repeat;
}

body.firmowe span.switcher, body.firmowe div#switchmenu a:hover, body.firmowe div#mainmenu a:hover, body.firmowe div#maincontent h1 {
 color: #0C949D;
}

body.firmowe div#kontener {
 width: 1021px;
 min-height: 1168px;
 background: #fff url(../gfx/firmowe.jpg) top center no-repeat; 
}

body.firmowe #footer {
 background: #0C949D;
 position: absolute;
 bottom: 30px;
 width: 1023px;
 left: 0;
}

/* Moduł imprezy tematyczne  */
body.tematyczne, body.tematyczne div#mod-title {
 background: #376DC5;
}

body.tematyczne a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo1.png) no-repeat;
}

body.tematyczne span.switcher, body.tematyczne div#switchmenu a:hover, body.tematyczne div#mainmenu a:hover, body.tematyczne div#maincontent h1 {
 color: #376DC5;
}

body.tematyczne div#kontener {
 width: 1019px;
 min-height: 1275px;
 background: #000 url(../gfx/tematyczne.jpg) top center no-repeat; 
}

body.tematyczne #footer {
 background: #376DC5;
 position: absolute;
 bottom: 30px;
 width: 1019px;
 left: 0;
}

/* Moduł dodatkowe atrakcje */
body.dodatkowe, body.dodatkowe div#mod-title {
 background: #532103;
}

body.dodatkowe a.logo {
 position: absolute;
 top: 100px;
 left: 30px;
 width: 1022px;
 display: block;
 width: 303px;
 height: 60px;
 background: url(../gfx/logo1.png) no-repeat;
}

body.dodatkowe span.switcher, body.dodatkowe div#switchmenu a:hover, body.dodatkowe div#mainmenu a:hover, body.dodatkowe div#maicontent h1 {
 color: #532103;
}

body.dodatkowe div#kontener {
 width: 1017px;
 min-height: 1224px;
 background: #000 url(../gfx/dodatkowe.jpg) top left no-repeat; 
}

body.dodatkowe #footer {
 background: #532103;
 position: absolute;
 bottom: 30px;
 left: 0;
 width: 1017px;
}