﻿

/* >>> GENERAL TAGS */


body
{
	margin: 0px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 9pt;
	background-image: url('index-back-pattern.png');
	background-repeat: repeat;
	color: #3d107b;
}


a, a:visited
{
	color: #3d107b;
	text-decoration: none;
}


a:hover
{
	color: #eb7f00;
	text-decoration: none;
}


.external
{
	background: url('external.png') center right no-repeat;
	padding: 0 14px 0 0;
}


/* >>> STANDALONE INDEX PAGE */


#div-index-1
{
	width: 100%;
	height: 660px;
	background-image: url('index-back-yellow.png');
	background-repeat: repeat;
}


#div-index-11
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}


#div-index-111
{
	width: 1000px;
	height: 246px;
	background-image: url('index-image-1.jpg');
}


#div-index-112
{
	width: 1000px;
	height: 323px;
	background-image: url('index-image-2.jpg');
}


#div-index-113
{
	width: 1000px;
	height: 91px;
	background-image: url('index-image-3.jpg');
}


#div-index-2
{
	width: 100%;
	height: 140px;
}


#div-index-21
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 140px;
	background-image: url('index-footer.jpg');
}


#div-index-welcome
{
	position: relative;
	left: 20px;
	top: 20px;
	color: #3D107B;
}


.index-main-text
{
	font-family: Verdana;
	font-size: 9pt;
	color: #C5BBD3;
	position: relative;
	top: 70px;
	float: left;
	line-height: 12pt;
}


.index-main-text p:first-letter
{
	font-size: 13pt;
}


/* >>> MAIN APPLICATION MENU */


#menu-locator
{
	float: right;
	position: relative;
	top: 58px;
}


.menu-class
{
	width: 100px;
	height: 26px;
	margin-right: 1px;
	float: left;
	padding-top: 7px;
	text-align: center;
	font-family: Verdana;
	font-size: 16px;
	background-image: url('menu-back-off.png');
}


.menu-class-selected
{
	background-image: url('menu-back-on.png');
}


.menu-class a, .menu-class a:visited
{
	color: #5D368A;
	text-decoration: none;
}


.menu-class a:hover
{
	color: #5D368A;
	text-decoration: underline;
}


/* >>> LINK UMÓW WIZYTĘ */


#div-reception
{
	clear: both;
	padding-right: 65px;
	padding-top: 18px;
	font-weight: bold;
	text-align: right;
}


#div-reception a, #div-reception a:visited
{
	color: #5D368A;
}


#div-reception a:hover
{
	color: #5D368A;
	text-decoration: underline;
}


/* >>> MASTER PAGE STUDIOVISAGE */


#master-1
{
	width: 100%;
	height: 6px;
	background-color: #3D107B;
}


#master-2
{
	width: 100%;
	background-color: #EF9C00;
}


#master-21
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}


#master-211
{
	width: 999px;
	float: left;
}


#master-212
{
	width: 1px;
	float: right;
	height: 313px;
	position: relative;
	top: 52px;
	background-image: url('visage-menu-border.jpg');
}


#master-logo-menu
{
	width: 999px;
	height: 141px;
	background-image: url('visage-image-1.jpg');
}


#master-locator
{
	float: right;
	position: relative;
	top: 52px;
}


#master-frame
{
	margin-left: auto;
	margin-right: auto;
	width: 927px;
}


#master-frame-out
{
	width: 927px;
	border: solid 1px #000;
}


#master-frame-in
{
	width: 927px;
}


#master-frame-header
{
	width: 927px;
	height: 70px;
}


#master-frame-shader
{
	clear: both;
	float: none;
	width: 927px;
	height: 36px;
	background-image: url('visage-frame-shader.jpg');
}


#master-frame-contents
{
	width: 927px;
	background-color: #FDEFCE;
	background-image: url('visage-frame-grad.png');
	background-repeat: repeat-x;
}


#master-frame-flower
{
	float: left;
	width: 175px;
	height: 300px;
	background-image: url('visage-frame-flower.png');
}


#master-frame-body
{
	float: left;
	width: 752px;
}


#master-frame-body-in
{
	width: 712px;
	padding: 20px 20px 20px 20px;
}


/* >>> RECOMMENDATIONS */


.div-design
{
	width: 1000px;
	margin: 10px auto 0px auto;
	color: #666;
	font-size: 8pt;
}


.div-recommendations
{
	border-top: 1px solid #CCC;
	padding: 1px 10px 0px 10px;
	margin: 3px auto 0px auto;
	width: 1000px;
	font-size: 8pt;
	color: #666;
}


.div-recommendations a, .div-recommendations a:link, .div-recommendations a:visited
{
	color:#888;
}


.div-recommendations a:hover
{
	text-decoration: underline;
}


/* >>> FRAME CONTROL */


.frameOuter
{
}

.frameInner
{
}

.frameTitle
{
	font-family: Tahoma;
	font-size: 11pt;
	font-weight: bold;
}

.frameBody
{
	margin-top: 10px;
	margin-bottom: 30px;
}


.cssUnderline
{
	border-bottom: solid 1px #e0cec2;
}


.cssUnderline a
{
	background-image: url('pointer-off.png');
	background-repeat: no-repeat;
	padding-left: 12px;
}


.cssUnderline a:hover
{
	background-image: url('pointer-on.png');
}



/* >>> CENNIK */


.cennikDiv
{
	float: left;
	width: 320px;
}


.fryzjerDivL
{
	float: left;
	width: 390px;
}


.fryzjerDivR
{
	float: left;
	width: 250px;
}


.cennikDivSep
{
	float: left;
	width: 60px;
}


.cennikItem
{
	text-align: left;
	vertical-align: bottom;
	padding-top: 3px;
}


.cennikPrice
{
	text-align: right;
	vertical-align: bottom;
}


.cennikPriceFryzjer
{
	text-align: right;
	vertical-align: bottom;
	width: 40px;
	border-left: solid 1px #f0ded2;
	padding-right: 4px;
}


/* >>> PROMOCJE */


.promocjeDiv1
{
	float: left;
	width: 280px;
}


.promocjeDiv2
{
	float: left;
	width: 380px;
}


.promocjeDivSep
{
	float: left;
	width: 40px;
}


.promocjeDiv1 p
{
	margin-top: 0px;
	margin-bottom: 6px;
	line-height: 12pt;
}


.promocjaItem
{
	text-align: left;
	vertical-align: bottom;
	padding-top: 3px;
}


.promocjaPrice
{
	text-align: right;
	vertical-align: bottom;
}


/* >>> GALLERY */


.imageGroup
{
	clear: both;
	margin-left: 20px;
	padding-bottom: 20px;
}


.imageBox
{
	float: left;
	text-align: center;
	margin-right: 20px;
}


.imageMini
{
	margin-bottom: 5px;
}


/* >>> ZABIEGI */


.treatDiv
{
	float: left;
	width: 290px;
}



.treatDiv a
{
	display: block;
	border-bottom: solid 1px #e0cec2;
	background-image: url('pointer-off.png');
	background-repeat: no-repeat;
	padding-left: 12px;
	margin-bottom: 4px;
}


.treatDiv a.treatSelected
{
	color: #eb7f00;
	background-image: url('pointer-on.png');
}


.treatDiv a:hover
{
	background-image: url('pointer-on.png');
}


.treatTitle
{
	text-align: left;
	margin-bottom: 30px;
}


