@charset "utf-8";
/* CSS Document */
/*
Author:           Agnieszka Lisińska
Version:	   0.1

Description: Hairdresser/Tanning Salon page
*/
/*
---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- NAVIGATION MENU
	-- STRUCTURE
	-- CUSTOM
---------------------------------------------------------------------------------------
*/


/*---------------------------------------------------------------------------------------
--- RESETS
---------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
	p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
	body {
		line-height: 1;
}
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}

	:focus {
		outline: 0;
	}

	ins {
		text-decoration: none;
	}
	del {
		text-decoration: line-through;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	
/*---------------------------------------------------------------------------------------
--- BASICS
---------------------------------------------------------------------------------------*/
html{		font-size:100%;	min-height:101%;}
body{		font-size:62.5%; color:#666;}

a{		}
a:hover{	}
a:active{	}
a:visited{	}

.left{		float:left; }
.right{	float:right; }
.clear{	clear:both; }

img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }

.padding{	padding:10px; }
#content p{	margin:1.1em 0; padding-left: 20px; }


/* ------------------------------------------------------------------------------------
NAVIGATION MENU				 */
#navigation, #navigation ul {		padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
#navigation a {			display:block; padding:6px 10px; text-decoration:none;	}
#navigation a:hover{			text-decoration:underline; padding:6px 10px; }
#navigation li { 			float:left; width:auto;	}
#navigation li{			padding:0; margin:0; }
#navigation li ul li{			padding:1px 0px;}
#navigation li ul li a{		padding:6px 10px; width:110px; }
#navigation li ul { 			position:absolute; padding-top:1px; width:130px; left:-999em; }
#navigation li ul ul {			margin: -1.5em 0 0 130px;	}

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;	}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul { left: auto;	}


/* ------------------------------------------------------------------------------------
STRUCTURE					 */
#container{
	overflow: hidden;
	border: none;
	font-size: 1.2em;
	background-color: #331809;
	margin-top: 10px;
	width: 900px;
}
#header{
	background-color: #613720;
	height:100px;
}
#header head{
	background-color: #613000;
	height:100px;
}
.slogan {float:right;margin-right:10px; width:700px;
color:#CFAD67;
font-size:36px;
font-family: "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
padding-top:57px;}
#address{
	background-color: #403027;
	height: 20px;
	font-family: Arial, Helvetica;
	color: #FFF;
	font-weight: bolder;
	text-align: inherit;
	font-size: 14px;
	letter-spacing: 0.4em;
	padding-top: 5px;
	padding-left: 25px;
}
#footer{	clear:both; }
#content{}
#right{}
#left{		}
.brownboxtext {
	position:absolute;
	overflow:hidden;
	background-color:#331809;
	height:82px;
	z-index:3;
	width: 900px;

}

.brownboxtext div a {
	display: block;
	}

.brownboxtext div a span {
	display: none;
	}
.bottom-left {

	background:url(../images/bottom_left.jpg) top no-repeat; 
width:225px; 
height:82px;}




.bottom-center {
	background-image: url(../images/bottom_center.jpg);
	width:225px;
	height:82px;
}


.bottom-right {
	background-image: url(../images/bottom_right.jpg);
	width:225px;
	height:82px;
}


.bottom-right1 {
	background-image: url(../images/bottom_right1.jpg);
	width:225px;
	height:82px;
}

/* ------------------------------------------------------------------------------------
CUSTOM				 */



#featured-image01 {
background-image: url(../images/slide1.jpg);}
 
#featured-image02 {
background-image: url(../images/slide2.jpg);}
 
#featured-image03 {
background-image: url(../images/slide3.jpg);}

#featured-image04 {
background-image: url(../images/slide4.jpg);}
 
.featured-text {
float: left;
width: 450px;
margin-top: 25px;}
 
#featured-image01, #featured-image02, #featured-image03, #featured-image04 {
float: right;
width: 900px;
height: 439px;
background-repeat: no-repeat;
background-position: right;}
 
#featured-image {
float: right;
width: 900px;
background-image: url(../images/slide1.png);
background-repeat: no-repeat;
background-position: right;
height: 439px;}
 
.featured-buttons {
height: 144px;
width: 234px;
margin-left: 20px;
padding-top: 10px;}
 
.hidden {
display: none;}


#main{	overflow:hidden; border:none; font-size:1.5em; background-image:url(../images/baner_sniadeckich.jpg); margin-top: 0px; width: 900px; height: 400px; }
#main-text { font-size:10px;}

#main1{	overflow:hidden; border:none; font-size:1.5em; background-image:url(../images/baner_braniewska.jpg); margin-top: 0px; width: 900px; height: 400px; }
#main-text1 { font-size:10px;}

#main2{	overflow:hidden; border:none; font-size:1.5em; background-image:url(../images/baner_braniewska.jpg); margin-top: 0px; width: 900px; height: 400px; }
#main-text1 { font-size:10px;}

#main5{	overflow:hidden; border:none; font-size:1.5em; background-color:#000; margin-top: 0px; width: 900px; height: 650px; }

#main3{	overflow:hidden; border:none; font-size:1.5em; background-image:url(../images/baner_kosmetyczka.jpg); margin-top: 0px; width: 900px; height: 400px; }
#main-text1 { font-size:10px;}


#fryzjer { padding-top: 80px; padding-left:40px;}
#fryzjer1 { padding-top: 205px; padding-left:300px;}
#fryzjer2 { padding-top: 70px; padding-left:20px;}
#fryzjer3 { padding-top: 0px; padding-left:40px;}
#fryzjer4 { padding-top: 0px; padding-left:20px;}
#fryzjer5 { padding-top: 220px;  float:left; text-align:right;}
#fryzjer6 { padding-top: 205px; padding-left:200px;}

#main4{	overflow:hidden; border:none; font-size:1.5em; background-image:url(../images/baner_fryzjer.jpg); margin-top: 0px; width: 900px; height: 400px; }
#main-text1 { font-size:10px;}

.btn {
  background: #ffdd00;
  background-image: -webkit-linear-gradient(top, #ffdd00, #fc8b00);
  background-image: -moz-linear-gradient(top, #ffdd00, #fc8b00);
  background-image: -ms-linear-gradient(top, #ffdd00, #fc8b00);
  background-image: -o-linear-gradient(top, #ffdd00, #fc8b00);
  background-image: linear-gradient(to bottom, #ffdd00, #fc8b00);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  float:right;
   margin-right: 40px;
   margin-top:233px;
}

.btn:hover {
  background: #77c9fc;
  background-image: -webkit-linear-gradient(top, #77c9fc, #3498db);
  background-image: -moz-linear-gradient(top, #77c9fc, #3498db);
  background-image: -ms-linear-gradient(top, #77c9fc, #3498db);
  background-image: -o-linear-gradient(top, #77c9fc, #3498db);
  background-image: linear-gradient(to bottom, #77c9fc, #3498db);
  text-decoration: none;
}