/* CSS RESET */
html{color:#000; background:#fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

body {font:11px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100}
/* CSS RESET */


body {text-align:center; color:#000;}
a {text-decoration:none; color:#f25800;}
a:hover {text-decoration: underline; color: #CC0000}
#wrap {width:1024px; text-align:left; margin:0 auto; background:url(../images/3IS_layout_centrum.png);}

.fl{ float:left}
.fr{ float:right;}
.clearfix{ clear:both}


/* header */
#header { position:relative;height:105px;  background:url(../images/3IS_layout_gora.png)  }

#logo {position:absolute; top:30px; left:170px}
#logo a {font-size:40px; color: transparent; background: none; padding: 10px; padding-right: 20px;}
#logo a:hover {font-size:34px; color: transparent; background: none; }
#logo div {padding-left:100px}
#nav { position:absolute; top:30px; left:430px; width:451px; line-height:37px; padding:0 0 0 20px  }
#nav li {float:left;  font-weight:700; width:80px; padding:0 5px }
#nav a {text-decoration:none; display:block; text-align:center; color:#fff}
#nav a:hover {background: none; color:#000}
#pl img { position:absolute; top:32px; left:755px; width:20px;}
#gb img { position:absolute; top:32px; left:790px; width:20px;}
/* content */

.img { margin:10px 0  0 80px }
.main {width:440px;   color:#000;}
.text {margin:-60px 0  0 130px }
.text p {margin:0 auto; width:520px; }
.text h2 {font-size:20px; font-style: bold; padding:20px 0 20px 0}
.text img {margin:10px 0  0 0}

.text_p {margin:0px 0  0 130px }
.text_p p {margin:0 auto; width:520px; }
.text_p a {margin:0 auto; width:520px; }
.text_p h2 {font-size:20px; font-style: bold; padding:20px 0 20px 0}
.text_p img {margin:10px 0  0 0}


.text2 {margin:-60px 0  0px 130px }
.text2 p {margin:0 auto; width:520px; padding-left: 80px;}
.text2 a {margin:0 auto; width:520px; padding-left: 0px; color: blue; text-decoration: underline;}
.text2 h2 {font-size:20px; font-style: bold; padding:20px 0px 20px 80px}
.text2 img {margin:10px 0  0 0}

.text3 {margin: 0px 0  0px 130px }
.text3 p {margin:0 auto; width:600px; padding-left: 0px;}
.text3 a {margin:0 auto; width:600px; padding-left: 0px;}
.text3 h2 {font-size:20px; font-style: bold; width: 600px; padding:20px 0px 20px 0px}
.text3 img {margin:10px 0  0 0}



#col {margin:30px 0px  30px 85px ;width:300px; background:url(../images/col.jpg); width: 419px; height:161px ; }
#col div {width: 150px; margin: 20px 0 0  10px; display:inline}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#f25800;}
#col a { color:#f25800; text-decoration:underline;}
.side { width:200px;display: inline; margin-right: 120px; margin-top: -60px;}
.side h2 {font-size:20px; font-style: bold; padding:20px 0 20px 0}
.side li {line-height:20px; list-style:inside disc; color:#f25800; }
.side ul {margin:20px  0 30px 20px}
#top {margin-top:20px}

/* footer */
#footer { background:url(../images/3IS_layout_dol3.png); height:218px; position:relative}
#ftinner{ position:absolute; bottom:10px; width:680px; margin-left:92px; color:#f25800}
#ftinner a {color:#FFFFFF}
.ftlink {width:500px;}
#server img {padding-left: 50px; height: 200px;}
#keyboard img {padding-left: 37px; height: 200px;}
#ERD img {padding-left: 100px; height: 200px;}
.project img {width: 400px; float:left; border: solid 1px black;}
.project a {font-size:20px; font-style: bold; padding:20px 0 20px 0, ; text-decoration: none;}
.project a:hover {font-size:20px; font-style: bold; padding:20px 0 20px 0, ; text-decoration: none; background: none; color: blue;}
.opis p  {width: 320px; padding: 10px; padding-left: 40px;  margin-left: 390px;}
.opis a  { font-size: 11px; font-style: normal; color: black;}
.opis a:hover {font-size: 11px;}


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }



.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}