/* 0) mix */

body {
 background: #101e4a;
 font-family: Verdana;
 color: #ffffff;
 font-size: 15px;
}

#telo{
 margin:0 auto;
 width: 700px;
 padding: 30px;
}

.obsah{
 margin:0 auto; 
 width: 700px;
 padding-top: 30px;
}

.obsah2{
 margin:0 auto; 
 width: 700px;
}

img{
 float:left;
 padding: 20px 5px 0px 5px;
}

.nev{
visibility: hidden;
}

.vizitka {
 background: url(../images/vizitka.png) no-repeat;
 height: 277px;
 width: 667px;
 margin-top:  55px;
}

.vizitka_cela {
 background: url(images/vizitka_cela.png);
 height: 392px;
 width: 667px;
 margin-top:  55px;
}

a.auditn{
 text-decoration: underline;
}

a.auditn:hover{
 text-decoration: none;
}

/* 1) menu */

a.projekty {
 float:left;
 display: block;
 height: 26px;
 width: 102px;
 background: url(images/projekty.png);
 text-decoration: none;
 margin: 5px 0 0 25px;
}

a.projekty:hover, a.projekty:active, a.projekty:focus {
 background-position: bottom;
}

a.projekty span {
	visibility: hidden;
}

a.sluzby {
 float:left;
 display: block;
 height: 26px;
 width: 84px;
 background: url(images/sluzby.png);
 text-decoration: none;
 margin: 5px 0 0 23px;
}

a.sluzby:hover, a.sluzby:active, a.sluzby:focus {
	background-position: bottom;
}

a.sluzby span {
	visibility: hidden;
}

a.reference {
 float:left;
 display: block;
 height: 21px;
 width: 125px;
 background: url(images/reference.png);
 text-decoration: none;
 margin: 5px 0 0 23px;
}

a.reference:hover, a.reference:active, a.reference:focus {
	background-position: bottom;
 text-decoration: none; 
}

a.reference span {
	visibility: hidden;
	text-decoration: none;
}

a.kontakt {
 float:left;
 display: block;
 height: 21px;
 width: 95px;
 background: url(images/kontakt.png);
 text-decoration: none;
 margin: 5px 0 0 23px;
}

a.kontakt:hover, a.kontakt:active, a.kontakt:focus {
	background-position: bottom;
}

a.sluzby span {
	visibility: hidden;
}

/* 0.2 socialni site*/

a.fb {
 float:left;
 display: block;
 height: 30px;
 width: 30px;
 background: url(../images/fb.png);
 text-decoration: none;
 margin: 2px 0 0 30px;
}

a.fb span {
	visibility: hidden;
}

a.twitter {
 float:left;
 display: block;
 height: 30px;
 width: 30px;
 background: url(../images/twitter.png);
 text-decoration: none;
 margin: 0 0 0 2px;
}

a.twitter span {
	visibility: hidden;
}

/* 0.3 vlajky */
a.cz {
 float:left;
 display: block;
 height: 24px;
 width: 24px;
 background: url(../images/cz.png);
 text-decoration: none;
 margin: 3px 0 0 15px;
}

a.cz span {
	visibility: hidden;
}

a.uk {
 float:left;
 display: block;
 height: 24px;
 width: 24px;
 background: url(../images/uk.png);
 text-decoration: none;
 margin: 3px 0 0 5px;
}

a.uk span {
	visibility: hidden;
}

/* 2) h2 a b*/

h2{
 text-align:center;
 font-size: 15px;
 font-weight: bold;
 letter-spacing: 1px;
 margin: 0;
 padding: 0;  
 }
 
h2.projekty{
 text-align:left;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 1px;
 margin: 0;
 padding: 30px 0 10px 0;  
 }

b{
 text-align: center;
 padding-top: 10px; 
}


p{
 padding: 0 10px 0 315px;
 text-align: justify;
 
}

/* 3) sloupce*/

.kcvw{
 float:left;
 border-style:solid;
 border-width:1px;
 width: 322px;
 height: 457px;
 background: #4d575f;
 padding: 10px;
}

.o-s{
 float:right;  
 border-style:solid;
 border-width:1px; 
 width: 322px;
 height: 457px;
 background: #4d575f;
 padding: 10px;
}

.pvsp{
 float:left;
 border-style:solid;
 border-width:1px;
 width: 322px;
 height: 150px;
 background: #4d575f;
 padding: 10px;
}

.os{
 float:right;  
 border-style:solid;
 border-width:1px; width: 322px;
 height: 150px;
 background: #4d575f;
 padding: 10px;
}

.sluzby{
 text-align: justify;
}

.sluzby_odrazky{
 line-height: 10px;
}

.spoluprace{
 margin-top:10px;
}

/* 4) projekty*/
.pozadi_projekty{
 background: #4d575f;
 padding: 2px 0 0 0;
 border-style:solid;
 border-width:1px;
}

/* 5) odkazy */
.zpet{
 float: left;
 text-align: left;
}
 
.blog{
 float: right;
 text-align: right;
}

a:active, a:link, a:visited {
 color: #ffffff;
 text-decoration: underline;
}

a:hover {
color: #ffffff;
text-decoration: none;
}

a.po:active, a.po:link, a.po:visited {
 color: #ffffff;
 text-decoration: none;
}

a.po:hover {
color: #ffffff;
text-decoration: underline;
}