/* 
----------------------------------- 
	Copyright kosata6 2016-2018
	Vsechna prava vyhrazena!
-----------------------------------
*/

	body {
	    margin:0;

		background-color: #4a4a4a;
		background-image: url("../img/random-grey-variations.png");
		font-family: "Open Sans";
	}

	a{
		color: black;
	}

	i{
		padding-right: 3px;
	}

	hr{
		background-color: #808080;
		height: 1px;
		border: 0;
	}

	input[type=text],textarea{
		border: solid 1px;
		margin-bottom: 5px;
	}

	input[type=text]{
		height: 20px;
	}

	input[type=text]:hover,textarea:hover{
		border-color: #085AAC;
	}

	.obal{
		max-width: 1100px;
		width: 100%;
		margin: 0 auto;
		
		background-color: #008edb;
		background-image: url("../img/diagmonds.png");
	}

	.hlavicka{
		background-image: url("../img/redox_01.png");
	}


	.hlavicka{
		display: inline-block;
		width: 100%;
		border-bottom: 2px solid #404040;
		background-color: white;
	}


	.hlavicka .logo{
		display: inline-block;
		max-width: 375px;
		width: 100%;
		margin: 10px 0px 5px 20px;
	}

	.hlavicka .menu{
		display: inline-block;
		float: right;
		margin-top: 15px;
		margin-right: 15px;
		font-size: 20px;
	}

	.hlavicka .menu a{
		text-decoration: none;
	}

	.hlavicka .menu .aktivni_tlacitko{
		text-decoration: underline;
	}

	.hlavicka .menu_tlacitko:hover{
		text-decoration: underline;
		cursor: pointer;
	}

	.hlavicka .rozdelovac{
		display: inline-block;
	}

	.obsah {
		margin-top: 35px;
		margin-left: 30px;
		/*min-height: 80vh;*/
		padding-bottom: 20px;
		min-height: 70vh;
	}

	.obsah .box_maly{
		display: inline-block;
		max-width: 500px;
		width: 100%;

		margin-bottom: 15px;
		margin-right: 10px;

		background-color:rgba(255,255,255,0.9);
		border-radius: 10px;

		/*padding-left: 10px;*/

		vertical-align: top;

		overflow: hidden;
	}

	.obsah .box_velky{
		width: 97%;

		margin-bottom: 15px;

		background-color:rgba(255,255,255,0.9);
		border-radius: 10px;

		overflow: hidden;
	}

	.box_nadpis{		
		display:inline-block;
		background-color:  #C0C0C0;
		font-size: 20px;
		padding-left: 10px;
		padding-right: 15px;
		font-weight: bold;
	}

	.box_nadpis i{
		font-size: 17px;
		padding-right: 5px;		
	}

	.box_obsah{
		margin-top: 10px;
		padding: 0px 5px 8px 15px;		
	}

	.box_obsah .nadpis_papir{
		margin-bottom: 2px; 
		margin-top: 5px;
		padding: 0px 10px 5px 10px;
		font-size: 23px;
		display: inline-block; 
		min-width: 200px; 
		max-width: 300px;
		border-radius: 10px; 
		background-color: #ffffff; 
		background-image: url('../img/lined-paper.png'); 
		border: solid 1px; 
		border-color: #d6d6d6; 
		/*text-decoration: underline;*/
	}

	.boxy_sloupec{
		display: inline-block; 
		max-width: 500px;
		width: 100%;
		margin-right: 15px;
	}

	.info_pruh{
		padding-top: 5px; 
		padding-bottom: 5px;
	}

	.projekty_uvod .projekt{
		display: inline-block;
		margin-right: 10px;
		vertical-align: top;
		padding: 0px 8px 3px 8px;
	}

	.projekty_uvod .projekt .nadpis{
		padding-bottom: 3px;
		text-decoration: underline;
	}

	.projekty_uvod .projekt img{
		max-width: 200px;
	}

	.projekty_uvod .projekt:hover{
		background-color: #F9F9F9;
		border-radius: 6px;
		cursor: pointer;
	}

	.paticka{
		text-align: center;
		width: 100%;
		padding-top: 15px;
		border-top: 2px solid #404040;
		
		background-color: #c7c7c7;
		background-image: url("../img/redox_01.png");
	}

	.social_ikona, input[type=submit]{
		background-color: #404040; 
		color: white;
		display:inline-block; 
		padding: 5px 10px 5px 10px;
		margin-bottom: 5px;
		border-radius: 10px;
		font-size: 18px;			
	}

	.social_ikona:hover, input[type=submit]:hover{
		background-color: #085AAC;
		color: white;
		cursor: pointer;
	}

	.kontakt .vedle_sebe{
		display: inline-block;
		margin-right: 10px;
	}

	.o_mne {
		width: 97%;
	}

	.o_mne .vedle_sebe{
		display: inline-block; 
		margin-right: 70px;
		vertical-align: top;

	}

	.projekty .projekt .nadpis{
		margin-bottom: 5px;
		margin-left: 10px;
		font-size: 12px;
	}

	.projekty .projekt .obrazek{
		max-width: 200px;
		width: 100%;
		display: inline-block;
		margin-left: 10px;
		padding-bottom: 5px;
	}

	.projekty .projekt .popis{
		margin-left: 15px;
		display: inline-block;
		vertical-align: top;
		line-height: 25px;
		max-width: 650px;
		width: 100%;
	}

	.box_obsah .info{
		background-color: #0080FF;
		color: white;
		display: inline-block;
		border-radius: 5px;
		min-width: 80px;
		padding-left: 5px;
		padding-right: 5px;
		text-align: center;
	}

	.box_obsah .tlacitko{
		background-color: #404040;
		color: white;
		display: inline-block;
		border-radius: 5px;
		min-width: 80px;
		padding: 5px 10px 5px 10px;
		text-align: center;
		border: solid 1px;
		border-color: gray;
	}

	.box_obsah .tlacitko:hover{
		background-color: #085AAC;
	}

	.projekty .projekt{
		padding-bottom: 5px;
	}

	.projekty .projekt:hover, .blog .clanek:hover{
		background-color: #F8F8F8;
		border-radius: 6px;
		display: block;
	}

	.blog .clanek{
		padding: 10px 0px 10px 10px;
	}

	.stred{
		text-align: center;
	}

	.eu-cookies {
	    padding: 5px;
	    background-color: white;
	}

	.eu-cookies button {
		background-color: #404040;
		color: white;
		display: inline-block;
		border-radius: 5px;
		min-width: 80px;
		padding: 5px 10px 5px 10px;
		text-align: center;
		border: solid 1px;
		border-color: gray;
	}

	.eu-cookies button:hover {
		background-color: #085AAC;
		color: white;
		cursor: pointer;
	}


	/*Responsive*/
	@media (max-width: 1050px){
		.obsah{
			margin-left: 0px;
			margin-top: 25px;
			padding-bottom: 10px;
		}

		.obsah .box_maly{		
			max-width: 100%;
			width: 100%;
			margin-right: 0px;
			border-radius: 0px;
		}

		.obsah .box_velky{
			max-width: 100%;
			width: 100%;
			border-radius: 0px;
		}

		.o_mne {
			width: 90%;
		}

		.boxy_sloupec{
			max-width: 100%;
			width: 100%;
			margin-right: 0px;
		}

		.projekty .projekt .popis{
			max-width: 400px;
			width: 100%;
		}

		.hlavicka .menu{
			float: none;
			margin-top: 0px;
			margin-left: 10px;
			padding-bottom: 10px;
		}

		.hlavicka .menu_tlacitko{
			background-color: #404040; 
			display:inline-block; 
			padding: 5px 10px 5px 10px;
			margin-bottom: 5px;
			border-radius: 10px;
			font-size: 20px;			
		}

		.hlavicka .menu_tlacitko a{
			color: white;
		}

		.hlavicka .menu_tlacitko:hover, .hlavicka .menu_tlacitko:active, .hlavicka .menu .aktivni_tlacitko{
			text-decoration: none;
		}

		.hlavicka .menu .aktivni_tlacitko{
			text-decoration: none;
			background-color: #085AAC;
		}

		.hlavicka .rozdelovac{
		display: none;
		}

		.hlavicka .logo{
			margin-left: 5px;
		}	

	}