html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: 'Open Sans Condensed';
	vertical-align: baseline;
}

body {
 
  overflow:auto;
  clear:both;
  display:block;

 
 }

.page
{

clear: both;
}


#home_section
 {
 	background-image:url(images/bgHome.png);	
 	max-width: 100%;
 	background-size: cover;
 	background-position: top center;
 	
 }


#wrapHome
{
	position: absolute;
top: 50%;
width: 100%;
text-align: center;
height: 150px;
overflow: hidden;
margin-top: -75px;
}

 h1
 {
 	font-size: 60px;
 	font-family: 'Open Sans Condensed', sans-serif;
 	font-weight: bold;
 	color: #fff;
 	text-align: center;

 
 }


h2
{
font-size: 36px;
color: #fff;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
padding-top: 2%;

}


#mainNav
{
background-color: #333;
display: block;
height: 50px;
position: fixed;
top: 10px;
width: 100%
}

#navigation
{
	float:right;
	padding-right: 10%
}


#mainNav li a.active
{
color: #2fe4e2;
}


#mainNav li
{
	list-style: none;
	float: left;
	padding:10px;
}

#mainNav li a
{
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	float: left;
	text-decoration: none;
}

#logo
{
float: left;
padding-left: 10%;
font-family:  'Open Sans Condensed', sans-serif;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 26px;
padding-top: 5px;
}


#surname
{
	color: #2fe4e2;
	padding-top: 5px;
	font-family:  'Open Sans Condensed', sans-serif;

text-decoration: none;
font-weight: bold;
font-size: 26px;
padding-left:10px;
}


.title
{
	color: #333;
	font-size: 30px;
	padding-top: 5%;
}

.titleSub
{
	color: #333;
	font-size: 26px;

}

#bioWrap
{
display: block;
padding-left: 10%;
float: left;
padding-top: 7%;
overflow: hidden;
padding-bottom: 10%;
width: 65%;
}




#bibliography_section
{
	background-image: url(images/bgBibliography.png);
	max-width: 100%;
 	background-size: cover;
 	background-position: top center;
}

#biblioWrap
{
	margin-left: 7%;
	margin-right: 3%;
	padding-top: 5%;
	padding-bottom: 5%;
	clear: both;
	overflow: hidden;
	
}


#bookCovers
{
	padding: 25px;
	background-color: #fff;
	width: 48%;
	overflow:hidden;
	float:left;

}

#bibliography
{
overflow: hidden;
/*width: 42%;*/
width: 100%;
float: left;
padding-left: 5%;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 18px;
color: #fff;
}

#bibliography ul
{
	padding-top: 15px;
}

#bibliography li
{
	list-style: none;
	padding-right: 30px;
}

#novels
{
	float: left;
}

#poetry
{
	float: left;
	padding-top: 30px;
}


.works
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 20px;
}
footer
{
clear: both;
}
#contact
{
background-image: url(images/contactBg.jpg);
max-width: 100%;
background-size: cover;
background-position: top center;
}

#contactWrap
{
	padding-right: 15%;
padding-left: 20%;
padding-top: 5%;
width: 65%;
}

.contactList
{
	float: left;
}


#contactWrap li
{
	list-style: none;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	padding-bottom: 20px;
}



#contactWrap  p
{
	float:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
	

}

#worksWrap
{

margin-left: 10%;
margin-right: 10%;
padding-top: 5%;
padding-bottom: 5%;
clear: both;
overflow: hidden;

}

.worksWrap 
{
	width: 70%;
	list-style: none;
	float: left;
}


.worksWrap li
{
	text-decoration: none;
	
	float: left;
	padding: 3%;
	text-indent: 10px;
	

}

#latestWorks
{
	float: right;
	width:24%;
}

#latestWorks ul
{

list-style: none;
padding-top: 20px;
border-left: #cecece 1px solid;
padding-left: 7%;
}

#latestWorks li
{
	padding-bottom: 40px
	
}

.titleWork
{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Open Sans Condensed';

}

p
{
	font-family: Arial;
font-size: 14px;
color: #666;
line-height: 1.4em;
padding-bottom: 10px;
}


.imageLatestWorks
{
	float: left;
	padding: 2%;
}


a
{
	color: #0D85DB;
	text-decoration: none;
	font-size: 14px;
}

.criticsWrap

{
width: 65%;
list-style: none;
float: left;
}


.criticsWrap li
{
		text-decoration: none;
	
	float: left;
	padding: 3%;
}

#critics_section
{
 background: #cecece;
}

.imageBio
{
	width: 37%;
float: left;
padding: 1% 2% 1% 0;
}


#bio_section
{
	padding-right: 10%
}


.izvadoci
{

	clear: both;
padding-left: 20%;
padding-top: 6%;
padding-right: 20%;
}

.izvadoci p
{
	text-indent: 10px;
}

.bibliographyBlocks
{
	
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    clear: both;
}

.bibliographyBlocks li
{
	
	text-decoration: none;
width: 30%;
display: block;
float: left;
background: #fff;
margin: 1%;
min-height: 250px;
}

.bibliographyBlocks img
{
	float: left;
	padding: 5%;

}


.bibliographyBlocks li p

{
 padding: 4%;
}

.titles
{
	font-size: 16px;
	
}

.rightContentBlock

{
text-align: center;
padding-bottom: 10px;
width: 50%;
padding-top: 5%;

}

.contactForm label 
{
display: block;
text-align: left;
padding-bottom: 5px;
}

.contactForm input[type="text"], .contactForm textarea, .contactForm .button {
width: 100%;
display: block;
border: 1px solid #ebebeb;
line-height: 1.5;
height: 35px;
margin-bottom: 10px;
/* float: left; */
}

.contactForm input[type="text"], .contactForm textarea, .contactForm .button {
width: 100%;
display: block;
border: 1px solid #ebebeb;
line-height: 1.5;
height: 35px;
margin-bottom: 10px;
/* float: left; */
}


.contactForm textarea, .contactForm .button {
width: 100%;
display: block;
border: 1px solid #ebebeb;
line-height: 1.5;
height: 35px;
margin-bottom: 10px;
/* float: left; */
}

.contactForm textarea {
height: 150px;

}

.button
{
zoom: 1;
vertical-align: baseline;
margin: 0 2px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}