/* http://www.colourlovers.com/palette/1088514/russian_pride */



body {

font: 12px Trebuchet Ms;

padding: 0px;

margin: 0px auto;

background: #DFDEE4;

color: #767175;

}



h1 {

font-size: 38px;

font-weight: bold;

margin: 130px 0px 0px;

padding: 0px;

color: #5FEBE7;

}



h1 a {

color: #E4393F;

}



h1 a:hover {

text-decoration: none;

color: #fff;

}



h2 {

font-size: 15px;

font-weight: bold;

margin: 10px 0 0 0px;

padding: 0px;

color: #fff;

}



h3 {

font-size: 16px;

font-weight: bold;

border-bottom: 10px solid #8CB8D5;

width: 210px;

margin: 10px 0px;

}





img {

border: 0px;

margin: 0px;

}



p {

padding: 5px 3px;

}



a {

color: #fff;

text-decoration: none;

}



a:hover {

color: #E4393F;

}



a.bramka {

display: block;

color: #E4393F;

font-variant: small-caps;

font-weight: bold;

font-size: 24px;

border: 4px solid #E4393F;

width: 310px;

margin: 20px auto 10px;

}



a.bramka:hover {

background-color: #E4393F;

color: #fff;

border: 4px solid #E4393F;

}







#wrapper {

width: 980px;

margin: 0px auto;

border-left: 1px solid #fff;

border-right: 1px solid #fff;

border-bottom: 1px solid #fff;

background-color: #C4C6D3;

}



#header {

height: 215px;

padding: 0px 10px;

background: url(ruskie-top.jpg);

border-bottom: 10px solid #8CB8D5;

border-top: 1px solid #8CB8D5;

}





#content {

margin: 0px;

padding-top: 5px;

}



#content p {

margin: 0px;

color: #767175;

font-size: 14px;

}



#content .scena {

background-color: #fff;

margin-bottom: 10px;

text-align: center;

padding: 5px 0px;

}



#content .scena img {

margin-bottom: 5px;

}



#footer {

text-align: center;

}



ul.pagination {

width: 400px;

height: 20px;

margin: 0px auto;

}



ul.pagination li {

width: 120px;

float: left;

text-align: center;

list-style-type: none;

background-color: #fff;

margin-left: 5px;

}



ul.pagination li a {

color: #8CB8D5;

font-weight: bold;

}



ul.pagination li a:hover {

color: #E4393F;

}



p.linki {

border-top: 1px solid #fff;

border-bottom: 1px solid #fff;

margin: 20px 5px; 

}



div.toplisty {

padding: 5px 0px;

}



div.clear {

clear: both;

}



/* dostêp */



#content .left {

background-color: #fff;

width: 470px;

height: 720px;

margin: 5px 2px 20px 6px;

padding: 5px;

float: left;

}



#content .right {

background-color: #fff;

width: 470px;

height: 720px;

margin: 5px 6px 20px 2px;

padding: 5px;

text-align: center;

float: right;

}

#content .right p.regulamin {
text-align: left;
margin-top: 215px;
}

#content .right p.regulamin a {
color: #767175;
text-decoration: underline;
}



#content .left p, .left li {

color: #767175;

font-size: 11px;

}



#content .left h4 {

font-size: 14px;

margin: 10px auto 0px 2px;

color: #767175;

}



#content .right h3 {

width: 400px;

font-size: 20px;

margin: 20px auto 0px;

color: #767175;

border-bottom: 10px solid #c4c6d3;

}



#content .right h4 {

width: 400px;

font-size: 14px;

padding: 5px 0px;

margin: 10px auto 0px;

border-bottom: 1px solid #c4c6d3;

color: #767175;

}





#content .right p {

font-size: 11px;

}



#content .right p.taniej {

width: 400px;

margin: 0px auto;

}



#content .right p.taniej b {

color: #e4393f;

}



#content p.sms {

font-weight: bold;

font-size: 16px;

width: 400px;

background-color: #c4c6d3;

margin: 0px auto;

}



#content p.sms span {

color: #e4393f;

}



#content p.sms a {

color: #e4393f;

}



#content p.sms a:hover {

color: #fff;

}



#content form {

margin: 20px auto;

padding: 10px 0px 20px;

width: 400px;

border: 1px solid #c4c6d3;

}



#content .scena ul {

width: 500px;

text-align: left;

color: #767175;

margin: 10px auto 50px;

}



#content .scena h2 {

color: #db1750;

}

#warningBackground{top:0px;left:0px;width:100%;height:100%;background-color:#c4c6d3;opacity: 0.95;position:fixed;z-index:101}
#warningLayout{top:0px;left:0px;width:100%;height:100%;position:fixed;opacity:1.0;z-index:102}
#warningBox{width:600px;text-align:center;margin:250px auto 0;padding:20px 30px;background-color:#fff;border:2px solid #8cb8d5;}
#warningBox a {text-decoration: none;color: #8cb8d5;}
#warningBox a:hover {text-decoration: underline;}
.warningHeader{border:none;color:#e4393f;font-size: 24px;margin: 0px;}
p.warningText {text-align:justify;color:#767175;margin-bottom: 20px;}
p.warningYesNo {margin-top: 20px;}
a.warningYes {font-size: 24px;font-weight: bold;text-decoration: none;margin-left: 30px;}