/* CSS Document */


* {
	margin:0; padding:0;
	font-size:100%;
}

body{
  background-position: top;
  background-repeat: no-repeat;
  background-color:#222;
  /* background: url('images/led5.png'); */
  text-align: center;
  font-family: Verdana, Arial;
  color:#fdfdfd;
  line-height:1.8em; 
}

img { vertical-align:top; }
a img { border:0; }

ul { }

.left { float:left; }
.right { float:right; }
.clear  { clear:both; }


input, textarea
	{
		font-size:1em;
		color:#777;
		background-color: #eee;
		border:1px solid #777;
		
		
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#eee;}
a:hover{text-decoration:none;}
p {padding-top:3px;}

/* ============================= main layout ======================
#logo { background:url(images/portfeldomen_logo3.png) 4px 5px no-repeat; height:50px; width:300px; }
 */
#main { border:0px solid #444;  position:relative; width: 980px; margin:0px auto;} 

#logo { float:left;  padding-left:5px; padding-top:5px; }
 
h2 {font-size:17px; color:#aaa; text-transform:none; font-weight:normal; line-height:1.7em; }
h3 {font-size:14px; color:#ccc; font-weight:500; line-height:1.7em;}
h4 {font-size:12px;  color:#eee; font-weight:normal; line-height:1.7em;}

.imgindent {margin:0 15px 0 0; float:left;}

/* ============================= header ====================== width: 570px; height:58px;  */
#header { position:relative; height:53px; 
background:url(http://portfeldomen.pl/images/siatka5.png) 0 0 repeat-x;}



.menu { position:relative; float:right; padding:15px 10px 0 0px;  }
.menu li { display:inline; background: url(images/menu-devider.gif) no-repeat 0px 6px;  padding:0 4px 0 8px; }
.menu li a { text-decoration:none; color:#ffa; }
.menu li a:hover { text-decoration:underline; color:#ddd; }
.menu .first { background:none; }

#submenu  {  font-size:12px; float:right;  border:0px solid #666; margin-top:2px;  margin-right:5px; }

.indeks {  font-size:8px; vertical-align: super; }

.box3 { border-bottom:0px solid #040404; float:right;   padding-left:4px; padding-right:4px;  padding-top:0px;padding-bottom:1px;
  background: url(images/siatka4a.png) bottom; }
.box3 a img {   }
.box3 a  { text-decoration:none; color:#ffa; }
.box3 a :hover { color:#ccc;  border:0px; }


.box4 { border-bottom:0px solid #040404; float:right;  
 margin: 0 1px 0 1px;   
 padding-left:4px; padding-right:4px;  padding-top:0px; padding-bottom:0px;
 background: url(images/siatka4a.png) bottom; }
.box4 a img {   }
.box4 a  { text-decoration:none;  color:#ffa; }
.box4 a:hover { text-decoration:underline; color:#ddd;  border:0px; }

.box5 {  }
.box5 a  { text-decoration:none;  color:#ffa; }
.box5 a:hover { text-decoration:underline; color:#ddd;  border:0px; }


.mess { border:2px solid #444;   padding:10px; margin: 20px; width: 400px; background-color: #555; }
.contents { position:relative; border:2px solid #333; float:center; padding-left:20px; padding-top:10px; padding-bottom:15px; margin: 20px; width: 865px; background-color: #555; }

/* background:url(http://portfeldomen.pl/images/foot5.png) right no-repeat #222;
 ============================= content ====================== */
 
#content { position:relative; float:left; text-align:left; width: 936px; border-top:1px solid #555; 
 background-color: #444; padding-top:0px; padding:22px; padding-bottom:100px; }

.content9 { color:#eee; padding-left:25px;}

.content1 {position:absolute;  color:#dfdfdf; padding-left:5px;}
.content2 {position:absolute;  color:#dfdfdf;  padding-left:220px;}
.content3 {position:absolute;  color:#dfdfdf; padding-left:440px;}
.content4 {position:absolute;  color:#dfdfdf;  padding-left:680px;}
.content5 {position:absolute;  color:#dfdfdf; padding-left:900px;}

.led1 { color:#d11;  border:0px; }
.led2 { color:#1d1;  border:0px; }
.led3 { color:#11e;  border:0px; }
.led4 { color:orange;  border:0px; }

.dotcompl  { color:#9999aa;  border:0px; }
.dotpl { color:#777788;  border:0px; }

.slogan {position:relative; float:left; width:650px; margin:10px; height:390px; border:0px solid #111; margin-top:3px;}

.box-indent { position:relative; float:right;  vertical-align:top;
			border:0px solid #111; margin-top:-250px; margin-right:0px;}

.box1{ 	background:url(images/papier.png) no-repeat; margin-top:10px; width:245px; height:255px;
		font-size:11px; font-weight:400; line-height:1.5em;}
	
.box2{	background:url(images/blank_256c.png) no-repeat; margin-top:10px;  margin-right:-10px; width:255px; height:440px;
		font-size:10px;  font-weight:400; line-height:1.5em;}
.box2 a { text-decoration:none;}
.box2 a:hover {text-decoration:underline;}
	

.indent1{ color:#555; padding-left:65px; padding-top:40px;}
.indent1 a { color:#444; }
.indent1 a :hover {  color:#666;}


.indent2{  color:#111; margin:5px; padding-left:10px;  padding-top:20px;}
.indent2 a { color:#111; }
.indent2 a :hover {  color:#333; }


.scroll {background:#181818; padding:11px 0 11px 226px;}
.scroll img {margin-left:3px;}

.phone {float:right; margin-right:90px;}
.video {position:absolute; margin:86px 0 0 307px;}

.dark {color:#6d6d6d;}

/* ============================= footer ====================== 
#footer { margin-top:-46px; position:absolute; padding:0px; height:46px; width:980px; border-top:0px solid #080808; 
border-bottom:0px solid #060606; border-left:0px solid #060606; border-right:0px solid #060606; 
 background:url(http://portfeldomen.pl/images/foot5.png) bottom no-repeat; z-index: 2; vertical-align:bottom;} */

#footer { position:relative; text-transform:uppercase; padding-top:1px; height:25px; color:#666;
  border-top:0px solid #080808;  margin-bottom:20px;
border-bottom:1px solid #333; border-left:0px solid #111; border-right:0px solid #111; 
  z-index:20; background: #333 url(http://portfeldomen.pl/images/siatka5.png) 0 0 repeat-x; }
 
#footer a {color:#cacaca; text-decoration:none; }
#footer a:hover {text-decoration:underline; }

.footer1 {  margin-top:5px; float: left; padding-left:10px;  z-index: 1;}
.footer2 {  margin-top:5px; float: right; padding-right:10px; z-index: 1;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:33px;}
.copyright { font-family: Verdana, Arial; font-size:130%; color:#555;}
.beta { font-family: Times; color:#222; font-size:115%;}