/* ==========================================================================
   Agnieszka Blank - Visual Arts - Pracownia rysunku i malarstwa
   02.12.2013
   ========================================================================== */
@import url(http://fonts.googleapis.com/css?family=Voces&subset=latin,latin-ext);

body{
	font-family: 'Voces', Arial, Helvetica, sans-serif;
	background: #FFF url(../img/background.jpg) no-repeat center top;
}


#container {
	position: absolute;
	height: 630px;
	width: 920px;
	left: 50%;
	top: 50%;
	margin-top: -315px;
	margin-left: -460px;
}

#container.bg1 {
	background: url(../img/bg.png) no-repeat center bottom;
}
#container.bg2 {
	background: url(../img/bg2.png) no-repeat center bottom;
}

#header{
	display: block;
	clear: both;
	float: none;
	height: 120px;
	width: 920px;
	position: relative;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}

#header h1 a {
	display: block;
	clear: both;
	float: none;
	height: 60px;
	width: 920px;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/agnieszka_blank.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -99999999px;
}

#header h1 a.index{background-position: center top;}
#header h1 a.malarstwo-sztalugowe{background-position: center top;}
#header h1 a.malarstwo-nascienne{background-position: center -120px;}
#header h1 a.ikony{background-position: center -240px;}
#header h1 a.ilustracje{background-position: center -360px;}
#header h1 a.kontakt{background-position: center -480px;}

#header #nav{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 460px;
	position: absolute;
	top: 60px;
	right: 0px;
}

#header #nav h2{
	position: absolute;
	top: 30px;
	left: -140px;
	font-size: 18px;
	font-weight: normal;
	color: #66676a;
	margin: 0px;
	padding: 0px;
}


#header #nav ul{
	display: block;
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 460px;
}

#header #nav ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
}

#header #nav ul li a{
	display: block;
	height: 30px;
	margin-top: 20px;
	font-size: 14px;
	line-height: 26px;
	color: #FFF;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);

}

#header #nav ul li a.malarstwo-sztalugowe{width: 86px; padding-left: 17px;}
#header #nav ul li a.malarstwo-nascienne{width: 84px; padding-left: 9px;}
#header #nav ul li a.ikony{width: 70px; padding-left: 22px;}
#header #nav ul li a.ilustracje{width: 76px;padding-left: 10px;}
#header #nav ul li a.kontakt{width: 66px;padding-left: 14px;}


#header #nav.malarstwo-sztalugowe {background: url(../img/agnieszka_blank.png) no-repeat -460px -60px;}
#header #nav.malarstwo-nascienne {background: url(../img/agnieszka_blank.png) no-repeat -460px -180px;}
#header #nav.ikony {background: url(../img/agnieszka_blank.png) no-repeat -460px -300px;}
#header #nav.ilustracje {background: url(../img/agnieszka_blank.png) no-repeat -460px -420px;}
#header #nav.kontakt {background: url(../img/agnieszka_blank.png) no-repeat -460px -540px;}


#main{
	display: block;
	height: 465px;
	width: 840px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	position: relative;
}

#main .tx{
	font-size: 15px;
	color: #66676a;
	line-height: 21px;
}

#main .tx img{
	-webkit-box-shadow: 3px 3px 3px 0px rgba(131,132,132,1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(131,132,132,1);
	box-shadow: 3px 3px 3px 0px rgba(131,132,132,1);
}

.col{
	width: 800px;
	padding-top: 10px;
	position: absolute;
	right: 40px;
	top: 20px;
	height: 440px;
}



.left-col{
	width: 380px;
	padding-top: 10px;
	position: absolute;
	left: 40px;
	top: 20px;
	height: 440px;
}


#page-index .left-col div{
	position: absolute;
	left: 0px;
	bottom: 30px;
	width: 380px;
}




.right-col{
	width: 380px;
	padding-top: 10px;
	position: absolute;
	right: 40px;
	top: 20px;
	height: 440px;
}


#main  figure{
	position: absolute;
	right: -10px;
	bottom: 0px;
	z-index: 2;
}


.gallery {
	padding: 0px;
	margin: 25px 0 0 0;
}

.gallery li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 95px;
}

.gallery li a{
	display: block;
	width: 95px;
	height: 95px
}

.gallery li a img{
	width: 87px;
	height: 87px;
	border: 4px solid #FFF;
}

.gallery-ikony li a img:hover{border: 4px solid #090;}
.gallery-ikony li a img:hover{border: 4px solid #090;}

.pp_description{
	display: none !important;
}

.kontakt{
	font-size: 22px;
	color: #66676a;
}

.kontakt p{
	margin: 0px;
}

.kontakt h1{
	color: #ff6600;
	font-size: 30px;
	font-weight: normal;
}

.kontakt h2{
	color: #66676a;
	font-size: 30px;
	font-weight: normal;
}

.kontakt h3{
	color: #66676a;
	font-size: 26px;
	font-weight: normal;
}

.kontakt a{
	color: #66676a;
	text-decoration: none;
}

.kontakt a:hover{
	color: #ff6600;
	text-decoration: none;
}

#page-kontakt a{
	color: #66676a;
	text-decoration: none;
}

#page-kontakt a:hover{
	color: #ff6600;
	text-decoration: none;
}

#footer{
	position: relative;
}

#footer a.design{
	font-size: 12px;
	color: #a6a6a6;
	text-decoration: none;
	position: absolute;
	z-index: 2;
	left: 40px;
	top: -20px;
}