/*
W Dobrym Stylu
http://www.wdobrymstylu.net/
*/

html, body {
	background: #e7e1e2 url(/im/bg.gif);
	font: 11px/18px Verdana, Arial, sans-serif;
	color: #333333;
	margin: 0 auto;
	height: 100%;
	}

body {
	margin: 0 auto;
	width: 1102px;
	}

p {
	margin: 0px; padding: 0px;
	clear: both;
	}

em { 
	font-style: italic; 
	}

small {
	font-size: 10px;
	}

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	}

li {
	list-style: disc outside;
	margin-left: 15px;
	}

a { 
	color: #336f91;
	text-decoration: none; 
	outline-style: none;
	-webkit-transition: 0.08s linear;
	-moz-transition: 0.08s linear;
	}

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

a:focus {
	outline: none;
	}

.center {
	position: relative;
	}

.left { 
	float: left;
	}

.right { 
	float: right;
	}

.strike {
	text-decoration: underline;
	}

h1 {
	font: 28px/28px Georgia, sans-serif;
	font-weight: normal;
	font-style: italic;
	color: #336f91;
	padding: 0px; margin: 0px;
	margin-bottom: 10px; 
	}

h2 {
	font: 18px/28px Georgia, serif;
	font-weight: normal;
	font-style: italic;
	color: #336f91;
	padding: 0px; margin: 10px 0px 0px 0px;
	}

h3 {
	font: 12px/14px Georgia, serif;
	font-weight: normal;
	font-style: italic;
	color: #336f91;
	padding: 0px; margin: 0px 0px 5px 0px; 
	}

h4 {
	font: 13px/17px Georgia, serif;
	font-weight: normal;
	font-style: italic;
	color: #336f91;
	padding: 0px; margin: 0px 0px 5px 0px; 
	}

.red {
	color: #b90000;
}

.photo {
	margin: 0px; padding: 0px; border: 0px;
	}

.photo strong {
	background: url(/im/scope.png) no-repeat 50% 50%;
	display: block;
	position: absolute;
	margin: 0px; left: 0;
	padding: 0px;
	width: 290px; height: 200px;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	text-indent: -9999px;
	}

/* Container */
#container {
	width: 100%; height: 100%; display: table;
	}
	
#center {
	display: table-cell; vertical-align: middle; width: 100%;
	}

/* Header */
header {
	margin: 0 auto;
	margin-top: 20px;
	padding: 0px;
	display: block;
	}
	
header h1 {
	background: url(/im/monroe_logo.png) no-repeat 0px 0px;
	width: 210px; height: 198px;	
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 0px;	
	text-indent: -9999px;		
	}

header h1 a, header h1 a:hover { 
	text-decoration: none; 
	color: #f4b2b3;
	border: none;
	}	

/* Header menu */
#header-menu {
	margin:0 auto; padding: 0px;
	margin-left: 151px;
	margin-bottom: 64px;
	}

nav {
	background: url(/im/navbar1.png) no-repeat;
	margin-left: -1px;
	padding: 1px 0px 0px 3px;
	float: left;
	width: 802px; height: 50px;
	}

nav ul {
	list-style: none;
	margin: 0px; padding: 0px;
	}

nav ul li {
	list-style: none;
	float: left;
	width: 114px;
	margin: 0px; padding: 0px;
	text-align: center;
	}
			
nav ul li a {
	background: url(/im/hover.png) repeat 0 0;
	display: block;
	padding: 13px 10px;
	height: 100%;
	color: #fff;
	font: 14px/18px Verdana, Arial, sans-serif;
	border: none;
/*
	font: 14px/16px Georgia, serif;
	font-style: italic;
*/
	font-weight: normal;	
	text-decoration: none;
	margin-right: 2px;
	}

nav ul li a:hover {
	color: #fff;
	background-position: 50px 0;
	text-decoration: none;
	border: none;
	}

/* Main page */
#page {
	margin: 0 auto; padding: 0px;
	}

#text-wrapper {
	background-color: rgba(255,255,255,0.85);
	width: 300px; height: 360px;
	padding: 20px;
/*
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
*/
	color: #282828;
	margin-top: -437px; margin-left: 611px;
	display: block;
	position:absolute;
	z-index:9;
	}

#text-wrapper p {
	padding-bottom: 10px;
	}

/* Zabiegi page */
div.title {
	font: 12px/14px Georgia, serif;
	font-weight: normal;
	font-style: italic;
	padding: 0px; margin: 0px; margin-bottom: 2px; 
	}

ul.tick li {
	background-image: url(/im/small_tick.png);
	background-position: -5px 4px;
	background-repeat: no-repeat;
	padding: 2px 0 2px 13px;
	list-style: none;
	margin: 0px;
	}

/* Cennik page */
.cennik_title {
	font: 12px/36px Georgia, serif;
	font-weight: normal;
	font-style: italic;
	float: left;
	padding: 0px; margin: 0px;	
	}

.cennik_pdf {
	background-image: url(/im/icon_monroe_pdf.png);
	width: 32px; height: 32px;
	border: none;
	float: left;
	display: block;
	text-indent: -99999px;
	}

.cennik_jpg {
	background-image: url(/im/icon_monroe_jpg.png);
	width: 32px; height: 32px;
	border: none;
	float: left;
	display: block;
	text-indent: -99999px;
	}

/* Gallery page */
.gallery {
	position: absolute;
	display: block;
	z-index:9;
	padding: 20px 0px 0px 81px;
	}

/* Kontakt page */
.mapka {
	background-image: url(/im/icon_monroe_mapka.png);
	width: 290px; height: 126px;
	border: none;
	float: left;
	display: block;
	text-indent: -99999px;
	}

ul.contact li {
	list-style: none;
	margin: 0px; padding: 0px;
	}

.contact a {
	border-bottom: #336f91 1px dotted;
	}

.contact a:hover {
	border-bottom: #033450 1px dotted;	
	}

/* Scrolls */
.scroll-pane, .scroll-pane-arrows {
	width: 100%;
	height: 315px;
	overflow: auto;
	outline: none;
	}

/* Promocje page */

header .promocje {
	background: url(/im/promocje.png) no-repeat 0px 0px;
	width: 142px; height: 116px;
	float: right;
	margin-top: -140px; margin-right: 166px;
	margin-bottom: 5px;
	padding: 0px;	
	text-indent: -9999px;	
	}

/* Prasa page */

#page .prasa {
	background: url(/im/prasa.png) no-repeat 0px 0px;
	width: 62px; height: 220px;
	float: left;
	margin: 184px 0px 0px 89px;
	padding: 0px;	
	text-indent: -9999px;	
	}

/* News page */

#page .nowosci {
	width: 120px;
	float: right;
	margin-top: 80px;
	padding: 10px;	
	}

#page .nowosci h2 {
	background: url(/im/header_nowosci.png) no-repeat 0px 0px;
	width: 97px; height: 22px;
	text-indent: -9999px;
	margin: 0px; padding: 0px;
	}

#page .nowosci p {
	font: 11px/14px Verdana, Arial, sans-serif;;
	font-style: italic;
	color: #949393;
	}

.data {
	background: #fdfbea;
	color: #333;
	padding: 2px 3px 2px 3px;
	border: #ece9da 1px solid;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

/* Footer */
#footer {
	font: 11px/16px Georgia, serif;
	font-style: italic;
	margin: -25px 61px 20px 151px;
	width: 800px;
	color: #757575;
	padding: 0px;
	float: left;
	}

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

#footer a:hover {
	color: #757575;
	text-decoration: underline;
	border: none;
	}