/* CSS mtElectronic created by www.2facestudio.pl */

BODY
{
background: url(../_img/bg.jpg) repeat-x #c0c0c0;
text-align:center;
overflow:auto;
}

div.topBar
{
background:#eeeff1;
margin:0 auto auto;
width:960px;
height:2px;
overflow:hidden;
line-height:2px; 
position:relative;
}

div.bottomBar
{
background:#1c3a65;
width:960px;
height:65px;
position:relative;
margin:0 auto auto;
color:#7d96bc;
font-family:Arial;
font-size:11px;
text-align:left;
}
div.foot
{
top:24px;
width:860px;
margin-left:50px;
position:relative;
}
div#a1
{
float:left;
top:24px;
position:relative;
width:350px;
text-align:left;
margin-left:50px;
}
div#a2
{
float:right;
top:24px;
position:relative;
width:350px;
text-align:right;
margin-right:50px;
}



/* ----------------------------------------------- Links    */
a.whiteLink
{
font-family:Arial;
font-size:11px;
color:#d4deed;
text-decoration:none;
}
a.whiteLink:hover
{
color:#d4deed;
border-bottom:1px dotted #d4deed;
}


a.blueLink
{
font-family:Arial;
font-size:11px;
color:#1b4162;
text-decoration:none;
}
a.blueLink:hover
{
color:#1b4162;
border-bottom:1px dotted #1b4162;
}

a.nameLink
{
font-family:Arial;
font-size:11px;
color:#7d96bc;
text-decoration:none;
}
a.nameLink:hover
{
color:#9eb2ce;
}

a.subMenuLink
{
color:#d4deed;
font-family:Arial;
font-size:12px;
text-decoration:none;
}
a.subMenuLink:hover
{
color:#d4deed;
border-bottom:1px dotted #d4deed;
}

a.contentLink
{
color:#6c2506;
text-decoration:none;
}
a.contentLink:hover
{
color:#6c2506;
text-decoration:underline;
}


/* -----------------------------------------------  bottom menu : context menu */
div.bottomBar2
{
background:#dcdcdc;
width:960px;
height:35px;
margin:0 auto auto;

top:0;
display: table; 
#position: relative; 
overflow: hidden;
}

div.bottomMenu
{
text-align:center;
#position: absolute; 
#top: 50%;
display: table-cell; 
vertical-align: middle;
}

div.cnt
{
text-align:right;
width:880px;
margin-left:30px;
#left:-50%;
#position:relative;
#top:-50%;
}




/* -----------------------------------------------  banner : */
div.topBanner
{
width:960px;
height:178px;
position:relative;
margin:0 auto auto;
background:#eeeff1;
}




/* -----------------------------------------------  menu : main sections */
div.menuBar
{
background:#1a4685;
width:960px;
height:96px;
margin:0 auto auto;
position:relative;
}

div.mainBar
{
width:100%;
height:62px;
background:url(../_img/menu_bg_.jpg);
position:relative;
}


div.mainBarSection
{
height:100%;
width:150px;
float:left;
text-align:center;

display:table;
#position:relative;
overflow:hidden;
}
div.VCenterOne
{
#position:absolute; 
#top:50%;
display:table-cell; 
vertical-align:middle;
width:100%;
}
div.VCenterTwo
{
#position:relative;
#top:-50%;
#left:-50%;
width:100%;
}


a.mainBar
{
color:#bdd3e8;
font-family:Arial;
font-size:14px;
font-weight:bold;
text-decoration:none;
letter-spacing:1px;
}





/* -----------------------------------------------  menu : subsections */
div.subBar
{
position:relative;
width:100%;
height:34px;
display:table;
overflow:hidden;
}

div.subBarOne
{
text-align:center;
#position: absolute; 
#top: 50%;
display: table-cell; 
vertical-align: middle;
}

div.subBarTwo
{
text-align:left;
width:880px;
height:25px;
margin-left:30px;
#left:-50%;
#position:relative;
#top:-50%;
}


div#subOne 
{
color:#d4deed;
font-family:Arial;
font-size:12px;
visibility:hidden;
#height:12px;
position:absolute;
}


div#subTwo
{
color:#d4deed;
font-family:Arial;
font-size:12px;
visibility:hidden;
position:absolute;
}

div#subThree
{
color:#d4deed;
font-family:Arial;
font-size:12px;
visibility:hidden;
position:absolute;
}

div#subFour
{
color:#d4deed;
font-family:Arial;
font-size:12px;
visibility:hidden;
position:absolute;
}





/* -----------------------------------------------  content: main page */
div.content
{
background:#eeeff1;
position:relative;
margin:0 auto auto;
width:960px;
min-height:400px;
height:inherit;
}
div.content_oferta
{
background:#eeeff1;
position:relative;
margin:0 auto auto;
width:960px;
min-height:700px;
}

.oFirmie
{
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
width:400px;
position:relative;
margin-top:20px;
margin-left:50px;
#margin-left:50px;
float:left;
}

.oFirmie2
{
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
width:400px;
position:relative;
margin-top:20px;
margin-left:50px;
#margin-left:50px;
float:left;
}

.oFirmie h3
{
color:#1a4685;
}


.contactLeft
{
width:380px;
margin-left:80px;
position:relative;
float:left;
text-align:left;
font-family:Arial;
font-size:14px;
top:20px;
color:#1a4685;
}
.contactRight
{
width:420px;
color:#1a4685;
margin-left:40px;
position:relative;
float:left;
text-align:left;
font-size:12px;
letter-spacing:1px;
line-height:20px;
font-family:Arial;
top:40px;
}
div.lowerLetters
{
font-family:Arial;
font-size:12px;
color:#1a4685;
line-height:20px;
letter-spacing:1px;
background:#e1e5eb;
width:60%;
padding:14px;
}

input.submit
{
background:#1a4685;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
border:0px;
margin:10 0 0;
}

.bordered
{
color:#1a4685;
border:1px solid #1a4685;
font-family:Arial;
font-size:12px;
padding:4px;
margin:10 0 0 ;
}

div.obslugaInformatyczna
{
margin:20px;
margin-left:40px;
margin-right:40px;
margin-bottom:0;
width:880px;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
}

ul.lista
{
list-style-type:disc;
position:relative;
padding:15 15 0;
}

ul.lista2
{
list-style-type:circle;
position:relative;
}

.tabelka
{
width:880px;
#width:960px;
display:table;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
position:relative;
}

div.tabCellLeft
{
width:400px;
float:left;
display:table-cell;
position:relative;
}

div.tabCellRight
{
width:400px;
float:right;
display:table-cell;
position:relative;
}

div.ofertaLeft
{
width:400px;
float:left;
margin-left:50px;
margin-top:40px;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
position:relative;
display:table-ceil;
}
div.ofertaRight
{
width:400px;
float:right;
margin-right:50px;
margin-top:40px;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
position:relative;
display:table-ceil;
}

div.refLeft
{
width:400px;
float:left;
margin:0 40 40;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
position:relative;
}
div.refRight
{
width:400px;
float:left;
margin:0 40 40;
color:#466897;
font-family:Arial;
font-size:12px;
line-height:20px;
letter-spacing:1px;
text-align:justify;
position:relative;
}
div.dymek
{
#color:#466897;
color:#1c3a65;
font-family:Arial;
font-size:12px;
line-height:17px;
letter-spacing:1px;
text-align:center;
}
div.monit
{
color:#ff0000; 
font-size:12px;
font-family:Arial;
letter-spacing:0px;
}
div.underline
{
text-decoration: underline;
}