/*

Theme Name: Agnes

Theme URL: http://www.agnesdesignz.com/

Description: Online portfolio

Version: 1.0

Author: Agnes Lisztwan

*/

/* Global */

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

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
min-width:926px;
}

ul,ol {
list-style:none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

/* Text Styles */

p {
color:#666;
font-size:12px;
font-weight:700;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
padding:6px 0 12px;
}

.styl1 {
color:#603;
}

.styl5 {
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-align:left;
letter-spacing:5px;
padding:0 5px 5px 8px;
}

.styl4 {
color:#f07;
font-size:16px;
font-weight:700;
line-height:100%;
font-family:"Times New Roman", Times, serif;
font-style:italic;
text-align:justify;
padding:0 0px 0px 0px;
}

.styl2 {
color:#666;
font-size:12px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
padding:0 5px 5px 8px;
}

.stylUC {
color:#666;
font-size:14px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:5px;
}

.stylUW {
color:#999;
font-size:14px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:5px;
}

.styl3 {
color:#999;
font-size:12px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
padding:0 5px 5px 8px;
}

.stylT {
color:#f07;
font-size:16px;
font-weight:700;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
margin-bottom:0;
padding:15px 15px 5px;
}

.stylG {
color:#f07;
font-size:32px;
line-height:50%;
margin-bottom:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
text-align:left;
letter-spacing:15px;
padding:15px 15px 5px;
}

.stylGL {
color:#f07;
font-size:32px;
line-height:50%;
text-align:right;
margin-bottom:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:15px;
padding:15px 5px 5px 0;
}

.stylTs {
color:#f07;
font-size:12px;
font-weight:700;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
margin-bottom:0;
padding:15px 25px 5px 8px;
}

.stylW {
color:#fff;
font-size:16px;
font-weight:700;
line-height:100%;
font-family:Georgia, "Times New Roman", Times, serif;
text-align:right;
margin-bottom:60px;
padding:15px 25px 5px 8px;
}

.styl8 {
color:#666;
text-align:right;
line-height:100%;
margin-bottom:40px;
padding:0 15px 5px;
}

.styl7 {
color:#FFF;
}

.styl9 {
color:#000;
}

.styl10 {
font-size:24px;
}

.styl12 {
font-size:16px;
color:#f07;
line-height:50%;
text-align:right;
margin-bottom:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:5px;
padding:15px 5px 5px 0;
}

.styl12p {
font-size:16px;
color:#f07;
line-height:50%;
text-align:left;
margin-bottom:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:5px;
padding:15px 5px 5px 15px;
}

.left {
text-align:left;
}

p.ap {
color:#f07;
font-size:12px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
padding:0 10px 5px 0;
}

p.titlea {
color:#f07;
font-size:12px;
font-weight:700;
line-height:100%;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
padding:15px 10px 5px 0;
}

b,strong {
color:#598b93;
}

.clear {
clear:both;
}

hr.hr {
text-align:center;
width:100%;
border:0;
height:1px;
background-color:#CCC;
color:#999;
display:block;
clear:both;
margin:0 auto;
}

hr.pp {
text-align:center;
width:92%;
border:0;
height:1px;
background-color:#CCC;
color:#999;
display:block;
clear:both;
margin:0 auto;
}

hr.fm {
text-align:left;
width:93%;
border:0;
height:1px;
background-color:#CCC;
color:#999;
display:block;
clear:both;
margin:10px 0;
}

/* Links */

a:link {
color:#003599;
text-decoration:none;
font-weight:700;
}

a:visited {
color:purple;
text-decoration:none;
font-weight:700;
}

a.rm:link {
color:#F07;
text-decoration:none;
font-weight:700;
}

a.rm:visited {
color:#F07;
text-decoration:none;
font-weight:700;
}

a.port2:link {
color:#F07;
text-decoration:none;
font-weight:700;
font-size: 16px;
font-family:"Times New Roman", Times, serif;
}

a.port2:visited {
color:#F07;
text-decoration:none;
font-weight:700;
font-size: 16px;
font-family:"Times New Roman", Times, serif;
}

a.port:link {
color:#598b93;
text-decoration:none;
font-weight:700;
}

a.port:visited {
color:#598b93;
text-decoration:none;
font-weight:700;
}

a.d:link {
color:#666;
text-decoration:none;
font-weight:700;
}

a.pages {
color:#f07;
text-decoration:none;
font-weight:700;
font-size:18px;
text-align:right;
}

a.pagesa {
color:#666;
text-decoration:none;
font-weight:700;
font-size:18px;
text-align:right;
}

a.next {
color:#666;
text-decoration:none;
font-weight:700;
font-size:14px;
text-align:right;
}

a.testi:link {
color:#F07;
text-decoration:none;
font-weight:700;
text-align:center;
font-size:16px;
line-height:100%;
font-family:"Times New Roman", Times, serif;
font-style:italic;
}

/* Headers */

h1 {
color:#916577;
font-size:12px;
font-weight:700;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
padding:6px 0 12px;
}

h2 {
color:#666;
font-size:12px;
font-weight:700;
}

h3 {
color:#515050;
font-size:16px;
font-weight:700;
text-align:left;
line-height:200%;
text-transform:uppercase;
}

h4 {
color:#333;
font-size:12px;
font-weight:700;
text-transform:uppercase;
text-align:left;
letter-spacing:5px;
padding:6px 0 12px;
}

h5 {
color:#f07;
font-size:16px;
font-weight:700;
text-align:left;
line-height:200%;
}

/* Top */

#page {
width:100%;
height:100%;
}

#tright {
height:120px;
width:120px;
position:absolute;
float:right;
top:0;
right:0;
}

#top_bar {
display:block;
height:121px;
width:100%;
background:#000;
}

#top_bar_center {
display:block;
width:926px;
height:121px;
background:url('images/top.jpg') no-repeat center;
margin:0 auto;
}

#logo {
display:block;
width:360px;
height:110px;
float:left;
margin-top:10px;
margin-left:10px;
}

#menu {
display:block;
height:auto;
width:100%;
background:url('images/bgs.png') repeat-x;
position:absolute;
top:121px;
}

#menu_center {
display:block;
width:926px;
height:60px;
background:url('images/menu.png') no-repeat top;
margin:0 auto;
}

#global_nav {
float:right;
height:60px;
width:568px;
margin:0;
padding:0;
}

/* Main */

#main {
display:block;
width:100%;
height:auto;
background:url('images/mainbg.png') repeat;
position:relative;
top:60px;
}

#main_center {
display:block;
width:926px;
height:2100px;
background:url('images/midbg.png') repeat-y;
margin:0 auto;
padding:0;
}

#main_center_q {
display:block;
width:926px;
height:1350px;
background:url('images/midbg.png') repeat-y;
margin:0 auto;
padding:0;
}

#main_center_wd {
	display:block;
	width:926px;
	height:8000px;
	background:url('images/midbg.png') repeat-y;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#main_center_pe {
display:block;
width:926px;
height:8100px;
background:url('images/midbg.png') repeat-y;
margin:0 auto;
padding:0;
}

#home_txt {
display:block;
float:left;
width:245px;
height:auto;
margin-left:0;
position:relative;
left:40px;
}

#rightcol {
display:block;
float:right;
width:560px;
height:auto;
margin-right:0;
margin-top:15px;
position:relative;
right:40px;
}

#rightcol_pp {
display:block;
width:92%;
height:auto;
margin:0 auto;
}

#pdown {
display:block;
width:92%;
height:30px;
margin:20px auto 0;
}

#port {
display:block;
width:910px;
height:auto;
text-align:center;
border-bottom:2px #F07 solid;
margin:25px 7px 0;
}

#rightcol2 {
display:block;
float:right;
width:560px;
height:auto;
margin-top:0;
}

#rightcol3 {
display:block;
float:right;
width:560px;
height:auto;
margin-top:25px;
}

#formcolr {
display:block;
float:right;
width:280px;
height:auto;
margin-top:15px;
}

#formcoll {
display:block;
float:left;
width:280px;
height:auto;
margin-top:15px;
}

div.pagehold{
display:block;
float:left;
width:255px;
height:430px;
margin-top:10px;
margin-left:40px;
}

div.pagehold2{
display:block;
float:left;
width:255px;
height:350px;
margin-top:10px;
margin-left:40px;
}

/* Bottom */

#bot {
display:block;
width:100%;
height:100px;
background:#000 url('images/botbgs.png') repeat-x;
}

#bot_center {
display:block;
width:500px;
height:50px;
text-align:center;
background:url('images/botbgs.png') repeat-x;
margin:0 auto;
padding:30px 0 0;
}

/* Images */

img.ab {
position:absolute;
}

img.bb {
width:20px;
height:20px;
}

img.bp {
width:10px;
height:10px;
padding:0 10px 0 0;
}

img#latpro {
width:450px;
height:400px;
border:3px solid #000;
margin-top:5px;
margin-bottom:5px;
}

img.port {
width:450px;
height:298px;
margin-top:3px;
}

img.pleft {
width:455px;
height:302px;
border-bottom:3px #F07 solid;
text-align:right;
}

img.pright {
width:455px;
height:302px;
border-bottom:3px #F07 solid;
margin:0;
padding:0;
}

img.pthumb {
width:110px;
height:74px;
border:1px #F07 solid;
margin-left:0;
}

img.graphic {
width:80px;
height:80px;
border:1px #F07 solid;
margin-left:3px;
margin-top:2px;
}

img.bc {
width:95px;
height:60px;
border:1px #F07 solid;
margin-left:3px;
margin-top:2px;
}

img.is {
width:130px;
height:111px;
border:1px #F07 solid;
margin-left:3px;
margin-top:2px;
}

img.vw {
width:140px;
height:90px;
margin-top:0;
}

/* Lists */

ul.gallery {
padding-top:0;
margin:0;
}

ul.norm li 	{
color: #515050;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
line-height:200%;
}

ul.serv li 	{
color: #515050;
font-size:12px;
font-weight:bold;
line-height:150%;
padding-left:20px;
list-style:disc;
margin-left:40px
}

ul.gallery	{
padding-top:0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

ol.serv li 	{
color: #515050;
font-size:12px;
font-weight:bold;
line-height:150%;
padding-left:20px;
}

/* Tables */

#t1 {
width:560px;
vertical-align:top;
border:0;
}

#t2 {
width:100%;
vertical-align:text-top;
border:0;
}

#tport {
width:910px;
height:auto;
border:hidden;
vertical-align:text-top;
border-top:2px #F07 solid;
}

td.services {
width:186px;
vertical-align:text-top;
}

td.tech {
width:50%;
vertical-align:text-top;
}

td.p {
height:431px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:2px #F07 solid;
}

td.pr {
height:431px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:0 #F07 solid;
background-image:url(images/bgp22.png);
}

td.pg {
height:300px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:2px #F07 solid;
}

td.pgr {
height:300px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:0 #F07 solid;
}

td.prg {
height:300px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:0 #F07 solid;
background-image:url(images/bgp22.png);
}

td.pgg {
height:300px;
width:460px;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:2px #F07 solid;
background-image:url('images/bgp2.png');
}

td.pe {
vertical-align:top;
text-align:center;
border-bottom:2px #F07 solid;
}

tr.white {
background-image:url('images/bgp2.png');
}

tr.whiteg {
background-color:#FFF;
}

table.po {
width:100%;
}

#sli {
width:560px;
height:300px;
}

.test {
width:560px;
height:auto;
}

div.hide {
display:none;
}

div.testim {
width:100%;
height:40px;
margin-top:35px;
margin-bottom:20px;
}

div.s {
width:56%;
vertical-align:top;
}

div.s2 {
width:44%;
vertical-align:top;
float:right;
margin-top:-10px;
}

div.ss {
width:56%;
vertical-align:top;
float:right;
margin-top:20px;
}

div.ss2 {
width:44%;
vertical-align:top;
float:left;
margin-top:-10px;
}

div.g {
width:100%;
vertical-align:top;
margin-top:120px;
}

div.graptitle {
width:100%;
height:100px;
margin-top:115px;
}

div.graptitle2 {
width:100%;
height:130px;
margin-top:115px;
}

/* Forms */

hr {
height:1px;
}

#mainTable {
width:351px;
border:0;
background-color:#FFF;
margin:0;
padding:0;
}

#innerTable {
width:90%;
margin-left:auto;
margin-right:auto;
padding:5px;
}

.fieldNamesStyle {
color:#515050;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

.starStyle {
color:red;
font-size:13px;
}

.requiredText {
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textFieldsStyle {
font-family:Arial;
font-size:12px;
font-weight:400;
color:#000;
background-color:#ccc;
border:1px solid #333;
vertical-align:middle;
padding-left:4px;
}

.submitButtonStyle {
background-color:#000;
font-family:Arial;
font-size:14px;
color:#FFF;
border-bottom:2px solid #F07;
border-right:2px solid #F07;
border-top:2px solid #F07;
border-left:2px solid #F07;
padding-top:1px;
}

#formularz2 {
width:351px;
margin-left:auto;
margin-right:auto;
}

#mainTable2 {
width:351px;
background-color:#FFF;
margin:0;
padding:0;
}

#mainTable2Column {
width:351px;
}

#innerTable2 {
width:90%;
border:0;
margin:0;
padding:5px;
}

.joinedColumns {
width:300px;
}

#designTypeQuestion {
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#briefDescriptionStyle {
color:#598b93;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#zakryj {
display:none;
position:absolute;
height:100%;
width:100%;
background:#000;
top:0;
left:0;
text-align:center;
}

#zakryj[id] {
position:fixed;
}

#zakryj div {
background:#FFF;
width:600px;
height:200px;
border:Solid 1px #FFF;
overflow:hidden;
margin:150px auto 0;
padding:10px;
}

#zakryj div a {
text-decoration:none;
color:#d80001;
}

#zakryj div a:hover {
text-decoration:underline;
}

html,tr.black {
background-color:#000;
}

p.cent,.center,img.cent,div.center {
text-align:center;
}

.right,h6 {
text-align:right;
}

a.rm:visited,a.d:visited {
color:#969;
text-decoration:none;
font-weight:700;
}

a.art,ul.norm li {
color:#515050;
font-size:12px;
font-weight:700;
text-transform:uppercase;
line-height:200%;
}

#top_bar a,#menu a {
border:none;
}

ul.serv li,ol.serv li {
color:#515050;
font-size:12px;
font-weight:700;
line-height:150%;
padding-left:20px;
}

td.pe1,td.pfe {
height:300px;
width:50%;
vertical-align:top;
text-align:left;
border-bottom:2px #F07 solid;
border-right:2px #F07 solid;
}

#fieldNames,.fieldNames2 {
width:40%;
}

#textBoxes,.textBoxes2 {
width:60%;
}