/*                             RESET DEFAULT & GLOBAL
------------------------------------------------------------------------------------ */
html, body, h1, h2, h3, h4, h5, h6, div, span, p, address, form, fieldset, img, ul, li, hr, table, strong { margin:0; padding:0; border:0; }
*{padding: 0; margin: 0; outline: none	;}
img, fieldset { border: none; }
a {color: #aaca39; }
a, a:visited , a:link, a:active { text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border: 0em; }
table { border-collapse:collapse; border-spacing: 0; }

input.submit { cursor:pointer; border: 0;}
input.inputbox{ line-height:18px; font-size:12px; padding:1px; margin:1px; background:#fff; border:1px solid #b2b2b2; color:#666; }
:focus { outline: 0; }
div.clear { clear:both; overflow:hidden; height:0; line-height:0px; font-size: 0px;}
a:active, a:focus { 
    border:none;
    outline:none;
}
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }


.hidden {display: none;}
ul {list-style-type: none;}

ul.left li {float: left;}
/*						LAYOUT
----------------------------------------------------*/
body {background: #ffffff; font-family: Verdana; font-size: 12px; line-height: 18px; color: #2d2d2d;}  
#header {width: 980px; height: 115px; position: relative; margin: 0 auto;}
#footer {width: 980px; height: 40px; position: relative; margin: 0 auto; padding-top: 20px; border-top: 1px solid #ebebeb}
#header h1 {display: block; width: 154px; height: 45px; position: absolute; top: 40px; left: 0; }
#header h1 a {text-indent: -9000px; display: block; background: transparent url('/images/logo.gif') 0 0 no-repeat; width: 154px; height: 45px;}

.menu {float: right; width: 616px; margin-top: 60px; }
.menu li {float: left; padding: 0 19px; }
.menu li a {color: #000000; font-size: 14px; display: block;}  
.menu li.first {padding-left: 0;}  
.menu li.last {padding-right: 0;}  
.menu li.active a {border-bottom: 2px solid #aaca39;}  

.copy {float: right; color: #999999; font-size: 10px;}
#footer ul li {padding-right: 10px; padding-top: 3px;}

#content {width: 980px; margin: 0 auto;}
#indexcontent {background: transparent url('/images/indexcontent.jpg') 50% 0 no-repeat; padding-top: 324px;}
#administracja-serweramicontent {background: transparent url('/images/administracjacontent.jpg') 50% 0 no-repeat; padding-top: 145px;}
#administracja-serwerami-instalacjacontent {background: transparent url('/images/instalacjacontent.jpg') 50% 0 no-repeat; padding-top: 145px;}
#administracja-serwerami-kontaktcontent {background: transparent url('/images/kontaktcontent.jpg') 50% 0 no-repeat; padding-top: 145px;}
#administracja-serwerami-monitorowaniecontent {background: transparent url('/images/monitorowaniecontent.jpg') 50% 0 no-repeat; padding-top: 145px;}
.pagecontent {padding: 25px 0;}
.pagecontent p {padding: 8px 0 10px 0;}
.leftcolumn {float: left; width: 737px; padding: 0 55px 0 0; }
.rightcolumn {float: left; width: 188px;}

#indexcontent .leftcolumn {width: 470px; padding: 0 20px 0 0;}
#indexcontent .rightcolumn {width: 470px; padding: 0 20px 0 0; }

#kontaktcontent .leftcolumn { width: 368px; padding: 0 0 0 0; }
#kontaktcontent .rightcolumn {width: 612px; padding: 0 0 0 0; }

h2 {color: #999999; font-size: 30px; padding-bottom: 5px;}
.more {color: #aaca39; background: transparent url('/images/more.gif') 0 5px no-repeat; padding-left: 10px; font-size: 14px;}
.boxlist li {margin-bottom: 10px;}
.list1 {margin: 10px 0px 10px 20px;}
.list1 li {background: transparent url('/images/list1.gif') 0 8px no-repeat; padding-left: 10px;}
.wzorumowy {display: block; width: 188px; height: 87px; text-indent: -9000px; background: transparent url('/images/wzorumowy.gif') 0 0 no-repeat;}
.skonaktujsie {display: block; width: 188px; height: 87px; text-indent: -9000px; background: transparent url('/images/skonaktujsie.gif') 0 0 no-repeat;}

.form1 p {display: block; clear: both; padding: 0;}
.form1 p label{display: block; line-height: 18px; font-size: 12px; padding: 8px 0 3px 0;}
.form1 .perror span.input1 {border: 1px solid red;}
.form1 .perror span.input2 {border: 1px solid red;}
.form1 p span {display: block;}
.form1 p span input, .form1 p span textarea  {font-family: Verdana; font-size: 12px; color: #2d2d2d;}
.form1 p span.input1 {width: 242px; height: 28px;  border: 1px solid #ebebeb;}
.form1 p span.input1 input {width: 230px; height: 20px; padding: 4px 6px; line-height: 20px; background: transparent; border: 0;}
.form1 p span.input2 {width: 242px; height: 87px;  border: 1px solid #ebebeb;}
.form1 p span.input2 textarea {width: 230px; height: 79px; padding: 4px 6px; line-height: 20px; background: transparent; border: 0;}

span.error { color: red;  float: right;      font-size: 12px;     line-height: 18px;     padding: 8px 0 3px;}

.msgok {background: #88bb0e; padding: 5px 20px; color: #ffffff; font-size: 12px; font-weight: bold; margin: 10px 0;}
.msgerror {background: red; padding: 5px 20px; color: #ffffff; font-size: 12px; font-weight: bold; margin: 10px 0;}
