/* 	Import in important styles
 ``````````````````````````````````````````````````````````````````````````` */

@import 'reset.css';

/* 	Layout
 ``````````````````````````````````````````````````````````````````````````` */

body {
    background: #555859;
    font-family: Arial, Verdana, "Trebuchet MS", "Lucida Sans Unicode", sans-serif;
    font-size: 11px;
    margin: 0;
    color: #483e30;
}

h1 { font-size: 20px; color: #666666; font-weight: normal; position: relative; top: 10px; margin: 0 0 15px 0px; }
h2 { font-size: 16px; color: #666666; font-weight: normal; position: relative; top: 10px; margin: 0 0 15px 0px; }
h3 { font-size: 12px; color: #666666; font-weight: normal; position: relative; top: 10px; margin: 0 0 15px 0px; }

p { line-height: 2em; text-align: justify; }
p.paragraph { line-height:18px; text-align:center; line-height:4em;}

a { text-decoration: none; cursor: pointer; color: #000; }
a:hover { text-decoration: underline; }

ul { list-style-type: none; }

    #komunikat-warstwa { position: absolute; top: 0; left: 0; display: none; }
    #komunikat { position: absolute; top: 0; left: 0; display: none; }
    #komunikat #tresc { width: 400px; padding: 15px; margin: 0 auto 0 auto; background: #860000; border: 2px solid #fff; color: #fff; font: bold 13px Verdana; z-index: 11; position: relative; }
    #komunikat #tresc p { font-size: 10px; margin: 15px 0 0 0; }
    
/* 	Page
 ``````````````````````````````````````````````````````````````````````````` */	

#page { width: 877px; margin: 0 auto 0 auto; position: relative; }

#page #links { display: block; float: right; display: inline; margin: -5px 15px 0px 0; position: relative; bottom: -10px; }
#page #links li { float: left; display: inline; color: #fff; }
#page #links li a { margin: 0 5px 0 9px; color: #fff; }

#page #header { width: 877px; height: 209px; background: url("../images/page_top.jpg") no-repeat; }
#page #header #antywirusy { position: absolute; top: 80px; left: 75px; display: block; width: 85px; height: 80px; text-indent: -99999em; }
#page #header #av2010 { position: absolute; top: 35px; left: 230px; display: block; width: 18px; height: 130px; text-indent: -99999em; }

#page #header #menu { position: absolute; top: 185px; left: 42px; display: block; }
#page #header #menu li { float: left; display: block; margin: 0 25px 0 0px; }
#page #header #menu li a { display: block; height: 28px; font-size: 12px; float: left;  color: #fff; }
#page #header #menu li a:hover, #page #header #menu li a.active { background: url("../images/menu_arrow_bottom.gif") no-repeat bottom center; }
#page #header #menu li a.special { color: #fffc00; }

#page #center { width: 100%; background: url("../images/page_height.gif") repeat-y; }
#page #center #container { width: 100%; padding-bottom: 12px; background: url("../images/page_bottom.gif") no-repeat left bottom; }
#page #center #container #content { width: 90%; margin: 0 auto 0 auto; padding-top: 5px; font-size:10pt; }
#page #center #container #content p { margin: 5px 0 10px 0; }


#page #center #container #content .pakiety { margin-left: -10px; position: relative; }
#page #center #container #content .pakiety li { float: left; display: inline; width: 190px; height: 250px; margin-bottom: 15px; padding: 10px 0 0 0; text-align:center;}
#page #center #container #content .pakiety li.title { height: 50px; }
#page #center #container #content .pakiety li .imgs { display: none; position: absolute; top: 0; left: 0; z-index: 100; cursor: pointer; }
#page #center #container #content .pakiety li.dok { height: 50px; text-align:center; }
#page #center #container #content .pakiety li label { display: block; text-align: center; }
#page #center #container #content .pakiety li h2 { height: 45px; text-align: center; }
#page #center #container #content .pakiety li h3 { height: 35px; text-align: center; }
#page #center #container #content .pakiety li input { margin: 5px 0 5px 6px; padding: 0; }
#page #center #container #content .pakiety li p { line-height: 16px; padding: 0 5px 0 0px; text-align: center; width: 90%; margin: 0 auto 0 auto; }


#page #center #container #content #news { border:1px solid #efefef;  margin-left:10px; margin-top:10px; padding:0px; width:298px;}
#page #center #container #content #news p.news_title { width:290px; margin:0px; padding:4px; background-color:#efefef; font-weight:bold;}
#page #center #container #content #news p.news_info { width:290px; margin:0px; padding:0px 4px; border-bottom:1px solid #efefef; font-weight:normal; font-size:8pt; line-height:1.5em;}
#page #center #container #content #news p.news_tresc { width:290px; margin:0px; padding:0px 4px; font-weight:normal; font-size:10pt;  }

#page #center #container #content #news_nawigacja {margin:10px; padding:0px 5px; width:290px; line-height:2em;}
#page #center #container #content #news_nawigacja a.news_link { margin:0px 5px; padding:0px 5px; font-size:8pt; border:1px solid #efefef; }
#page #center #container #content #news_nawigacja a.news_link:hover { margin:0px 5px; padding:0px 5px; font-size:8pt; border:1px solid black; color:black; background-color:#efefef; }

#page #center #container #footer { clear: both; width: 810px; margin: 10px auto 5px auto; border-top: 1px solid #d3d3d3; padding-top: 5px; }
#page #center #container #footer .logo_gdata { display: block; width: 200px; padding-left: 50px;  background: url("../images/logo_mini_gdata.gif") no-repeat; float: left; }

#page #center #container #footer .logo_antywirusy { display: block; width: 200px;  background: url("../images/logo_mini_antywirusycompl.gif") no-repeat right; float: right; padding-right: 50px; }

#page #center #container #footer .data { width: 240px; float: left; display: inline; margin: 13px 0 0 0; text-align: center; }

#page #center #ssl { width:100%; text-align:center; background-color:#555859;}

.form .blad { margin: 0!important; color: red; padding: 0px!important; display: block; display: none; }