/* CSS Document */
html {         background-color: #ffffff;    }
html#page { 
 background-image: url('http://www.nettikaupat.eu/images/topbar.gif'); background-repeat: repeat-x; 
   height: 100.1%; }



       

body {
        margin: 0;
        padding: 0;
      
        color:black;
        font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
        font-size: 76%;

        text-align:left;

        }

h1 { font-size: 14pt; }
h2 { font-size: 12pt;  }
h3 { font-size: 10pt;  }


td { vertical-align: top; }

form.search-form { margin-top: 10px; }

a.catLINK { color: #2C5885; font-family: verdana; text-decoration: none; }
a.catLINK:hover { color: #FF0000; font-family: verdana; text-decoration: underline; }

a.catLINK_s { color: #2C5885; font-family: verdana; text-decoration: none;  }
a.catLINK_s:hover { color: #FF0000; font-family: verdana; text-decoration: underline; }

a.topnavi {  color: #f3f3f3; font-family: verdana; text-decoration: none; }
a.topnavi:hover {  color: #f3f3f3; font-family: verdana; text-decoration: underline; }

div#header {width: 100%; float:left; margin-bottom: 8px;  }
div.logoTOP {width: 200px; margin:0 auto; overflow: hidden; text-align: left; float:left; }
div.searchTOP {width: 400px; margin:0 auto; overflow: hidden; text-align: left; float:left; }


div#top_navi { background-color: #ffffff; margin: 5px 0px 5px 0px; border: 1px solid #CCCCCC; padding-left: 15px;  padding-top: 5px;  padding-bottom: 5px;   }

div#rate_site { background-color: #f3f3f3; margin: 5px 0px 5px 0px; border: 1px solid #CCCCCC; padding-left: 15px;  padding-top: 10px;  padding-bottom: 10px;   }

div#not_found { height: 45px; background-color: #fcfcfc; margin: 5px 0px 5px 0px; border: 1px solid #CCCCCC; padding: 15px;   }
div#not_found img {float:left;
			margin-top: -9px;
			margin-right:20px;
			z-index:5;
			}

div#timelimit { height: 37px; background-color: #fafafa; margin: 5px 0px 5px 0px; border: 1px solid red; padding: 15px;   }

div#timelimit img {float:left;
			margin-top: -9px;
			margin-right:20px;
			z-index:5;
			}


div#social_links { background-color: #f3f3f3; margin: 5px 0px 5px 0px; border: 1px solid #CCCCCC; padding: 15px;   }



/*
div#social_links a { color: #666666; text-decoration: none; padding-left: 2px; line-height:20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; vertical-align: middle;}
div#social_links a:hover { color: #FF0000; text-decoration: none; }
*/

div.social { clear:both; position:relative; padding:0px 0px 0px 10px; margin:0 0 0 0; /*font-family: Georgia, "Times New Roman", Times, serif;*/ }
div.social p { padding:0;	margin:0; }

div.social h3 { padding:0 0px 0 0;	margin:0 0px 0 0px; font-size:11px; font-weight:bold; color: rgb(0,0,102); /* rgb(0,51,153);*/ /*#3C486A;*/ }

div.social ul { font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; list-style:none; margin:6px 0 4px 0; padding:5px 0px 5px 10px; background:#f3f3f3; }
div.social ul li { text-align:center; display:inline; padding:0px 4px 0px 0px; margin-bottom: 10px; }
div.social ul li a { font-size:13px; color:#000; padding:0 0 0 20px; margin:0 4px 0 0px; }

div.social ul li.delicious {  background:url("http://www.nettikaupat.eu/images/delicious.gif") no-repeat 0 0; background-position: center left; }
div.social ul li.stumbleupon { background:url("http://www.nettikaupat.eu/images/stumbleupon.gif") no-repeat 0 0; background-position: center left; }
div.social ul li.myspace { padding:0px 0px 0px 2px; background:url("http://cms.myspacecdn.com/cms/post_myspace_icon.gif") no-repeat 0 0; background-position: center left; }
div.social ul li.facebook { padding:0px 0px 0px 0px;background:url("http://www.nettikaupat.eu/images/facebook.gif") no-repeat 0 0; background-position: center left; }
/*
div.social ul li.feedburner { padding:0px 0px 0px 2px; background:url("http://demo.testaamo.com/nettikaupat/images/rss_feedburner.gif") no-repeat 0 0; background-position: center left; }
div.social ul li.google {   padding:0px 0px 0px 0px;background:url("http://demo.testaamo.com/nettikaupat/images/add_google.gif") no-repeat 0 0; background-position: center left; }
*/

.clearfloat { 
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p {
}



img.logo { padding-left: 20px; }
img.icon-front {
float:left;
			margin-top:-20px;
			margin-left:20px;
			z-index:5;
}



div.container {

        width: 1000px;
        text-align: left;
        margin-right: auto;
        margin-left: auto;
        }



div#front-main {
margin-top: 5px;
padding-top: 10px; padding-left: 10px;
height: 280px;
width: 581px;
background: url(http://www.nettikaupat.eu/images/front.jpg) no-repeat left 2px;
}

div#front-main h1 { color: rgb(0,0,102); }

div.front-main-icon {
margin-left: 30px;
}

div.front-main-content {
margin-bottom: 30px;
height: 250px;
}

div.cont-l {

float:left;
	width:61%;
}
div.cont-r { 

float:right;
	width:38%;
}

div.articles {
   
        padding: 20px 0 0 10px;
        background: url(http://www.nettikaupat.eu/images/a_bg.gif) no-repeat left 2px;
       
}

div.articles_full {
   
        padding: 20px 0 0 10px;
        background: url(http://www.nettikaupat.eu/images/a_bg_full.gif) no-repeat left 2px;
       
}


div.articles p {
        font-size: 1em;
}


div.articles_txt {

width: 580px;
 margin-bottom: 20px;
}
div.articles_full h2 {
color: rgb(0,0,102); /*rgb(0,51,153); *//*#3C486A;*/
        font-size: 1.3em;
        margin: 0 0 0.3em 0;
        padding: 0px;
     /*   font-family: Georgia, "Times New Roman", Times, serif; */
}
div.articles h2 {
color: rgb(0,0,102); /*rgb(0,51,153);*/ /*#3C486A;*/
        font-size: 1.3em;
        margin: 0 0 0.3em 0;
        padding: 0px;
        /*   font-family: Georgia, "Times New Roman", Times, serif; */
}
div.article_box h3 {
color: rgb(0,0,102); /*rgb(0,51,153); */ /*#3C486A;*/
        margin: 0 0 0.7em;
        padding: 0px 0px 3px;
        font-size: 1.1em;
        border-bottom: 1px solid #E1E1E1;
       /*    font-family: Georgia, "Times New Roman", Times, serif; */
}
div.article_box ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
}
div.article_box {
        width: 170px;
        padding: 10px 10px 10px 0px;
        float: left;
        margin-right: 20px;
}
div.article_box ul li {
        padding-bottom: 7px;
}
div.article_box ul li a {
        color: #2C5885;
        font-size: 0.9em;
        text-decoration: none;
}

div.article_box ul li a:hover {
        text-decoration: underline;
        color: #FF0000;
        }
