/* MOBILWEB CSS BY BBULET, slahe[zavinac]webkody.sk*/
body {
 margin: 0;
 text-align: center;
 background-color: #eef9ff;
}
#headtop {
 background: url("images_web/head_back.jpg");
 width: 100%;
 height: 157px;
 position: absolute;
 left: 0px;
}
#zvonceky {
width: 98px;
height: 77px;
background: url('images_web/zvonceky.gif');
position:absolute;
top: 133px;
left: -110px;
}
form {
margin: 0;
}
#zmenit_jazyk {
position: absolute;
top: 28px;
right: 6px;
z-index: 2;
}
#vyhladavanietop {
top: 130px;
left: 516px;
position: absolute;
}
.goads {
padding-top: 4px;
padding-left: 7px;
padding-bottom: 5px;
}
#zmenit_jazyk a {
float: left;
margin-left: 2px;
display: block;
width: 16px;
height: 11px;
border: 1px solid #87b6d0;
}
#zmenit_jazyk a:hover {
border: 1px solid white;
}
#reklamabot {
position: absolute;         
top: 90px;
right: 30px;
z-index: 2;
border: 2px #494949 solid;
}
#right_h {
 background: url("images_web/right_h.jpg");
 width: 235px;
 height: 157px;
 position: absolute;
 right: 0px;
}
#med_right {
 background: url("images_web/santa.gif");
 width: 129px;
 height: 108px;
 position: absolute;
 right: 30px;
 top: 30px;
}
#left_h {
 background: url("images_web/zvonceky.gif");
 width: 98px;
 height: 77px;
 position: absolute;
 left: 0px;
}
/* HLAVICKA */
#headlogo {
 background: url("images_web/head_logo.jpg");
 width: 482px;
 height: 157px;
 margin-left: 5px;
}

/* OBAL */
#obal {
position: relative;
width: 825px;
margin: 0 auto;
text-align: left;
}

/* OBAL 2 */
#obal2 {
margin-top: 9px;
}
/* FOOTER */
#footer {
 padding-top: 30px;
 width: 100%;
 background: url("images_web/footer_back.jpg") repeat-x;
 height: 35px;
 text-align: center;
 color: white;
 font-size: x-small;
 font-family: Arial;
}
#footer a {
color: white;
text-decoration: none;
font-size: x-small;
}
#footer a:hover {
color: #224e6d;
}
/* OBSAH */
#obsaho a{
text-decoration: none;
color: black;
}
#obsaho input {
color: black;
font-size: small;
background-color: #cce6f7;
border: 1px #2977ad solid;
}
#obsaho textarea {
color: black;
font-size: small;
background-color: #cce6f7;
border: 1px #2977ad solid;
}
.passreq {
margin-left: 83px;
}
#obsah {
margin-left: 156px; 
background-color: #eef9ff;
width: 488px; 

}
#obsaho {
position: relative;
background: url("images_web/obsah_b.jpg") no-repeat;
padding-top: 2px;
padding-left: 3px;
color: black;
font-family: Arial;
font-size: small;
border: 1px #93cafd solid;
}
#obsah_bar  {
padding-top: 2px;
padding-left: 13px;
color: white;
font-family: Arial;
font-size: small;
width: 475px;
height: 18px;
background: url("images_web/bar_content.jpg") repeat-x;
}

/* MAIN CLASSES */
.odrovnanie_n {
padding-top: 2px;
padding-left: 2px;
}
.obsah {
position: relative;
margin-bottom: 10px;
margin-left: 156px; 
background-color: #eef9ff;
width: 488px; 
border-bottom: 1px #93cafd solid;
}
.obsaho {
position: relative;
background: url("images_web/obsah_b.jpg") no-repeat;
padding-top: 2px;
padding-left: 3px;
color: black;
font-family: Arial;
font-size: small;
border-left: 1px #93cafd solid;
border-right: 1px #93cafd solid;
border-top: 1px #93cafd solid;
}
.obsah_bar  {
padding-top: 2px;
padding-left: 13px;
color: white;
font-family: Arial;
font-size: small;
width: 475px;
height: 18px;
background: url("images_web/bar_content.jpg") repeat-x;
}

/* MENU */
#menu {
margin-left: 0;
left: 0;
position: absolute;
top: 166px;
}
.menunav {
padding-left: 12px;
color: white;
font-family: Arial;
font-size: small;
width: 130px;
padding-top: 2px;
height: 18px;
background: url("images_web/bar_normal.jpg") repeat-x;
}
.menup  {
background: url("images_web/menu_bar.jpg") repeat-x;
width: 142px;
height: 19px;
font-family: Arial;
color: white;
font-size: small;
}
.menupK {
background: url("images_web/menu_bar.jpg") repeat-x;
width: 142px;
height: 19px;
font-family: Arial;
color: white;
font-size: small;
}
.menupK a {
border-left: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
font-size: small;
padding-top: 1px;
padding-left: 3px;
display: block;
width: 137px;
height: 18px;
color: #2977ad;
text-decoration: none;
font-family: Arial;
}
.menupK a:hover {
padding-top: 1px;
padding-left: 3px;
background: url("images_web/bar_normal.gif") repeat-x;
display: block;
height: 18px;
color: black;
color: white;
text-decoration: none;
}
.menup a {
border-left: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
font-size: small;
padding-top: 1px;
padding-left: 3px;
display: block;
width: 137px;
height: 18px;
color: #2977ad;
text-decoration: none;
font-family: Arial;
}
.menup a:hover {
padding-top: 1px;
padding-left: 3px;
background: url("images_web/bar_normal.gif") repeat-x;
display: block;
height: 18px;
color: black;
color: white;
text-decoration: none;
}

/* RIGHT SIDE */
#rightside {
top: 166px;
position: absolute;
margin-left: 659px;
width: 139px;
}
.pravybar {
padding-left: 13px;
padding-top: 2px;
color: white;
font-family: Arial;
font-size: small;
width: 129px;
height: 18px; 
background: url("images_web/bar_normal.jpg") repeat-x;
}
.pravyobsah img {
margin: 0px !important;
margin: -0px;
}
.pravyobsah {
border-left: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
text-align: center;
height: 305px;
background-color: #cce6f7;
width: 140px;
padding-top: 5px;
color: gray;
font-size: small;
font-family: Arial;
}
.pravy2obsah {
border-left: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
text-align: center;
height: 261px;
background-color: #cce6f7;
width: 140px;
padding-top: 5px;
color: gray;
font-size: small;
font-family: Arial;
}
#right2side {
top: 795px;
position: absolute;
margin-left: 659px;
height: 126px;
background-color: #cce6f7;
width: 142px;
}
#right3side {
top: 503px;
position: absolute;
margin-left: 659px;
width: 139px;
}
#right2sideobsah {
border-left: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
text-align: center;
height: 100%;
background-color: #cce6f7;
width: 140px;
padding-top: 5px;
color: gray;
font-size: small;
font-family: Arial;
}
.pravyobsah a img {
margin-bottom: 0;
}
/* STATS */
#statistika {
background-color: #cce6f7;
width: 142px;
height: 166px;
left: 0;
position: absolute;
top: 422px;
}
.statistika2 {
border-left: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
text-align: center;
padding-top: 12px;
height: 134px;
}
/* img */
img {
border: 0;
}

/* login */
.loginform {
margin: 0;
background-color: #cce6f7;
width: 142px;
height: 132px;
margin-left: 0;
left: 0;
position: absolute;
top: 594px;
}

/* Main login page */
.mainlogin a {
margin: 0;
text-decoration: none;
color: #2977ad;
font-family: Arial;
font-size: 10pt;
}
.mainlogin a:hover {
font-weight: bold;
}
.mainlogin {
border-left: 1px #4d9acf solid;
border-bottom: 1px #4d9acf solid;
border-right: 1px #4d9acf solid;
margin: 0;
height: 105px;
padding-left: 10px;
padding-top: 6px;
color: #2977ad;
font-size: 8pt;
font-family: Arial;
}
.mainloginforminput {
margin: 0;
color: black;
font-size: small;
background-color: #cce6f7;
border: 1px #2977ad solid;
width: 115px;
height: 15px;
color: #2977ad;
font-family: Arial;
}
.mainloginbutton {
margin-top: 5px;
margin-left: 52px;
color: #2977ad;
font-size: small;
background-color: #cce6f7;
border: 1px #2977ad solid;
width: 65px;
height: 18px;
}
.login_connect {
background: url("images_web/login_buttonhovered.jpg");
color: blue;
border: 0px;
width: 66px;
height: 19px;
margin-left: 51px;
margin-top: 2px;
}
.login_connect:hover {
background: url("images_web/login_button.jpg");
}
/* REGISTRACIA */
.regform input {
color: black;
font-size: small;
background-color: #cce6f7;
border: 1px #2977ad solid;
}

.mainloginbutton:hover {

}
/* ODSTAVCE */
p {
margin: 0;
padding: 0;
}
.maliodstavec {
height: 150px;
}
.strednyodstavec {
height: 350px;
}
.velkyodstavec {
height: 500px;
}

/* REKLAMY */
.reklamaprofitux {
z-index: 1;
position: relative;
top: 0;
left: 0;
}
/* LOGIN */
.prihlasenyuser {
font-family: Arial;
font-size: x-small;
}
.prihlasenyuser a{
color: #2977ad;
text-decoration: none;
}

/* ZVONENIA */
.zvoneniamarg {
margin-top: 15px;
margin-left: 39px;
}
.zvonenietable {
text-align: center;
margin-top: 7px;
background-image: url(images_web/pozadia_table_back.jpg);
font-family: Arial;
font-size: small;
width: 400px;
height: 10px;
color: #2977ad;
border: 1px #2977ad solid;
}
.zvoneniepolozka {
width: 100px;
text-align: center;
}
.zvoneniastahuj {
width: 100px;
text-align: center;
}
.zvoneniastahuj, a {
color: #2977ad;
}
/* POZADIA */
.pozadiatable {
background-image: url(images_web/pozadia_table_back.jpg);
margin-top: 10px;
width: 400px;
height: 100px;
border: 1px #2977ad solid;
}
.pozadiamarg {
margin-top: 15px;
margin-left: 39px;
}
.pozadiaobrazok {
height: 100px;
width: 80px;
}
/* JAVAGAMES */
.javagamesobrazok {
height: 100px;
width: 90px;
}
.jgamesstahuj {
text-decoration: underline;
color: #2977ad;
text-align: center;
width: 120px;
text-decoration: none;
}
.nazovjhry {
width: 170px;
font-size: small;
font-family: Century;
color: #2977ad;
}
/* LIYNKY */
#pozadia-vyber-strom a{
font-size: small;
color: black;
}
#pozadia-vyber-strom a:hover{
font-size: small;
color: #2977ad;
}
#linktree a {
margin-right: 2px;
color: black;
font-size: x-small;
}
#linktree a:hover {
color: #2977ad;
}
/* STATS DOWN BAR */
#staticdownbar {
color: #2977ad;

font-size: x-small;
}
/* POZADIA UP */
.catselect {
width: 30px;
text-align: center;
}
.catname {
width: 100px;
text-align: center;
}
/* READ MORE */
.read_bottom {
color: #2977ad;
padding-right: 10px;
padding-top: 2px;
text-align: right;
display: block;
width: 478px;
height: 18px;
background-image: url('images_web/readmore.jpg');
}
.read_bottom a {
color: #2977ad;
text-decoration: none;
}
.read_bottom a:hover {
color: #19527a;
}
.navod_c {
background-color: #d3ebff;

}
.date {
margin-right: 20px;
}
.navodc {

}
/* FOTTER BUTTONS */
.fotterbuttns {
margin-top: 7px;
text-align: center;
}
/* USERLIST TABLES */ 
.userlist_main {
text-align: center;
width: 480px;
border: 1px gray solid;
background-color: #d3ebff;
}
.userlist_nick {
width: 100px;
text-align: center;
border-right: 1px gray solid;
}
.userlist_mail {
width: 100px;
text-align: center;
border-right: 1px gray solid;
}
.userlist_pozicia {
width: 100px;
text-align: center;
}
/* PARAGRAPH OD */
.prod {
position: absolute;
margin-top: -63px;
margin-left: 305px;
}
.modsek {
margin-left: 35px;
}
/* NADPISI */
h3 {
font-family: Arial;
font-size: small;
margin: 0px;
font-weight: normal;
}
h1 {
font-family: Arial;
font-size: small;
margin: 0px;
font-weight: normal;
}
h2 {
font-family: Arial;
font-size: small;
margin: 0px;
font-weight: normal;
}
/* APLIKACIE TABULKY */
.aplikatable {
text-align: center;
background-image: url(images_web/pozadia_table_back.jpg);
margin-top: 10px;
width: 400px;
height: 60px;
border: 1px #2977ad solid;
}
.aplz {
text-align: center;
}
.reksurf {
width: 60px;
height: 74px;
border: 0px;
}
/* BAZAR */
.bazar-produkt {
}
.bazar-user {
font-family: Verdana;
font-size: 10px;
font-weight: bold;
margin: 0;
}
.bazar-popis {
margin: 0 !important;
margin-top: -12px;
font-family: Arial;
}
hr {
width: 100%;
margin: 0px !important;
margin-top: -7px;
margin-bottom: -15px;
border: 0px;
background: #2977ad;
color: #2977ad;
}
.stahuj:hover {
color: white;
}
.nahodny {
border: 1px #4d9acf solid;
width: 100px;
height: 118px;
}
p {
padding: 0;
margin: 0;
}
.ndate {
font-size: x-small;
color: black;
right: 1px;
bottom: 0;
position: absolute;
}
.neviditelny {
display: none;
}
#pageviews_neviditelny {
position: absolute;
visibility: hidden;
top: 42px;
right: 20px;
}
#leftadverts {
position: absolute;
left: 10px;
top: 210px;
}