﻿/* nfs clan */

* {margin:0;padding:0;}

html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.page {min-height: 100%; height: auto !important;}

img {border:0px;}

a {text-decoration:none;color:#666;font-size:12px;}
A:hover {color:#000;}

td {vertical-align:top; cellspacing:0; cellpadding:0; border:0px;}
table {border-spacing: 0;}

h1 {
 /*width: 100%;*/
 line-height: 24px;
 margin: 10px;
 color: #000;
 font-size: 24px;
 font-family: Calibri;
}

h2 {
 line-height: 24px;
 text-align: center;
 margin: 10px;
 color: #000;
 font-size: 24px;
 font-family: Calibri;
}

@font-face{font-family: Verdana, Tahoma, Arial, Heinrich Script; src: url(ttf/Heinrich-Script.ttf); font-size:14px;}

p{
 font-family: Tahoma, Arial, Century Gothic;
 margin: 10px;
 text-align:justify;
 font-size:14px;
}

.bt {border-top: 1px dashed #aaa; padding: 10px 0;}

ul,ol {
 position: relative;
 left: 30px;
 margin-right: 20px;}

body {
 margin:0;
 padding:0;
 width:100%;
 height:100%;
 font-family:Arial;
 color:#333;
 font-size:14px;
 background-image: url('/img/bg11.png');
 background-repeat: repeat;
}

.header {
 background-color: #2e2c2a;
 background-image: url('/img/fon.jpg');
 background-repeat: no-repeat;
 color: #f5f0eb;
 width: 100%;
 height: 140px;
 position: fixed;
 z-index: 1001;
}

.menu {
 position: fixed;
 top: 140px;
 width: 100%;
 background-color: #FFF;
 padding: 10px 0;
 z-index: 1002;
}

.center80 {
 margin-left: auto;
 margin-right: auto;
 width: 80%;
 min-width: 1000px;
 min-height: 100%;
 padding: 0;
 /* equal to footer height */
}

.center60 {
 margin-left: auto;
 margin-right: auto;
 width: 60%;
 min-width: 1000px;
 min-height: 100%;
 padding: 0;
 /* equal to footer height */
}

.content {
 position: relative;
 padding-top: 170px;
 width: 100%;
 padding-bottom: 50px;
 font-size: 12px;
 font-family: Verdana;
}

.column {
 width: 100%;
 min-width: 740px;
 height: 80px;
 margin: 20px 0;
 overflow: auto;
}

.footer {
 overflow: auto;
 width: 100%;
 min-width: 1000px;
 margin-top: -50px;
 color: #fff;
 background-color: #222;
 font-size: 12px;
 font-family: Verdana;
 height: 50px;
}


/*****Custom Classes*****/
.clearing { clear: both; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin:0; padding: 0; overflow: hidden;}

ul#filter {font-size: 16px; list-style: none; margin-left: 0; width: 650px; margin: auto; }
ul#filter li { 
	display: inline;
	border-right: 1px solid #666;
	float: left;
	line-height: 16px;
	margin-right: 15px;
	padding-right: 15px;
	font-size: 16px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #666; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin-left: 0; }
ul#portfolio li { 
 float:left;
 border: 10px solid #FAFAFA;
 border-radius: 100%;
 margin:10px 1.1%;
 background-color: #fff;
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; }


.unit {
 float:left;
 padding:5px;
 margin:2px;
 border:solid 1px #aaa;
 text-align:center;
}

.navigation {
 position: fixed;
 width: 59%;
 min-width: 980px;
 z-index: 1003;
 padding:10px;
 top: 140px;
 background-color: #FFF;
}

.leftlink {
 text-align: left;
 width: 20%;
 float:left;
}

.rightlink {
 text-align: right;
 width: 20%;
 float:right;
}

.opis {
 width:500px;
}

.link {
 margin:4px 15px;
}

.mainimage {
 margin: 10px 0 10px 10px;
 float: right;
}

#podpis {
 text-align: right;
 padding: 5px 0 0 0;
}

.image {
 /*padding:5px;*/
 margin:10px;
 /*border:solid 1px #aaa;*/
 float:left;
}

.imagewof {
 /*padding:5px;*/
 margin:10px;
 /*border:solid 1px #aaa;*/
}

.inf {
 width: 100%;
}

.header_contacts {
 line-height: 32px;
 font-family: Heinrich Script;
 font-size: 20px;
 font-style: italic;
 margin-left: 40px;
}

.header_contacts a {
 line-height: 32px;
 font-family: Heinrich Script;
 font-size: 20px;
 font-style: italic;
 color: #FFF;
 text-decoration: none;
}

.worktype {
 height: 64px;
 width: 64px;
 padding: 5px 0 5px 10px;
}

.worktypetext {
 height: 64px;
 vertical-align: middle;
 margin-bottom: 10px;
}

.worktypeicon {
 width: 64px;
 height: 64px;
}

.commenttypetext {
 height: 64px;
 vertical-align: top;
 font-style: italic;
 padding: 5px 0;
}

.commenttypetext div {
 background-color: #FFF;
 border-radius: 0.5em;
 padding: 8px 10px 12px 10px;
}

.flashicon {
 background-image: url('img/me.png');
 background-position: top left;
 background-repeat:no-repeat;
 height: 100px;
 font-family: Verdana;
 font-size: 14px;
 margin-bottom: 10px;
}

.infarena {
 margin: 15px 10px;
}

/* меню */
.menu_conteiner {
 text-align:center;
 height:60px;
 width:370px;
}

.linkmenu_now A {
 padding:10px;
 margin-right:5px;
 float:left;
 font-family:Verdana;
 font-size:18px;
 color:#fff;
 background-color:#FF9900; 
}

.linkmenu A {
 padding:10px;
 margin-right:5px;
 float:left;
 font-family:Verdana;
 font-size:18px;
 color:#FFF;
 background-image:url('img/lines.png');
 background-repeat:repeat;
 background-color:#111;
}

.pages_nav{
	font-size:22px;
	color:#FFCC33;
      font-family:Century Gothic;
	text-align:center;
	width:520px;
	margin:0px 0px 30px 0px;
}
.pages_nav A {	font-size:16px;}

.black {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1004;
 background-image: url('/img/black80.png');
 background-repeat: repeat;
 display: none;
}

.contactform {
 width: 600px;
 background-color: #EEE;
 margin-right: auto;
 margin-left: auto;
 margin-top: 200px;
 padding: 10px 50px;
 border-radius: 5px;
}

.inputform {
 width: 300px;
 height: 30px;
 font-size: 20px;
 line-height: 24px;
 border: 0px;
 margin: 10px 0;
}

.inputtext {
 width: 160px;
 height: 30px;
 text-align: right;
 font-size: 20px;
 line-height: 24px;
 margin: 13px 20px 7px 20px;
}

.inputmessage {
 width: 300px;
 height: 100px;
 font-size: 16px;
 line-height: 20px;
 border: 0px;
 margin: 10px 0;
}

.button {
 width: 50%;
 height: 50px;
 float: left;
}
