/* CSS Document */

body, html {
background: url(../pictures/background/sicorubena-top.jpg) repeat-x #191919;
font-family: verdana, "Geneva CE", lucida;
color: #000;
text-align: center;
line-height: 1.8em;

}

.frame {
background-color: white;
font-size: 0.8em;
border-collapse: collapse;
border: 2px solid white;
text-align: center;
width: 900px;
}

/* Horní menu a logo */ 

.top {
height: 200px;
background: url(../pictures/background/sicorubena.jpg) repeat-x #4574ba;
margin: 0;
padding: 4em 0 1em 1em;
width: 200px;
text-align: left;
}

.top-menu {
padding: 0;
margin: 0;
text-align: right;
width: 25%;
font-size: 1.2em;
font-weight: bold;
border-bottom: 1px solid gray;
border-top: 1px solid white;
}

.top-menu a  {
display: block;
background-color: black;
padding: 1.2em 1.6em 1.2em ;
}

.top-menu a:hover{
color: black;
background: url(sadsa.jpg) black;
}

#preselt {
background: url(../pictures/background/rubena-menu-bg-preselt-hover.jpg) no-repeat orange;
}

#preselt:hover {
background: url(../pictures/background/rubena-menu-bg-preselt.jpg) no-repeat grey;
text-decoration: underline;
}

#csovek {
background: url(../pictures/background/rubena-menu-bg-csovek-hover.jpg) no-repeat grey;
}

#csovek:hover {
background: url(../pictures/background/rubena-menu-bg-csovek.jpg) no-repeat grey;
text-decoration: underline;
}

#profilok {
background: url(../pictures/background/rubena-menu-bg-profilok-hover.jpg) no-repeat grey;
}

#profilok:hover {
background: url(../pictures/background/rubena-menu-bg-profilok.jpg) no-repeat grey;
text-decoration: underline;
}

#szigeteles {
background: url(../pictures/background/rubena-menu-bg-szigeteles-hover.jpg) no-repeat grey;
}

#szigeteles:hover{
background: url(../pictures/background/rubena-menu-bg-szigeteles.jpg) no-repeat grey;
text-decoration: underline;
}


/* OBSAH */ 

.left-content {
vertical-align: top;
margin: 0;
padding: 1em 1em 1em 3em;
width: 700px;
text-align: left;
border-left: 1px solid #ddd;
}

/* NADPISY */

h1 {
color: #555;
font-weight: bold;
line-height: 1.33em;
font-size: 1.8em;
margin: 0em;
padding: 0.5em 0 1em 0;
}

h2 {
color: #333;
font-weight: bold;
line-height: 1.33em;
font-size: 1.2em;
margin: 0em;
padding: 1em 0;
}

/* TEXT */

p {
line-height: 1.33em;
padding-bottom: 1em;
margin: 0;
}

/* ODKAZY */

a:link {font-weight:bold; text-decoration: none; color: #036;}
a:visited {font-weight:bold; text-decoration: none; color: #036;}
a:hover {font-weight:bold; text-decoration: underline; color: #c00}
a:active {font-weight:bold; text-decoration: none; color: #c00;}


/* OBJEDNAVKA TABULKA */

.form-table {
}

.form-table td {
margin: 0;
padding: 0.3em 1em 0.3em 0;
}

.form-title {
background: url(../pictures/background/sicorubena-bottom.jpg);
border: 1px solid gray;
padding: 0.3em 1em 0.3em 1em;
margin: 1em 0 0.5em 0;
}

.form-table h2{

padding: 0;
}

/* TABULKY */ 

table {
font-size: 1em;
}

table.normal {
margin: 1em 0 1em 0;
font-size: 1em;
border: 1px solid rgb(204,204,204);
border-collapse: collapse;
}

table.normal td, th {
padding: 0.3em 0.8em 0.3em 0.8em;
border: 1px solid rgb(204,204,204);
}

table.normal th {
background-color: #eee;
}

.normal {

}

.normal td, th {
text-align: left;
}

/* OBRAZKY */

.pic {
margin: 2em;
float: left;
}

.pic-right {
float: right;
margin: 0 1em 2em 2em;}

/* Pravé menu */

.right-menu table {
border: 1px dotted #ccc;
border-collapse: collapse;
width: 100%;
padding: 0;
margin: 0;
}

.right-menu td {
list-style: none;
border-bottom: 1px dotted #ccc;
}

.right-menu {
vertical-align: top;
margin: 0;
padding: 1em 1em 1em 1em;
width: 200px;
text-align: left;
}

.right-menu-items {
padding: 1em;
}

#tuning {
background: url(/pictures/background/sicorubena-tuning.jpg) no-repeat;
padding: 1em 0 1em 55px;
}

#tuning:hover {
background: url(/pictures/background/sicorubena-tuning-hover.jpg) no-repeat;
}

#elerhetoseg {
background: url(/pictures/background/sicorubena-elerhetoseg.jpg) no-repeat;
padding: 1em 0 1em 55px;
}

#elerhetoseg:hover {
background: url(/pictures/background/sicorubena-elerhetoseg-hover.jpg) no-repeat;
}

#rendeles {
background: url(/pictures/background/sicorubena-rendeles.jpg) no-repeat;
padding: 1em 0 1em 55px;
}

#rendeles:hover {
background: url(/pictures/background/sicorubena-rendeles-hover.jpg) no-repeat;
}


/* SPODEK */

.bottom {
border: 1px solid #ccc;
height: 3em;
color: grey;
background: url(../pictures/background/sicorubena-bottom.jpg) grey;
}

.bottom a {color: grey; font-weight: normal;}