body
	{
	margin:0;
	padding:0;
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #565555;
	}

	a:link, a:visited    {text-decoration: none}

	p
	{
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #565555;
	}

	.head
	{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	height: 136px;
	background-image: url('../img/head-back.png');
	background-repeat: repeat-x;
	background-position: left top;
	}

	#logo
	{
	float: left;
	width: 285px;
	height: 125px;
	}

	#titulky
	{
	float: left;
	width: 400px;
	height: 120px;
	padding-top: 6px;
	}

	a.issue-last {
	display: block;
	float: left;
	width: 83px;
	margin-top: 9px;
	}

	.box {
	float: left;
	width: 216px;
	height: 118px;
	background-image: url('../img/titulka-box.png');
	background-repeat: no-repeat;
	padding-top: 11px;
	padding-left: 10px;
	}

	.box p {

	font-size: 16px;
	padding: 5px 8px 0px 4px;
	margin: 0;
	color: white;
	}

	.kontakty
	{
	float: left;
	width: 250px;
	padding-left: 30px;
	padding-top: 7px;
	text-align: left;
	font-size: 10px;
	color: #636363;
	}
	
	.networks{
		height: 26px;
		width: 200px;
		float: right;
		margin-right: 95px;
		margin-top: 10px;
	}
	.networkImage{
		height: 30px;
	}
	/*prvni veta*/
	.veta
	{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align:center;
	font-size: 42px;
	font-style: italic;
	color: #565555;
	}

	.nadpis
	{
	font-size: 36px;
	font-style: italic;
	color: #565555;
	}

	.lovein
	{
	width: 121px;
	height: 53px;
	}
	/*konec prvni vety*/

	/*cast s obrazky*/
	.stred
	{
	width: 100%;
	margin: 0px auto;
	text-align: center;
	}

	.blok
	{
	width:980px;
	margin: 0px auto;
	text-align: left;
	}

	.top-1
	{
	width: 980px;
	height: 325px;
	}

	.img1, .img2, .img3, .img4{
	width: 225px;
	height: 330px;
	float: left;
	text-align:center;
	}

	.img1{
		
		margin-left: 0px;
	}
	.img2{
	margin-left: 18px;
	}

	.img3{

	margin-left: 18px;
	}

	.img4{
	margin-left: 18px;
	}

	.co
	{
	font-size: 30px;
	margin-right: 8px;
	}

	.co a{
	color: #565555;
	text-decoration: underline;
	}

	.co a:hover{
	color: #e2001a;
	}

	.textAbout
	{
	display: block;
	width: 220px;
	font-size: 18px;
	color: #565555;
	}

	.text a:link
	{
	text-decoration: none;
	}

	/*submit, pruh*/
	.submit{
	width: 687px;
	height: 120px;
	clear: both;
	margin-left: 150px;
	background-image: url('../img/submit-arrow.png');
	Background-repeat: no-repeat;
	}

	.taktak a{
	position: relative;
	top: 62px;
	left: 209px;
	font-size: 30px;
	color: #565555;
	}

	.taktak_SK a{
	position:relative;
	top: 57px;
	left: 77px;
	font-size: 30px;
	color: #565555;
	}

	.send {
	font-size: 14px;
	}

	.taktak a:hover{
	color: white;
	text-decoration: underline;
	}

	.taktak_SK a:hover{
	color: white;
	text-decoration: underline;
	}

	/*spodni menu*/

	.menu{
	width: 100%;
	height: 60px;
	font-size: 23px;
	margin-top: 18px;
	}

	.menu-text{
	width: 172px;
	height: 53px;
	float: left;
	padding: 8px;
	margin-left: 5px;
	background-image: url('../img/menu-back.png');
	background-repeat: no-repeat;
	background-size: 172px 53px;
	margin-bottom:4px;
	cursor: pointer;
	}

	.menu-text-active{
	width: 172px;
	height: 53px;
	float: left;
	padding: 8px;
	margin-left: 5px;
	background-image: url('../img/menu-back-active.png');
	background-repeat: no-repeat;
	background-size: 172px 53px;
	margin-bottom:4px;
	font-size:30px;
	color: #e2001a;
	}

	.menu-text a{
	color: white;
	cursor: pointer;
	}

	/*ramec druhe stranka*/
	.cojein{
	width: 750px;
	float: left;
	}

	.bloncka{
	width: 218px;
	height: 306px;
	float: right;
	}

	.kamoska3{
	position: absolute;
	top: 2570px;
	left: 0px;
/*	width: 100%;*/
	/*right: -380px;*/
	width: 980px;
	display: flex;
	justify-content: right;
	height: 306px;
	z-index: 2;
	}
	
	.kamoska3.slideDown{
		position: fixed;
	}
	
	#test{
		position:fixed;
		top:10px;
	}
	/*vnitrni bloky druhe stranky*/
	.vlevo, .vlevoUkazky, .vlevoPortret{
		width: 369px;
		float: left;
		margin-bottom: 0px;
		padding-top: 12px;
		padding-right: 4px;
		
	}

	.vlevo{
		height: 140px;
	}

	.vlevoPortret{
		width: 140px;
		height: 140px;
	}

	.vlevoUkazky{
		height: 310px;
	
	}
	
	.ukazkyText{
		text-align: center;
		width: 330px;
		margin-left: 10px;
	}

	.vpravo, .vpravoUkazky, .vpravoPortret{
		width: 369px;
		float: right;
		margin-bottom: 0px;
		padding-top: 12px;
		padding-right: 0px;
		padding-left: 4px;
	}

	.vpravo{
		height: 140px;
	}

	.vpravoUkazky{
		height: 310px;
	}
	
	.vpravoNahled{
		float:right;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	
	.vlevoNahled{
		float: left;
		margin-left: 10px;
		margin-bottom: 5px;
		padding-right: 20px;
	}

	.vpravoPortret{
		width: 140px;
		height: 140px;
		border-left: dashed 1px #c8c8c8;
	}

	.dotsRight{
		border-right: dashed 1px #c8c8c8;
	}
	
	.dotsLeft{
		border-left: dashed 1px #c8c8c8;
	}
	
	.dotsBottom{
		border-bottom: dashed 1px #c8c8c8;
		
	}
	.zivotSInText-vpravo, .zivotSInText-vlevo{
		text-align: justify;
	
	}

	.zivotSINRadek{
		width: 740px;
		height: 152px;
		padding-top: 12px;
		border-bottom: dashed 1px #c8c8c8;
	}
	.zivotSInText-vpravo{
		margin-left: 170px;
		margin-right: 10px;

	}
	.zivotSInText-vlevo{
		margin-right: 170px;
	}
	.numero{
	width: 36px;
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #c0c0c0;
	font-size: 70px;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	}

	.texto{
	width: 300px;
	height:110px;
	float: right;
	}

	
	.text2{
	font-family: "liberation-serif-1","liberation-serif-2";
	font-size: 18px;
	color: black;
	padding-right: 10px;
	}
	/*konec vnitrnich bloku strany 2*/

	.papaArea{
		height: 500px;
	}
	.papaBox{
		height: 480px;
		float: left;
		margin-right: 10px;
		padding-right: 10px;
	}
	.bishopBox{
		height: 255px;
		float: right;
		margin-left: 8px;
		padding-left: 8px;
	}
	
	.hiddenBox{
		float:left;
		background-color: #9f9f9f;
		hight:200px;
	}
	
	.papaPhoto,.bishopPhoto{
		height: 250px;
		border: solid 2px;
		border-color: #b6b6b6;
		border-radius: 5px;
		
	}
	.bishopArea{
		height: 275px;
		
	}
	
	.bishopPhoto{
		float: right;
		margin-top: 10px;
		margin-left: 5px;
	}
	/*dopisy*/
	.him, .us{
	width: 750px;
	float: right;
	margin-right: 15px;
	background-color: #f7f7f7;
	}
	
	.him{
	height: 380px;
	}
	
	.us{
	height: 285px;
	display: none;
	
	}
.himHead,.usHead{
	font-family: "liberation-serif-1","liberation-serif-2";
	
	color: #e2001a;
	font-size: 24px;
	background-color: #f0f0f0;
	font-style: italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	margin-right: 15px;
	width: 740px;
		
	}
.bishopHead{
	font-family: "liberation-serif-1","liberation-serif-2";
	
	color: #e2001a;
	font-size: 24px;
	background-color: #f0f0f0;
	font-style: italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	margin-right: 0px;
	margin-top: 15px;
	width: 770px;
	
	}
	
	.bishopText{
		float: left;
		width: 748px;
	}
	.usHead{
		margin-top: 15px;
	}
	.papaArrow{
		float: right;
		margin-right: 25px;
	}
	.himHeadText{
		float: left;
		width: 680px;
	}
	.nadpis2{
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #e2001a;
	font-size: 24px;
	}

	

	.dopis,.zcisla{
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #141414;
	}
	
	.dopis{
		font-size: 18px;
		padding: 15px;
		
		font-style: italic;
	}
	
	.zcisla{
	padding-left: 10px;
	text-align: right;
	font-size: 14px;
	float: right;
	}

	.meetingArea{
	height: 320px;
	
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.meetPhoto, .actionPhoto{
		width: 460px;
		border: solid 2px;
		border-color: #b6b6b6;
		border-radius: 5px;
	}
	
	.meetingBox{
		float:left;
		width: 485px;
		margin-right: 20px;
	}
	.meetingHead, .actionHead{
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #e2001a;
	font-size: 24px;
	background-color: #f0f0f0;
	font-style: italic;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 0px;
	width: 440px;
	}

	.meetingHead{
		float:right;
	}

	.meetingText, .actionText{
	width: 445px;
	height: 150px;
	padding: 5px;
	font-family: "liberation-serif-1","liberation-serif-2";
	font-size: 18px;
	font-style: italic;
	float: right;	
	}
	
	.meetingText{
	float: right;	
	
	}
	
	.action{
		float: left;
		width: 440px;
	}
	.actionText{
		float: left;
	}
	.actionBox{
		float:right;
		width: 485px;
		margin-left:  20px;
	}
	.actionPhoto{
		float: right;
	}
	.actionHead{
		float:left;
	
	}
	
	.faqSlideBox{
		height:  715px;
		width: 170px;
		background-color: 91cee1;
		float: left;
		margin-right: 10px;
	}
	
	.faqGirlPicture{
		position: absolute;
		top:5620px	;
		width: 200px;
	}
	.faqArea{
		width: 770px;
		float: right;
	}

	.faqQuestion:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	
	.faqQuestion{
		font-family: "liberation-serif-1","liberation-serif-2";
		color: #e2001a;
		font-size: 24px;
		background-color: #f0f0f0;
		font-style: italic;
		padding-left: 10px;
		padding-top: 5px;
		padding-bottom: 5px;
		margin-right: 0px;
		margin-top: 5px;
		float: left;
		width: 770px;
	}
	.faqArrow{
		float: right;
		margin-right: 25px;
	}
	.faqAnswer{
		background-image: url('../img/faq-1.jpg');
		background-repeat: no-repeat;
		background-position: right;
		background-size: 100px;
	}
	
	.faqHidden{
		display: none;
	}
	.faqAnswerText{
		width: 625px;
		font-style: italic;
		color: #1d7277;
		font-size: 18px;
		float: left;
		padding: 10px;
		padding-right: 128;
	}
	
	.faqAnswerPicture{
		width: 100px;
		margin-top: 20px;
		float: right;
	}
	.ctenarky a{
	color: white;
	text-decoration: underline;
	font-weight: bold;
	}

	.ctenarky a:hover{
	color: #e2001a;
	}

	.fotoPortret-left, .fotoPortret-right{
		width: 120px;
	}
	
	.fotoPortret-left{
		float:left;
	}

	.fotoPortret-right{
		float: right;
	}
	
	.podpis{
		font-style: italic;
		font-size: smaller;
		text-align: right;
	}
	.ukazka{
	width: 470px;
	float: left;
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 15px;
	}

	.submitArea{
	width: 750px;
	float: left;
	}
	
	.formDescription{
		width: 240px;
		float: right;
		font-style: italic;
	}

	#incz a{
	color: #e2001a;
	text-decoration: underline;
	}

	#incz a:hover{
	color: #565555;
	}

	.formPair{
		margin: 10px;
	}
	
	label{
	width: 175px;
	line-height: 20px;
	float: left;
	display: inline-block;
	vertical-align: bottom;
	font-size: 21px; 
	color: black;
	text-align: left;
	}

	.rozpis_predpl_price,.rozpis_predpl_label{
	font-family: "liberation-serif-1","liberation-serif-2";
	color: #141414;
	font-size: 14px;
	}

	.rozpis_predpl_p{

	}
	.rozpis_predpl_label{
	display: inline-block;
	margin-left: 10px;
	width: 300px;
	}

	.rozpis_predpl_price{
	display: inline;
	text-align: right;
	float: right;

	}
	.label_small{
		font-size: 12px;
	}

	
	.required label { color: maroon }

	
	textarea{
		height: 4em;
		width: 280px;
	}
	
	.text, .form, .formr, .sel, .onlynumbers {
	width: 280px;
	height: 35px;
	background-color: white;
	border: solid 1px #5d5d5d;
	color: black;
	font-size: 14px;
	}

	.formr
	{
		text-align: right;
	}

	.submit-ukazka{
	width: 277px;
	height: 70px;
	}

	a img{
	border: none;
	}

	a span.co{
	color: #565555;
	text-decoration: underline;
	}

	a:hover span.co{
	color: #e2001a;
	}


	.odeslat{
	width: 277px;
	height: 70px;
	background-color: #b0e0e6;
	border-radius: 15px;
	background-repeat: no-repeat;
	border: solid 2px gainsboro;
	margin: auto;
	display: block;
	font-size: 30px;
	color: #565555;
	padding-bottom: 1px;
	font-family: "liberation-serif-1","liberation-serif-2";
	}
	
	.odeslat:hover{
		color: white;
		text-decoration: underline;
	}
	

	legend{
	font-family: "liberation-serif-1","liberation-serif-2";
	font-size: 18px;
	color: white;
	font-style: italic;
	background-color: #cecece;
	padding: 4px 6px;
	}

	fieldset{
	margin-bottom:10px;
	padding-left: 6px;
	}

	/*pata*/

	.pata-back
	{
	width: 100%;
	height: 170px;
	clear: both;
	background-image: url('../img/Pata-back.png');
	background-repeat: repeat;
	background-position: left top;
	}

	.oval
	{
	margin: 0px auto;
	text-align: left;
	margin-top: 5px;
	width: 983px;
	height: 190px;
	background-image: url('../img/Pata-black.png');
	background-repeat: no-repeat;
	background-position: center center;

	}

	.pata-text-1
	{
	width: 300px;
	margin-left: 160px;
	padding-top: 20px;
	color: white;
	font-size: medium;
	}

	.error
	{
	margin-bottom: 20px;
margin-top: 118;
text-align: center;
color: red;
font-size: 20px;	
	}

	.varovani
	{
	width: 460px;
	color: #e2001a;
	}

	#servis-new-issue {
		float: left;
		width: 370px;
		height: 108px;
		padding-top: 8px;	
	}

	#servis-new-issue img {
		height: 110px;
		float:right;
	}

	a.issue-last {
		display: block; 
		float: left;
		width: 83px;	
		margin-top: 9px;
	}

	#issue-actual {
		float: left;
		width: 201px;
		height: 100px;
	
		padding-top: 9px;
	}

	#issue-actual a {
		display: block;
		float: left;
		width: 90px;
	}

	#issue-actual img {
		padding-left: 10px;
	
	}

	#newIssueImg{
		border: solid 1px;
		border-color: #b6b6b6;
		border-radius: 3px;
	}
	
	a.issue-actual-link {
		color: #E1E571;
		text-decoration: none;
		font-size: 16px;
	}

	a.issue-actual-link:hover {
		text-decoration: underline;
	}

	#issue-actual p {
		font-size: 12px;	
		padding: 0 4px 0 4px;;
		margin: 0;
		color: #FFFFFF;
	}
	.podzim{
	width: 960px;
	float: left;
	padding: 6px;
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: white;
	border: solid 2px grey;
	}

	.dopis-herbst{
	font-family: Tahoma;
	font-size: 18px;
	}

	.pdf{
	background-color: #f0f0f0;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align:center;
	font-size: 22px;
	color: #565555;
	line-height: 150%;
	}

	.pdf a{
	color: red;
	text-decoration: underline;
	}

	#popup_window{
		padding: 10px;
		background: #267E8A;
		cursor: pointer;
		color: #FCFCFC;
		margin: 200px 0px 0px 200px;
	}
	.popup-overlay {
		width: 100%;
		height: 100%;
		position: fixed;
		background: rgba(196, 196, 196, .85);
		top: 0;
		left: 100%;
		opacity: 0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
	}
	.overlay .popup-overlay {
		opacity: 1;
		left: 0
	}
	.popup {
		position: fixed;
		top: 25%;
		left: 50%;
		z-index: -9999;
	}
	.popup .popup-body {
		background: #ffffff;
		background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
		background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
		opacity: 0;
		min-height: 150px;
		width: 400px;
		margin-left: -200px;
		padding: 20px;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		-webkit-transition: opacity .2s ease-out;
		-moz-transition: opacity .2s ease-out;
		-ms-transition: opacity .2s ease-out;
		-o-transition: opacity .2s ease-out;
		transition: opacity .2s ease-out;
		position: relative;
		-moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		-webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
		text-align: center;
		border: 1px solid #e9e9e9;
	}
	.popup.visible, .popup.transitioning {
		z-index: 9999;
	}
	.popup.visible .popup-body {
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
	.popup .popup-exit {
		cursor: pointer;
		display: block;
		width: 24px;
		height: 24px;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url('../img/Close.png') no-repeat;

	}
	.popup .popup-content {
		overflow-y: auto;
	}
	.popup-content .popup-title {
		font-size: 24px;
		border-bottom: 1px solid #e9e9e9;
		padding-bottom: 10px;
		color:#c34290;
	}
	.popup-content p {
		font-size: 15px;
		text-align:center;
		font-family: "Verdana", "Arial", "Tahoma", sans-serif;
		color:#c34290;
	}