* {
	margin: 0px;
	padding: 0px;
}

body {
background: #d8d9d9;
}

/* hlavni blok - obsahuje pozadí */

div#hlavni {
position: relative;
margin-left: auto;
margin-right: auto;
background: url('img/pozadi.png');
background-repeat: repeat-y;
background-position: center;
width: 1024px;
}

/* hlavička */

div#hlavicka {
position: relative;
margin-top: 0px;
height: 153px;
background: url('img/hlavicka.png');
background-repeat: repeat-x;
}

div#hlavicka2 {
position: relative;
margin-left: auto;
margin-right: auto;
height: 150px;
width: 900px;
}

/* logo NFTeam */

div#logo {
height: 80px;
width: 213px;
position: absolute;
margin-top: 30px;
margin-left: 4%;
background: url('img/logo.png');
background-repeat: no-repeat;
}

/* Menu index služby referenc kontakt a definece písma */

div#menu {
height: 50px;
width: 400px;
position: absolute;
margin-top: 35px;
margin-left: 38%;
}

div#menu p {
margin-top: 12px;
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 26px;
}

div#menu p a:link {
color: #3b9eea;
font-family: "Calibri", "Trebuchet MS", "Arial";
text-decoration: none;
border-bottom: 3px solid #878686;
}

div#menu p a:visited {
color: #3b9eea;
text-decoration: none;
border-bottom: 3px solid #878686;
}

div#menu p a:hover {
color: #79c5ff;
text-decoration: none;
border-bottom: 3px solid #ffffff;
}

/* Odkaz na twitter */

div#twitter img {
text-decoration: none;
border: none;
}

div#twitter {
height: 90px;
width: 200px;
position: absolute;
margin-top: 30px;
margin-left: 78%;
background: url('img/twitter4.png');
}

div#twitter:hover {
background-position: 0 -90px;
}

/* Nabídka a 4 obrázky jako odkazy */

div#nabidka img {
text-decoration: none;
border: none;
}

div#nabidka {
position: relative;
height: 200px;
width: 782px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background: url('img/nabidka.png') top;
background-repeat: repeat-x;
}

div#kontakt {
height: 200px;
width: 175px;
position: relative;
margin-left: 40px;
background: url('img/kontakt3.png') top;
border-left: 1px solid #2791e4;
background-repeat: no-repeat;
float: left;
background-position: 5px 0px;
}

div#kontakt:hover {
background-position: 5px -185px;
}

div#konzultace {
height: 200px;
width: 175px;
position: relative;
margin-left: 0px;
background: url('img/konzultace3.png') top;
background-repeat: no-repeat;
float: left;
border-left: 1px solid #2791e4;
padding-left: 0%;
background-position: 5px 10px;
}

div#konzultace:hover {
background-position: 5px -175px;
}

div#navrh {
height: 200px;
width: 175px;
position: relative;
margin-left: 0px;
background: url('img/navrh3.png') top;
background-repeat: no-repeat;
float: left;
border-left: 1px solid #2791e4;
padding-left: 0%;
background-position: 5px 0px;
}

div#navrh:hover {
background-position: 5px -185px;
}

div#realizace {
height: 200px;
width: 175px;
position: relative;
margin-left: 0px;
margin-top: 0px;
background: url('img/realizace3.png') top;
background-repeat: no-repeat;
float: left;
border-left: 1px solid #2791e4;
border-right: 1px solid #2791e4;
padding-left: 0%;
background-position: 5px 11px;
}

div#realizace:hover {
background-position: 5px -174px;
}

/* Obsah stránky - text */

div#text {
height: auto;
width: 720px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
margin-bottom: 15px;
border-left: #1982d4 3px solid;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 15px;
}

div#obsah ul {
margin-left: 24px;
}

div#obsah ul li {
list-style-type: none;
font-size: 14px;
}

div#obsah img {
border: none;
}

div#sluzby1 {
position: relative;

}

div#sluzby2 img {
border: none;
}

div#sluzby2 {
width: 246px;
height: 58px;
background-image: url('img/objednat.png');
background-repeat: no-repeat;
position: relative;
margin-left: 450px;
}

div#sluzby2:hover {
background-position: 0 -58px;
}

.odrazka-modra {
font-size: 16px;
color: #1982d4;
}

/* Úvod a písmo */

div#uvod {
height: auto;
width: 700px;
margin-left: auto;
margin-right: auto;
border-bottom: #e8e8e8 2px solid;
padding-bottom: 15px;
}

h1 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 30px;
font-style: italic;
color: #1982d4;
font-weight: lighter;
}

div#obsah {
height: auto;
width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding-bottom: 15px;
}

div.reference-blok img {
border: none;
}

div.reference-blok {
width: 703px;
height: 232px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
background: url(img/reference-pozadi.png);
}

div.reference-text-1 {
width: 350px;
height: 190px;
float: right;
margin: 15px 30px 0 0;
}

.reference-text-2 {
font-size: 14px;
margin: 5px 0 0 0;
padding: 0 0 0 0;
}

.reference-text-modry {
color: #1982d4;
}

.reference-text-modry2 {
color: #1982d4;
}

.reference-text-3 {
font-size: 18px;
margin: 25px 0 0 0;
padding: 0 0 0 0;
text-align: right;
}

.reference-text-3 a {
text-decoration: none;
}

div.reference-img-1 {
width: 280px;
height: 190px;
float: left;
margin: 15px 0 0 20px;
background: url(reference/nfteam_cz.png) center center no-repeat;
background-color: #e8e8e8;
}

div.reference-img-2 {
width: 280px;
height: 190px;
float: left;
margin: 15px 0 0 20px;
background: url(reference/najja_net.png) center center no-repeat;
background-color: #e8e8e8;
}

div.reference-img-3 {
width: 280px;
height: 190px;
float: left;
margin: 15px 0 0 20px;
background: url(reference/portfolio_jifox_cz.png) center center no-repeat;
background-color: #e8e8e8;
}

div.reference-img-4 {
width: 280px;
height: 190px;
float: left;
margin: 15px 0 0 20px;
background: url(reference/adamvyborny_cz.png) center center no-repeat;
background-color: #e8e8e8;
}

h2 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 18px;
color: #1982d4;
font-weight: lighter;
margin-bottom: 10px;
}

h3 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 16px;
color: #1982d4;
font-weight: lighter;
margin-bottom: 10px;
}

.h2index {
font-size: 18px;
}

h2 a {
text-decoration: none;
color: #1982d4;
}

p {
margin-top: 10px;
}

p.text1 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 14px;
color: #000000;
margin-bottom: 10px;
}

p.text2 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 14px;
color: #000000;
padding-left: 15px;
margin-bottom: 10px;
}

p.text3 {
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 10px;
color: #000000;
padding-left: 15px;
margin-bottom: 10px;
}

p.text4 {
width: 560px;
font-family: "Calibri", "Trebuchet MS", "Arial";
font-size: 14px;
color: #000000;
margin-bottom: 10px;
}

.index-img-1 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-1:hover {
background-position: 0 0;
}

.index-img-2 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-2:hover {
background-position: 0 0;
}

.index-img-3 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-3:hover {
background-position: 0 0;
}

.index-img-4 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-4:hover {
background-position: 0 0;
}

.index-img-5 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-5:hover {
background-position: 0 0;
}

.index-img-6 {
width: 73px;
height: 46px;
margin-right: 20px;
float: right;
background: url(img/sipka-index.png);
background-repeat: no-repeat;
background-position: 0 -46px;
}

.index-img-6:hover {
background-position: 0 0;
}

div.cenik {
border-top: 2px solid #e8e8e8;
background: url(img/cenik-pozadi.png) center bottom no-repeat;
padding: 0 0 10px 0;
}

/* patička */

div#paticka {
position: relative;
margin-top: 0px;
width: 782px;
height: 80px;
margin-left: auto;
margin-right: auto;
background: url('img/paticka.png');
background-repeat: repeat-x;
background-position: center;
font-family: "Calibri", "Trebuchet MS", "Arial";
}

p#copyrights {
text-align: center;
color: #868686;
padding-top: 10px;
}

div#paticka img {
border: none;
}

.center {
text-align: center;
}

#osobni {border: none;}
#osobni label {position: absolute; font-size: 80%; padding-top: .2em; margin-left: 10px; }
input {margin-left: 11em; line-height: 1.4em; margin-bottom: .2em;}

#velikost {font-size: 90%;}
#poznamky {border: none;}
input {margin-left: 9em;}
input + input {margin-left: 1em;}
br + input {margin-left: 9em;}