/* CSS Document */
body {padding:0px; margin:0px; background:#343b41 url(../images/tlopion.jpg) center repeat-y; color:#f2f3f5; font:11px/14px Tahoma, Helvetica, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px}

p a{font:11px/14px Tahoma, sans-serif; color:#fff; text-decoration:underline}
p a:hover{color:#c7cbce; text-decoration: none;}
h3 {font-size: 14px; padding-left: 10px;}

/* TOP */

#topContainer{background}

#header {height:302px; position:relative; margin:0 auto; width:860px; font:11px/33px Tahoma, sans-serif;}

#logo {position:absolute; top:80px;left:0px background: url(../images/); 0 0 no-repeat; height:302px;}

#header ul.menu{position:absolute; padding-top:40px; height: 80px;}
#header ul.menu li{float:left; text-align: center;}
#header ul.menu li a{font-size: 33px; text-align: center; font-family: sans-serif; padding-left: 29px; letter-spacing: 2px; text-decoration: none; color:#a3adaf; }
#header ul.menu li a:hover{font-size: 33px; padding-left: 29px; letter-spacing: 2px; text-decoration: none; color: #feffff;}


/* MIDDLE */

#middleContainer{height:200px;}

#adsContainer{height:200px; position:relative; margin:0 auto; width:860px; padding:0 0 0 0px;}

#adsContainer ul {margin: 0 0 0 22px}
#adsContainer ul li{font:11px/16px Tahoma, sans-serif; padding-left:21px; margin-bottom:6px}
#adsContainer ul li a{color:#81929b; text-decoration:none;}
#adsContainer ul li a:hover{color:#000}
#adsContainer a{color:#343b41; text-decoration:underline;}
#adsContainer a:hover{color:#343b41f; text-decoration:none;}

#ad1{width:430px; height:199px; float:left; position:relative; background:url(../images/marketing-internetowy.jpg) 0 0 no-repeat; margin-top:0px}
#ad1 h2{ height:40px; margin: 0px 0 15px 24px; position:relative;}
#ad1 p{width: 200px; margin: 0 0 5px 30px; color: #616161; text-align: left;}

#ad2{width:430px; height:199px; float:left;  position:relative;  background:url(../images/identyfikacja-wizualna.jpg) 0 0 no-repeat; margin-top:0px}
#ad2 h2{ height:40px; margin: 0px 0 15px 24px; position:relative;}
#ad2 p{width: 200px; margin: 0 0 5px 30px; color: #616161; text-align: left;}
/* CONTENT */

#content{width:860px; background:url(../images/tlotresc.jpg) 0 0 repeat-y; border: 1px solid #e5eaee; margin:0 auto;}

#content ul li{font:11px/16px Tahoma, sans-serif; padding-left:24px; margin-bottom:6px}
#content ul li a{color:#fff; text-decoration:underline;}
#content ul li a:hover{color:#fff; text-decoration:none;}
#content a{color:#fff; text-decoration:underline;}
#content a:hover{color:#fff; text-decoration:none;}
#leftPan{width: 360px; padding:25px 49px 0 40px; float:left;}
#rightPan{width: 364px; padding:25px 0 0 0; float:left;}
#centerpanel{width: 600px; padding:25px 0 0 0; float:left}

#articles h2{ height:35px; font-size:17px; font-style:bold; font-family: sans-serif; margin-left:20px; position:relative;}

#articles img{float:left; margin-right:10px}

#articles p{width:800px; margin-left:20px; margin-top: 5px; font-size: 11px; color:#fff; float:left}

#articles ul{ margin-left: 12px;}
#articles a{font-weight: bold; color:#fff; font-size: 11px; text-decoration:none;}
#artciles a:hover{text-decoration: underline;}


#welcome h2{ height:35px; font-size:17px; font-style:bold; font-family: sans-serif; margin-left:20px; position:relative;}
#welcome p.headline{display:block; width:287px; border-bottom:#c0c8cd 1px dotted; border-top:#c0c8cd 1px dotted; font:12px/12px Trebuchet MS, sans-serif; color:#dd137b; padding:5px 5px 5px 3px; text-transform:uppercase; margin-bottom:11px; float:none}

#welcome img{float:left; margin-right:5px}

#welcome p{width:360px; float:left}

#welcome ul{ margin-left: 12px;}


#why h2{ height:35px; font-size:17px; font-style:bold; font-family: sans-serif; margin-left:20px;  position:relative;}
#why img{float:left; margin-right:5px}
#why p{width:370px; float: left; margin-left:8px; margin-bottom:12px}
#why ul{ margin-left: 19px; margin-bottom:15px}


/* BOTTOM */

#bottomContainer{height:85px;}

#footer{height:85px; position:relative; margin:0 auto; width:860px;}

#footerleft p{float: left; width: 430px; padding: 10px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:left; color:#babbbf;}
#footerleft p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#babbbf; text-decoration:none; padding: 0 5px }
#footerleft p a:hover{text-decoration:underline; background:#; color:#babbbf;}
#footerright p{float: right; padding: 10px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:right; color:#babbbf;}
#footerright p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#babbbf; text-decoration:none; padding: 0 5px }
#footerright p a:hover{text-decoration:underline; background:#; color:#babbbf;}