/*________________________________________________________________________________
_____________________________________________________________ZÁKLADNÍ NASTAVENÍ */


body {      line-height: 1;
            font-size: 12pt;
            background: #fff;
            color: #a2a2a2;
            font-family: "Segoe UI", Calibri, sans-serif;
            line-height: 1.5em;}


/*________________________________________________________________________________
____________________________________________________________________LEVÁ STRANA */

.logo       { margin: -10% 0 2% 0;}

#leva-strana {  background-color: #1f1815;
                background-image: url("images/pozadi4.jpg");
                background-position: top center;
                background-repeat: no-repeat;
                background-size: auto 100%;
                color: #ffffff;
                height: 100%;
                left: 0;
                padding: 5% 2% 2% 2%;
                position: fixed;
                text-align: right;
                top: 0;
                width: 25%;}

#leva-strana strong, #leva-strana b {color: #ccc;}
#leva-strana h2, #leva-strana h3, #leva-strana h4, #leva-strana h5, #leva-strana h6 {color: #ffffff;}

#leva-strana h1 {color: #fff; font-size: 1.7em; line-height: 1.75em; margin: 10% 0 0 0;}
#leva-strana h2 {color: #fff; font-size: 1.25em; line-height: 1.6em; margin: 0 0 0 0;}
#leva-strana h5 {color: #aaa; font-size: 0.8em; line-height: 1.6em; margin: 10% 0 0 0;}


#right-flag { float: right; text-align: right; width: 100%; margin: 20% 0 0 0;}
#right-flag img {margin: 0 0 0 15px;}



/*________________________________________________________________________________
___________________________________________________________________PRAVÁ STRANA */


#prava-strana {margin-left: 30%;
               padding: 5% 5% 2% 2%;
               width: 60%;
               background: #FFF;}

#menu         {float: right; text-align: right; width: 100%; margin: -5% 0 5% 0;}
#menu a       {font-weight: bold; color: #000; text-decoration: none; margin: 0 5% 0 0;}
#menu a:hover {font-weight: bold; color: #888; text-decoration: none;}


a {color: #1e90ff; text-decoration: none;}
a:hover {color: #1e90ff; text-decoration: underline;}

strong, b {color: #787878; font-weight: 400;}

em, i {font-style: italic;}

p {margin: 0 0 2em 0;}

.odsaz {width: 100%; height: 1px;}
.odsaz50 {width: 100%; height: 50px;}
.odsaz100 {width: 100%; height: 100px;}
.odsaz150 {width: 100%; height: 150px;}
.odsaz200 {width: 100%; height: 200px;}



/*________________________________________________________________________________
___________________________________________________________PRAVÁ STRANA NADPISY */


h1, h2, h3, h4, h5, h6 {color: #787878; font-weight: 400; line-height: 1em; margin: 0 0 0 0;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ccc; text-decoration: none;}

h1 {    font-size: 2em; line-height: 1.5em; margin: 0 0 1em 0;}
h2 {	font-size: 1.5em; line-height: 1.5em; margin: 0 0 0 0;  color: #000;}
h3 {	font-size: 1em; line-height: 1.5em; margin: 0 0 1em 0; color: #000; text-align: right; font-weight: bold;}
h4 {    font-size: 1em; line-height: 1em; margin: -0.5em 0 1em 0; color: #000; text-align: right;}
h5 {	font-size: 0.9em; line-height: 1.5em; margin: 0 0 0 0;}
h6 {	font-size: 0.8em; line-height: 1.6em; margin: -4.5% 0 0 0; color: #000; font-weight: bold;}



/*________________________________________________________________________________
______________________________________________________________PRAVÁ STRANA TEXT */

.image.left     {float: left; margin: 0 1.5em 1em 0; top: 0.25em;}
.image.right    {float: right; margin: 0 0 1em 1.5em; top: 0.25em;}

.image.left, .image.right               {max-width: 20%;}
.image.left.sluzby, .image.right.sluzby {max-width: 40%;}
.image.left.kontakt, .image.right.kontakt {max-width: 55%;}
.image.left.referencev, .image.right.referencev {max-width: 10%;}
.image.left.referencem, .image.right.referencem {max-width: 6%;}

.image.left.referenceimg, .image.right.referenceimg {max-width: 100%;}



.image.left img, .image.right img {width: 100%;}

blockquote {
		border-left: solid 6px #efefef;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 1.5em;
	}
.star { font-size: 1.5em; color: #ff0; margin: 0 2% 0 0;}




















	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}




/* List */

	ol {
		list-style: nonr;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: none;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 2px #efefef;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}