html {
background-color: #ECF6FF;
font-family: 'Oswald', sans-serif;
}

body {
max-width: 970px;
margin: 0 auto;
padding: 0;
color: #002544;
text-align: center;  
}

a {
color: #002544;
text-decoration: none;  
}

a:hover {
color: #f26427;
}

header {
margin-top: 0;
padding-bottom: 5px;  
text-align: left;  
border-top: 1px solid #B9DFFF;
background: #B9DFFF url("/images/pornolista-logo-2.png") no-repeat 5px 0px;
}

#mainpage a {
display: block;
margin: 0 0 0 10px;  
height: 65px;
width: 120px;  
}

#mainpage {
height: 85px;
width: 300px; 
float: left;  
}

#mainpage h1 {
font-size: 14px;
padding: 0;
margin: 0 0 0 10px;
font-weight: 400;
text-align: left;  
}

header p {
max-width: 630px;
text-align: justify;  
font-weight: 300;
font-size: 15px;
padding: 3px 13px 0 13px;  
float: right;  
}


p {
margin: 0; 
}


section.sites h2 {
font-size: 18px;
padding: 5px;
margin: 0 0 5px 0;
color: #fff;
font-weight: 400;  
background-color: #016ABC;
}

section.sites h2 a {
color: #fff;
}

section.sites ul {
padding: 0;
margin: 10px 0;  
list-style-type: none;  
}

section.sites ul li {
font-size: 18px;  
text-align: left;  
margin: 3px 10px 3px 20px ;  
padding: 2px;  
}

section.sites ul li em {
font-weight: 300;  
font-size: 15px;  
}

section.sites ul li a {
display: inline;
margin-right: 10px; 
}

section.sites ul li:hover {
background-color: #ECF6FF;
}

section.sites ul li.last a {
font-size: 18px;
font-weight: 300;
display: block;  
text-align: right;  
}

section.sites ul li.last:hover {
background-color: #fff;
}

section.sites {
max-width:970px;
margin: 0;  
    column-count: auto;
-moz-column-count: auto;
-webkit-column-count: auto;
        column-width: 320px;
    -moz-column-width: 320px;
  -webkit-column-width: 320px;
   column-gap: 1px;
-moz-column-gap: 1px;
-webkit-column-gap: 1px;
/* line-height: 0; */
}

section.sites div {
 display: inline-block;
 width: 320px;
 overflow: hidden; 
 margin: 1px; 
 padding: 0;
 background: #fff;
}

section.sites div p {
font-size: 16px;
font-weight: 300;
text-align: justify;
padding: 0 10px;  
}


section.sites div p span, section.sites div a {
display: block;
font-weight: 400;
}

section.sites div.item p a {
display: block;
color: #F26427;
margin: 10px 0 0;
font-size: 28px;  
}

section.sites div p a:hover {
text-decoration: underline; 
}

section.sites div.item {
padding-bottom: 10px;  
}
section.sites div.item ul li {
  font-weight: 400;
  font-size: 15px;
}

section.sites div.item ul li:hover {
  background-color: #fff;
}

section.sites div.item ul li em {
 font-weight: 300;
}

section.sites div.item a {
 display: inline;
}

section.sites div.adv-insde {
padding: 5px 0;
}

section.sites div:hover {
}

section.page {
max-width:970px;
min-height: 1000px;  
background: #fff;
padding: 20px 10px;  
margin: 0;
}

section.page p {
font-weight: 300;
}

/*
section.sites div a {
 display: block; 
}
section.sites div a:hover {

  border: 1px solid;
}
*/
section.banner-adv, section.text-adv {
 clear: both;
  background-color: #016ABC;
  font-size: 20px;
  font-weight: bold;
  margin: 10px auto;
}

section.banner-adv {
padding: 0;
}

section.text-adv a {
color: #fff;
}

section.text-adv a:hover {
color: #ECF6FF;
}

section.porno-fotki ul {
display: none;	
}

footer {
border-top: 1px solid #B9DFFF;
text-align: justify;  
font-size: 15px;
font-weight: 300;  
padding: 5px 5px;
margin-bottom: 10px;  
}

footer p {
margin: 3px 0;  
}

footer ul {
margin: 5px 0;  
}


#warningBackground{top:0px;left:0px;width:100%;height:100%;background-color:#fff;opacity: 0.97;position:fixed;z-index:1001}
#warningLayout{top:0px;left:0px;width:100%;height:100%;position:fixed;opacity:1.0;z-index:1002}
#warningBox {max-width:600px;margin:10% auto 0;background: #b9dfff;color: #002544;font-size: 1.2em;padding: 0.5em 0;}
#warningBox p,h1 {float: none;text-align: center;}
#warningBox a {text-decoration: none;color: #016abc;font-size: 1.2em;}
#warningBox a:hover {text-decoration: underline;}
#warningBox h1 {color: #F26427;text-align: center;font-size: 2em;font-weight: bold;}
.warningHeader{border:none;font-size: 1em;}
p.warningText {margin: 1em 0; ;}
p.warningYesNo {margin:0.5em 0 0 0;font-size: 1.1em;}
a.warningYes {font-size: 1.5em;font-weight: bold;text-decoration: none;margin-left: 2em;}