a { text-decoration: none; }
a:hover { text-decoration: underline; }
label { cursor: hand; cursor: pointer; }
.white { color: white; }
.gray { color: gray; }
.darkgray { color: #555; }
.black { color: black; }
form { display: inline; }
.bold { font-weight: bold; }
.shaddow
{
box-shadow: black 2px 3px 6px; 
-webkit-box-shadow: black 2px 3px 6px;
-moz-box-shadow: black 2px 3px 6px;
}

.small { font-size: 10px; }
.medium { font-size: 12px; }
.large { font-size: 16px; }
.extralarge { font-size: 20px; }


body 
{
background-color: yellow;
font-family: 'Roboto',Arial,Verdana;
}

#header-panel .logo1
{
position: absolute;
top: 27px;
}

#header-panel .logo2
{
position: absolute;
top: 129px;
}

#header #redLine
{
position: absolute;
top: 140px;
left: 0px;
width: 100%;
height: 80px;
background-color: red;
}

#header-panel .headerText
{
position: absolute;
right: 0px;
top: 143px;
color: white;
font-size: 30px;
text-align: right;
}

#header-panel div.mainMenu
{
position: absolute;
bottom: 0px;
height: 50px;
left: 0px;
right: 0px;
text-align: center;
line-height: 60px;
}

#header-panel a.mnuItem
{
font-size: 15px;
color: black;
padding: 0px;
}

#header-panel a.mnuItemSelected
{
text-decoration: underline;
}



#header-panel .separator
{
font-size: 18px;
color: black;
padding: 13px;
}

#header-panel div#langs
{
position: absolute;
top: 22px;
}

div#langs a.lang
{
display: block;
float: left;
width: 30px;
height: 20px;
margin-right: 10px;
background-color: red;
}

div#langs a.cz { background: url('flags.png') 0px 0px no-repeat;  }
div#langs a.en { background: url('flags.png') -30px 0px no-repeat;  }


p#mainTitle
{
font-size: 25px;
font-weight: bold;
}


ul#mainList
{
padding: 0px;
font-size: 16px;
}

ul#mainList li
{
padding: 10px 20px;
list-style-type: none;
background: url('mark.png') 3px 17px no-repeat;
}

div.photos-box
{
position: fixed;
left: 50%;
top: 290px;
width: 200px;
}

.link
{
cursor: hand;
cursor: pointer;
}

.link:hover
{
text-decoration: underline;
}

a.rent_item
{
display: block;
border-radius: 5px;
width: 300px;
height: 110px;
box-shadow: black 3px 3px 10px -2px; 
-webkit-box-shadow: black 3px 3px 10px -2px;
-moz-box-shadow: black 3px 3px 10px -2px;
float: left;
overflow: hidden;
border: 1px solid black;
}

a.rent_item:hover
{
box-shadow: black 3px 3px 3px -2px; 
-webkit-box-shadow: black 3px 3px 3px -2px;
-moz-box-shadow: black 3px 3px 3px -2px;
}