/*stile*/

/* Generated by ParaType Ltd (http://www.paratype.com)*/
/* Font PT Serif:  Copyright © 2010 ParaType Ltd. All rights reserved.*/

@font-face {font-family: 'PT Serif'; 
	src: url('ptf55f_w.eot'); 
	src: local('PT Serif'), url('ptf55f_w.eot?#iefix') format('embedded-opentype'), url('ptf55f_w.woff') format('woff'),url('ptf55f_w.ttf') format('truetype'), url('ptf55f_w.svg#PTSerif-Regular') format('svg');}

@font-face {font-family: 'PT Serif'; 
	font-style: italic;
	src: url('ptf56f_w.eot'); 
	src: local('PT Serif Italic'), url('ptf56f_w.eot?#iefix') format('embedded-opentype'), url('ptf56f_w.woff') format('woff'),url('ptf56f_w.ttf') format('truetype'), url('ptf56f_w.svg#PTSerif-Italic') format('svg');}

@font-face {font-family: 'PT Serif';
	src: url('ptf75f_w.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Serif Bold'), url('ptf75f_w.eot?#iefix') format('embedded-opentype'), url('ptf75f_w.woff') format('woff'),url('ptf75f_w.ttf') format('truetype'), url('ptf75f_w.svg#PTSerif-Bold') format('svg');}

@font-face {font-family: 'PT Serif';
	font-style: italic;
	font-weight: bold; 
	src: url('ptf76f_w.eot'); 
	src: local('PT Serif Bold Italic'), url('ptf76f_w.eot?#iefix') format('embedded-opentype'), url('ptf76f_w.woff') format('woff'),url('ptf76f_w.ttf') format('truetype'), url('ptf76f_w.svg#PTSerif-BoldItalic') format('svg');}

@font-face {font-family: 'PT Serif Caption'; 
	src: url('ptz55f_w.eot');
	src: local('PT Serif Caption'), url('ptz55f_w.eot?#iefix') format('embedded-opentype'), url('ptz55f_w.woff') format('woff'),url('ptz55f_w.ttf') format('truetype'), url('ptz55f_w.svg#PTSerif-Caption') format('svg');}

@font-face {font-family: 'PT Serif Caption';
	font-style: italic; 
	src: url('ptz56f_w.eot');
	src: local('PT Serif Caption Italic'), url('ptz56f_w.eot?#iefix') format('embedded-opentype'), url('ptz56f_w.woff') format('woff'),url('ptz56f_w.ttf') format('truetype'), url('ptz56f_w.svg#PTSerif-CaptionItalic') format('svg');}


/*.header {
	background-image:url(../img/cd-img-1.jpg);
	min-height: 100%;
    background-position: center center;
    background-size: cover;
    color: #fff;
	}*/


.body {
	font-family: 'PT Serif';
}

.navbar {
	margin-bootom:0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}	
	
	
.header logo {
	padding: 0 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	}
	
.header > img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	width: 100%
}

.navbar-header {
    float: none;
	font-weight:bold;
}
	
.topban {
	width: 100%;
	height: auto;
}

.paragraf {
    font-family: Pt Serif;
    margin: 40px 0;
    text-align: center;
}

.paragraf h3 {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

.paragraf > h5 {
    font-size: 16px;
}

.booksbg {
	background:#EAEAEA;
	
	}
	
.myphoto {
	float:left;
	padding: 0 10px 10px 0;
	width: 100%;
	max-width:300px;
	}
	
.oblogka {
    float: left;

}

img.oblogka  {
	width:100%;
	height:auto;
	max-width:204px
	}
	
img.oblogka:hover {
    opacity: 0.95;
}

.info h5 {
	text-align: left;
	font-weight:900;
	font-size:18px;
	padding: 10px 0;
	}

.info .button {
    margin-top: 50px;
}

.bio {
    font-family: "PT Serif";
    font-size: 17px;
    padding: 0 15px 0px;
    text-align: justify;
}

.logo {
   text-align: right;
}

.formbook {
	padding: 10px 0;
	font-family: pt serif;
	}

.line > img {
    width: 100%;
}

.info li {
    list-style-type: none;
}

.booksbg .container .row {
    padding: 0 0 30px;
}

.contact {
	background: #262128;
	overflow:hidden;
	}
	
.otziv {
    color: #fff;
    margin: 100px 0;
    position: absolute;
    right: 250px;
    text-align: center;
    width: 35%;
}

.otziv h4 {
    font-family: PT Serif;
    font-size: 23px;
    margin-bottom: 23px;
}

footer {
    background-color: #111;
    color: #777;
	font-size:12px;
	position:relative;
	}

footer .container p {
    margin: 10px;
	text-align: center;
}

.reader {
	background-image:url(../img/dimension.png)
	}
	
.reader h4 {
	text-align:center;
	font-family: 'PT Serif'
	}
	
.col-lg-3.col-md-4.col-sm-4.col-xs-6.formbook.prog {
    text-align: center;
}

.reader p	{
	text-align:center;
	font-style:italic;
	font-size:12px;
	margin:10px;
	font-color: #ccc;
	}
.reader .paragraf {
    margin: 40px 0 0;
}

.col-lg-3.col-md-4.col-sm-4.col-xs-6.formbook.prog > img:hover {
    opacity: 0.5;
}

.fmail {
	margin: 0 auto;
    max-width: 700px;
    padding: 0 10px;
	}

@media (max-width: 768px) {
.oblogka {
    float: none;
}

.booksbg .container .row {
    padding: 0 20px;
}

.info ul {
	padding:0;
	}
	
.paragraf h3 {
	font-size: 24px
	}
	
}

@media (max-width: 768px) {
	
img.oblogka {
    height: auto;
    max-width: 204px;
    width: 100%;
}

.oblogka {
    float: left;
}

.otziv {
    color: #fff;
    margin: 100px 0;
    position: absolute;
    right: 100px;
    text-align: center;
    width: 70%;
}

}

@media (min-width: 768px) {
	
.oblogka {
    float: left;
}

img.oblogka {
    height: auto;
    max-width: 156px;
    width: 100%;
}

.info h5 {
    font-size: 18px;
    font-weight: 900;
    padding: 10px 0;
    text-align: left;
	margin: 0;
}

.otziv {
    color: #fff;
    margin: 100px 0;
    position: absolute;
    right: 175px;
    text-align: center;
    width: 60%;
}

}
  
  @media (min-width: 992px) {

.booksbg .container .row {
    padding: 0 0 20px;
}

.info ul {
	padding:0;
	}

.oblogka {
    float: none;
}

img.oblogka {
    height: auto;
    max-width: 204px;
    width: 100%;
}
}

  @media (min-width: 1199px) {
	  
.oblogka {
    float: left;
}  

img.oblogka {
    height: auto;
    max-width: 204px;
    width: 100%;
}

.info h5 {
    font-size: 18px;
    font-weight: 900;
    padding: 10px 0;
    text-align: left;
	margin: 0;
}
	  
 }
 
  @media (max-width: 405px) {

img.oblogka {
    height: auto;
    width: 100%;
	max-width: 145px;
	text-align:center
}
.oblogka {
    float: left;
}

.info h5 {
    font-size: 15px;
    font-weight: 900;
    padding: 10px 0;
    text-align: left;
	margin: 0;
}
.otziv {
    color: #fff;
    margin: 80px 0;
    position: absolute;
    right: 42px;
    text-align: center;
    width: 80%;
}

.formbook.prog > h3 {
	font-size:23px;
}

.formbook.prog > h4 {
	font-size:13px;
}

}