body {text-align:center; background:#211D1C; color: #393939; font-family: Tahoma, Verdana, Helvetica,  Arial,  sans-serif;  line-height: 14px; margin:0px;}
table, tr, td, div {color: #9C9C9C; font-size: 11px; font-family: Tahoma, Verdana, Helvetica,  Arial,  sans-serif;  line-height: 14px; text-align:left; vertical-align:top;}
form{margin:0px;text-align:left;}
p {margin:0px;text-align:justify;}
br{clear:both;}

em{width:502px;display:block;}

fieldset{border-style:none;margin:0px;padding:0px;width:200px;text-align:left;}
fieldset input.nwls{float:left;margin:2px 0px 0px -1px;}

a:link, a:visited {color:#ffffff; text-decoration:none;}
a:hover, a:active {color: #ffffff; text-decoration: none;}
a.home:link, a.home:visited {color:#8F8F8F; text-decoration:none;}
a.home:hover, a.home:active {color: #D6017F; text-decoration: none;}

a.wiecej:link, a.wiecej:visited {color:#D6017F; text-decoration:none; margin-left:120px}
a.wiecej:hover, a.wiecej:active {color: #8F8F8F; text-decoration: none; margin-left:120px}


a.kontakt:link, a.kontakt:visited {color:#D6017F; text-decoration:none;}
a.kontakt:hover, a.kontakt:active {color: #D6017F; text-decoration: none;}
img.hr {width:480px; height:5px;}

a.dodatki{float:right;margin:0px 0px 0px 0px;}



img {border-style:none;}

input {height:15px;width:150px; padding:3px 3px 3px 3px; border:1px; border-style:solid; border-color:#393939; font-size:11px; font-family:Tahoma; color:#393939;}

p.nag_strony{font-size:18px;font-family:Arial;}

/* galeria */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 160px; /*Width of Carousel Viewer itself*/
height: 210px; /*Height should enough to fit largest content's height*/
left:17px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 210px;
text-align:center;
padding:6px 0px 10px 1px;
}
.foto {padding-bottom:40px;}
.galeria{width:194px;height:210px;background-image:url(bg_mini.jpg);text-align:left;margin:3px 0px 3px 0px}
div.mini_gal {text-align:center;margin:0px auto;width:100px;position:relative;left:-3px;}
a.kontakt:link, a.kontakt:visited {color:#D6017F; text-decoration:none;}
a.kontakt:hover, a.kontakt:active {color: #D6017F; text-decoration: none;}

a.arrow1:link, a.arrow1:visited {color:#7F7F7F; text-decoration:none; font-size:13px;font-weight:bold;margin:5px 10px 0px 0px;}
a.arrow1:hover, a.arrow1:active {color:#D6017F; text-decoration:none; font-size:13px;font-weight:bold;margin:5px 10px 0px 0px;}
a.arrow2:link, a.arrow2:visited {color:#7F7F7F; text-decoration:none; font-size:13px;font-weight:bold;margin:5px 0px 0px 10px;}
a.arrow2:hover, a.arrow2:active {color:#D6017F; text-decoration:none; font-size:13px;font-weight:bold;margin:5px 0px 0px 10px;}



.stepcarousel img{margin-left:1px;}

h1{font-size:20px;font-weight: normal; line-height:20px; font-family: Arial;margin:0px 0px 15px 0px;color:#D70280;}
h6 {font-size: 25px; line-height:25px;font-weight: normal; margin: 0px 0px 15px 0px; color: #D6017F; font-family: verdana; padding-bottom:15px;}
h2{font-size:14px;line-height:14px;font-family:Arial;margin:0px 0px 5px 0px;color:#D70280;}
h3{font-size:14px;line-height:14px;font-family:Arial;margin:2px 0px 15px 0px;color:#B7026D;}
h4{font-size:14px;line-height:14px;font-family:Arial;margin:0px 0px 5px 0px;color:#B4B3B3;}
h5 {font-size:20px;font-weight: normal; line-height:20px; font-family: Arial;margin:0px 0px 15px 0px;color:#D70280;}
h1.mini_gal{font-size:12px; font-weight:bold; color:#D5007E; margin:20px 0px 5px 0px; line-height:12px;}

input.nwlsszuk {height:17px; padding:0px; margin:0px;float:left;}

div.swieta{text-align:center;filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;z-index:100;position:absolute;left:0px;top:100px;width:570px;height:400px;background-image:url(swieta.jpg);}
div.tlo_swieta{filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;z-index:99;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#000000;text-align:center;}
	
/* glowne */
div.main-glowny {position:relative;z-index:90;background:#FFFFFF;}

div.glowny-top {position:relative;z-index:1;text-align:center; background: #393939;}
div.glowny-gora {position:relative; width:980px; margin:0px auto; background:url(tlo2.gif) repeat-x #ffffff;}
div.glowny {position:relative; width:980px; margin:0px auto;padding:0px 0px 25px 0px;}
div.glowny-cien {height:25px; background: url(tlo.gif) top center repeat-x #ffffff; margin:0px;}
div.glowny-cien2 { background: url(tlo.gif) top center repeat-x #ffffff; margin:0px;text-align:center;}
div.glowny-stopka {text-align:center; background:#211D1C; margin:0px 0px 0px 0px;}
.glowny-stopka .glowny {padding:0px;}
div.kreska {line-height:10px; font-size:10px; background:#D6017F; }


div.cien {background: url(tlo.gif) top center repeat-x #ffffff; margin:0px;text-align:center;padding:0px 0px 0px 0px}


/* standard */
div.standard {position:relative;width:980px;margin:0px auto; background-image:url(bg_mapa.gif);}
div.standard .menu_bok{width:220px;height:210px;float:left;padding:20px 10px 10px 10px;background:url(bg_menu.jpg) top right no-repeat;margin:0px;}
div.standard .content{position:relative;width:506px;float:left;padding:20px 15px 10px 5px;text-align:justify;}
div.standard .content p.nazwa{font-size:18px;line-height:18px;font-family:Arial;margin:0px 0px 5px 0px;color:#D70280;}
div.standard .content p.zajawka{margin:7px 0px 7px 0px;font-weight:bold;}
div.standard .szary{position:absolute;width:194px;top:0px;right:0px; padding:10px 10px 10px 10px;background:url(bg_szary.jpg) top left repeat-x;}
div.standard .content ul{list-style-image:url(m_dot.gif)}
div.standard .content table{width:536px;}
tr.class1{background-color:#F2F1F1; padding:5px;}
tr.class2{background-color:#E6E3E5; padding:5px}
div.standard .content a{color:#D6017F;}

/* dwie kolumny */
div.dwie_kolumny {width:980px;margin:0px auto;}
div.dwie_kolumny .menu_bok{width:220px;float:left;padding:20px 10px 10px 10px;background:url(bg_menu.jpg) top right no-repeat;position:relative;}
div.dwie_kolumny .content{margin:20px 0px 10px 0px;width:720px;float:left;padding:0px 10px 0px 10px;background-image:url(bg_dwie_kolumny.gif)}
div.dwie_kolumny .content ul{list-style-image:url(m_dot.gif)}
div.dwie_kolumny .content a{color:#D6017F;}
div.dwie_kolumny .content .left{float:left;width:360px;text-align:justify;}
div.dwie_kolumny .content .right{float:right;width:330px;text-align:justify;}

/* formularz kontaktowy */
div.standard .content .formularz table{width:500px;}
div.formularz input{border:1px solid #D6017F;height:15px;width:212px;padding:1px 0px 0px 1px}
div.formularz input.but{border:1px solid #D6017F; height:20px;color:#ffffff; width:70px; background-color:#D6017F;padding:2px 2px 2px 2px}
div.formularz textarea{border:1px solid #D6017F;height:100px; width:212px;font-size:11px; font-family:Tahoma; color:#393939;}

/* mapa */
div.mapa{width:980px;margin:0px auto;padding:0px}

div.mapa_menu{width:220px;float:left;padding:20px 10px 10px 10px;background:url(bg_menu.jpg) top right no-repeat;position:relative;}
div.mapa_strony{float:left;padding:20px 0px 10px 230px; background:url(mapa.jpg) 10px 30px no-repeat;}
div.mapa_strony a.glowny{color:#d6017f;font-size:12px;text-transform:uppercase;font-weight:bold;margin:0px 0px 0px 0px}
div.mapa_strony a.podglowny:link, a.podglowny:visited {color: #9C9C9C;font-size:11px;text-decoration:none;margin:0px 0px 0px 0px; }
div.mapa_strony a.podglowny:hover, a.podglowny:active{color: #D6017F;font-size:11px;text-decoration:none;margin:0px 0px 0px 0px; }

div.mapa_szary{background:url(bg_szary.jpg) top left repeat-x;width:194px;float:left;padding:10px 10px 10px 10px}

div.mapa_strony ul{list-style-image:url(m_dot.gif)}

/* portfolio */
div.portfolio {width:980px;margin:0px auto;background-image:url(bg_mapa.gif);padding:0px}

/* top */
div.top {height:70px;background:#ffffff;margin:0px auto;width:980px;}
div.flashmain {height:265px;margin:0px auto;width:980px;}

div.logo {width:390px; float:left; height: 70px;}
img.logo {height: 50px; margin:10px; width: 210px; border:0px}
div.ikonki {width:590px; height: 70px; float:left;}
img.ikonki {height: 70px; border:0px;}
.sol_1{background:url(solutek1.jpg) bottom right no-repeat;}
.sol_2{background:url(solutek2.jpg) bottom right no-repeat;}
.sol_3{background:url(solutek3.jpg) bottom right no-repeat;}
.sol_4{background:url(solutek4.jpg) bottom right no-repeat;}
.sol_5{background:url(solutek5.jpg) bottom right no-repeat;}
.sol_6{background:url(solutek6.jpg) bottom right no-repeat;}
.sol_7{background:url(solutek7.jpg) bottom right no-repeat;}
.sol_8{background:url(solutek8.jpg) bottom right no-repeat;}
.sol_9{background:url(solutek9.jpg) bottom right no-repeat;}

/* menu */
div.menu {margin:10px 0px 20px 0px; text-transform:uppercase;}
div.menu2 {padding:20px 0px 20px 0px; text-transform:uppercase;width:980px;margin:0px auto;background-color:#D6017F; }
a.menu:link, a.menu:visited {margin: 0px 1px 0px 3px; padding:14px 39px 14px 39px; background:url(strzalka1.gif) bottom center #B7026D no-repeat; color:#FFFFFF; }
a.menu:hover, a.menu:active {background:url(strzalka2.gif) top center no-repeat #930157; color: #FFFFFF; text-decoration: none;}


/* centrum */
div.centrum {margin-top:50px; background:url(kropka.gif) 225px 0px repeat-y;}
div.prawa {width:300px; height:443px; float:left; }

div.oferta1 {z-index:1;width: 480px; background:url(kropka.gif) 480px 0px repeat-y; padding-right:10px; float:left; position:relative; height:500px;}
div.oferta2 {z-index:1;width: 480px; padding-left:10px; float:left; position:relative; height:500px;}
div.internet {z-index:1;width: 240px; float:left; position:relative; height:140px;}
.internet h1 {position:absolute; top:0px; left:0px;}
img.internet1 {width:60px; border:0px; position:absolute; left:0px; top:35px; margin-right:10px; margin-bottom:20px;}
img.internet2 {width:60px; border:0px; position:absolute; left:0px; top:35px; margin-right:10px; margin-bottom:20px;}
img.internet3 {width:60px; border:0px; position:absolute; left:0px; top:35px; margin-right:10px; margin-bottom:20px;}
img.internet4 {width:50px; border:0px; position:absolute; left:10px; top:35px; margin-right:10px; margin-bottom:20px;}
div.kropki {background:url(kropka.gif) top center repeat-x; }
.internet div.txt {position:absolute; left:70px; top:35px;}
.internet div.txt1 {position:absolute; left:70px; top:35px;}

/* kontakt */
div.kontakt_left{float:left;width:480px; padding-top:25px;}
div.kontakt_right{float:left;width:500px;padding-top:25px;}


/* realizacja - case study */
div.realizacja {width:980px; margin:0 auto; padding:10px 0px;}
div.realizacja_left{float:left;width:270px;}
div.realizacja_right{float:left;width:710px;}
div.realizacja_left .info_nag{color:#d4027d;margin:0px 0px 5px 20px;font-family:Arial;font-size:18px;}
div.realizacja_left .info{color:#838383;margin:0px 0px 0px 20px;}
div.realizacja_right .case_study{margin-left:41px;}
div.realizacja_left .screen{margin:20px 0px 0px 0px; text-align:center;}

/* stopka */
div.stopka {background: url(stopka.jpg) no-repeat bottom right #1A1A1A; height:120px; }
div.stopka-boks {width: 245px; float:left; background:url(stopka.gif) top left no-repeat;}
div.stopka-wnetrze {margin: 15px 10px 10px 40px; color:#DCDBD9}

div.dane a:link {color:#DCDBD9;}
div.dane a:visited {color:#DCDBD9;}
div.dane a:hover {color:#D6017F;}
div.dane {width: 200px; float:left;text-align:left;position:relative;left:290px;top:15px;color:#DCDBD9;}
div.dane a{color:#DCDBD9}

div.stopka2 {height:40px; line-height:40px; background:#211D1C;}
div.stopka-wnetrze input{float:left;padding:2px 0px 0px 2px}
img.guzik {float:left;width:18px; height:17px; border:0px; margin-left:6px;margin-top:3px;cursor:pointer;}
input.guzik {float:left;width:18px; height:17px; border:0px; margin-left:6px;margin-top:0px;cursor:pointer;}
br.nic {height:0px; line-height:0px; font-size:0px; clear:both;}


/*MODUŁY*/

/*menu*/
div#box-menu {}
#box-menu ul {margin:0px; padding:0px 0px; list-style:none;}
#box-menu li.ml1z {background:url(m_l1_z.gif) top left no-repeat; padding-left:25px; margin:10px 0px 0px 0px;}

#box-menu li.ml1r {background:url(m_l1_r.gif) top left no-repeat; padding-left:25px;margin:10px 0px 0px 0px;}
#box-menu li.ml1r ul{margin:10px 0px 0px 0px;}
#box-menu li.ml1r a{color:#D70280;}
#box-menu li.mdot {background:url(m_dot.gif) top left no-repeat; padding-left:15px;}
#box-menu a:link, a:visited {color:#7f7f7f;}
#box-menu a:hover, a:active {color:#D70280;}

#box-menu li.mdot a {color:#a9a9a9;}

/*mini-portfolio*/
div#box-mini-portfolio {width:190px; height:235px;}
#box-mini-portfolio h1 {margin:0px;font-size:12px; font-weight:bold; color:#D5007E; margin:0px; line-height:12px;}
#box-mini-portfolio img {margin-bottom:3px;}

/*czy-wiesz*/
div#box-czy-wiesz {width:190px;}
#box-czy-wiesz h1 {font-size:12px; font-weight:bold; color:#D5007E; margin:0px; line-height:12px;}
#box-czy-wiesz img {margin-bottom:3px;}
#box-czy-wiesz div {text-align:right; margin:10px 0px;}
#box-czy-wiesz a{color:#D5007E;}

/*formularz pozycjonowania*/
div.formularz_pozycja{margin:0px;}
div.formularz_pozycja fieldset{width:500px;}
div.formularz_pozycja label.form_label{float:left;width:120px;margin-right:5px;text-align:right;line-height: 24px;vertical-align: middle;}
div.formularz_pozycja input.form_input_text{border:1px solid #a5a5a5;width:250px;font-size:11px;margin:0 0 5px;font-family:Tahoma;font-size:11px;}
div.formularz_pozycja textarea.form_textarea{border:1px solid #a5a5a5;margin:0 0 5px;width:250px;height:80px;padding:3px;font-size:11px;font-family:Tahoma}
div.formularz_pozycja input.form_input_submit{border:1px solid #a5a5a5;width:129px;height:20px;font-size:11px;margin:0 0 5px;cursor:pointer;}