body
{
	background-position: 0px 7px;
	background-image:url('../img/body_bg.jpg');
	background-repeat: repeat-x;
	margin: 0 0;
	padding: 0 0;
	background-color: #2f2f2f;
  font-family:Arial,Tahoma, "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana;
	font-size:12px;
}


p{	text-align: justify; }

a:active
{
outline: none;
-moz-outline-style: none;
}

a:focus
{
outline: none;
-moz-outline-style: none;
}

.right {
    text-align: right;
    display: block;
    padding-right: 1.5em;
}

#riesenia, #produkty, #sluzby,#referencie,#onas {
    cursor: pointer;
}

#main_menu img {
	position: relative;
	top:20px;
	display: block;
	margin: 0 0;
	outline: 0;
	border-style: none;
}

#jazyky
{
	float:left;
	width:80px;
	height:70px;
	text-align: center;
	position: relative;
	top: 150px;
}

#jazyky img
{
	border:0px;
}

#ramec
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width:100%;
}

#twitter
{
	background:url('../img/twitter.png') no-repeat;
	width:35px;
	height:45px;
	position: relative;
	top: -12px;
	left:5px;
}

#menu
{
	float:left;
	width:208px;
	height:255px;
}

#menu img
{
	border: 0px;
	display: block;
	margin: 0 0;
}

#logo
{
	float:left;
	width:202px;
	height:255px;
}

#logo img
{
	border: 0px;
}
#title
{
	width:406px;
	height:71px;
	border: 1px;
}
#header
{
	width:406px;
	height:184px;
	background-image:url('../img/menu/header_top.png');
}

#banner
{
	float:left;
	width:406px;
	height:255px;
}

#menu_stred
{
	float:left;
	width:10px;
	height:255px;
}

#obsah
{
	position:relative;
	left:15px;
	margin-top:10px;
	margin-bottom:10px;
  padding: 10px;
  width:630px;
	font-size: 14px;
	text-align:left;
	color:#dfdfdf;
}

#obsah .padd{
    padding-left:10px;
}

#obsah .bigger {
    font-size: 14px;
}
#obsah_top
{
	height:28px;
	background-image:url('../img/body_top.png');	
}

#obsah_bg
{
	float:left;
	text-align: left;
	width:693px;
	background-image:url('../img/body_bg.png');
}

#obsah_holder
{
        float:left;
	width:693px;
}

#footer {

        font-size:90%;
        width:680px;
        color:#fff;
}


#space
{
	float:left;
	height:1px;
	width:4px;
}

#bar
{
	float:left;
	width:478px;
	height:26px;
	background-image:url('../img/bar_bg.jpg');
}

#akt
{
	float:left;
	width:248px;
	height:26px;
	background-image:url('../img/aktuality.jpg');
}

#aktuality_body
{
	word-wrap:  break-word;
	font-size: 14px;
	text-align:center;
	color:#dfdfdf;
}

#panel_item_down1, #panel_item_down2
{
	width:233px;
	height:8px;
	background-repeat: no-repeat;
	background-image:url('../img/panel_down.png');
}

.panel_item_body {

	padding:0px;
	margin:0px;
	width:233px;
	background-image:url('../img/panel_bg.png');
        font-size: 12px;
	text-align:left;
	color:#dfdfdf;

}

.panel_item_body p {
padding:5px;
margin:0;
}

.panel_item_body .right {
    text-align: right;
}
.panel_item_body .tweet_list {
list-style:none;
margin:0px;
padding:5px;
}
.tweet_list li {
margin:5px 5px 5px 5px;
border-bottom:solid 1px #6F6F6F;
padding-bottom:5px;
}
.panel_item_body .tweet_list .tweet_avatar {
float:left;
padding: 0 5px 0 0;
}

.panel_item_top {
	width:233px;
	height: 28px;
	background-image:url('../img/panel_top.png');
        font-size: 18px;
	color:#dfdfdf;
}
.panel_item_top p {

        width: 233px;
        margin:0;
        padding:3px 5px 0 5px;
        text-align: center;
}

.panel_item_top #twitter p {
 	
        width: 200px;
        margin:0;
        padding:15px 0 0 40px;
        text-align: left;
}

#aktuality {
	height: 28px;
}

#panel_holder
{
	float:left;
	width:233px;

}

#top
{
	height:255px;
	width:930px;
	margin: 0 auto;
}

#telo
{
	position:relative;
	top: -2px;
	width:930px;
	margin: 0 auto;
}


#hlavicka
{
	height:26px;
	width:930px;
	margin: 0 auto;
}

/* form 2 */

	#form2{
		margin:0;
		color:#000;
		width:600px; /* customize width, this form have fluid layout */
		}
	#form2 fieldset{
		margin:0;
		padding:0;
		border:none;
                float:left;
		display:inline;
		margin-left:0px;
		padding-top:8px;
		}
	#form2 legend{display:none;}
        #form2 p{
                clear:both;
		margin:.5em 0;
		overflow:hidden;
        }
	#form2 label{
                float:left;
		width:120px;
		display:block;
		text-align:right;
		margin-right:10px;
                vertical-align:middle;
                line-height:24px;
                font-size:110%;
}
	#form2 input, #form2 textarea{
		width:220px;
		border:1px solid #111;
		background:#282828 url(../img/form/form_input.gif) repeat-x;
		padding:5px 3px;
		color:#fff;
		}
	#form2 textarea{
		height:80px;
		overflow:auto;
		}
	#form2 p.submit{
		text-align:right;
		}
	#form2 button{
		padding:0 20px;
		height:25px;
		line-height:25px;
		border:1px solid #70ad2e;
		background:#5aae00 url(../img/form/form_button.gif) repeat-x;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}


    .pricelist th{
         background-color: #5e5e5e;
    }
    
    .pricelist tr:hover{
      background-color: #7e7e7e;
      cursor: pointer;
    }
    
    hr{
      margin-bottom: 2em;
    }
/* // form 2 */

.next, .prev {
    /* absolute positioning relative to the overlay */
    position:absolute;
    top:40%;

    /* upcoming CSS3 rounded border feature */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
    position:absolute;
    top:45%;
    left:50%;
    display:none;
}

/* active thumbnail is raised on top of the mask using the z-index property */
#thumbs a.active img {
    outline:1px solid #000;
    z-index:9999;
    position:relative;
}

#obsah ul{
	list-style-type: circle;
	list-style-image: none;
	list-style-position: outside;
}