* {
margin:0;
padding:0;
}

body {
font-family:Arial, Helvetica, sans-serif;
background:#000;
color:#ab6504;
font-size:1em;
text-align:center;
min-width:890px;
}

#noscreen {
left:0;
width:200px;
position:absolute;
top:-1000px;
}

h1,h1 span {
font-size:2em;
height:100px;
width:242px;
left:0;
top:0;
overflow:hidden;
position:absolute;
z-index:1;
}

h1 span {
background:transparent url(../design/logo_rififi.gif) no-repeat scroll 0 0;
cursor:pointer;
display:block;
left:0;
top:0;
z-index:2;
}

h2 {
font-size:2.3em;
margin: 28px 0 0 0;
color: #d79f27;
padding:0;
}

h3 {
font-size:1.5em;
color: #d79f27;
margin: 25px 0 10px 0;
}

h4 {
color: #d79f27;
font-size:1.4em;
}

a {
  color: #d79f27;
}

a:hover {
  color: #a85800;
}

ul {
  list-style: none;
  margin: 0 0 0 0;
}

p {
padding:10px 0 0;
}

a,input { 
  outline:none; 
}

strong{
  color: #d79f27;
}

fieldset {
  border:0;
}

input,textarea {
border:0;
color: #d79f27;                                                           
font-family:Arial, Helvetica, sans-serif;
padding: 3px 5px;
margin: 0 0 5px 0;
font-size: 1em;
}

input {
background:url(../design/input_bg.gif) repeat-x 0 0;
height:22px;
width:230px;
}

textarea {
background:url(../design/textarea_bg.gif) repeat-x 0 0;
width:230px;
}
  
img {
border:0;
}

table{
border-collapse:collapse;
}


#header_wrapper {
background: url(../design/sky_bg.jpg) repeat-x scroll 0 0; 
text-align:left;
}
#header_bg {
background: url(../design/head_bg.jpg) no-repeat center bottom;
}

#head {
width:990px;
height:360px;
margin: 0 auto;
position:relative;
}


#content_wrapper {
background: url(../design/earth_bg.jpg) repeat-x scroll; 
}

#content {
text-align:left;
width: 990px;
min-height: 660px;
font-size:0.75em;
margin: 0 auto;
}
/*--MENU---*/

#menu{
float:right;
height:50px;
}
  
#menu ul {
position:absolute;
top:0;
left: 412px;
  
list-style-type:none; 
margin:0;  
padding:0;
}

#menu ul li {
float:left;
padding:0;
}

#menu ul li a {
display:block;
padding-top:10px;
position:relative;
cursor:pointer; 
}

#menu ul li span {
height:50px;
left:0;
position:absolute;
top:0;
}
   
#rififi_m {
width:88px;
}

#rififi_m span {
background:transparent url(../design/rififi_m.gif) no-repeat;
width:88px;
}

#rififi_m:hover span {  
background-position:-88px 0;
}

#rififi_m_active {
height:50px;
width:88px;
overflow:hidden;
position:relative;
z-index:1;
}

#rififi_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:88px;
height:50px;
background:url("../design/rififi_m.gif") -88px 0 no-repeat;
margin:0;
padding:0;
}

#portfolio_m {
width:102px;
}

#portfolio_m span {
background:transparent url(../design/portfolio_m.gif) no-repeat;
width:102px;
}

#portfolio_m:hover span {  
background-position:-102px 0;
}

#portfolio_m_active {
height:50px;
width:102px;
overflow:hidden;
position:relative;
z-index:1;
}

#portfolio_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:102px;
height:50px;
background:url("../design/portfolio_m.gif") -102px 0 no-repeat;
margin:0;
padding:0;
}

#sluzby_m {
width:91px;
}

#sluzby_m span {
background:transparent url(../design/sluzby_m.gif) no-repeat;
width:91px;
}

#sluzby_m:hover span {  
background-position:-91px 0;
}

#sluzby_m_active {
height:50px;
width:91px;
overflow:hidden;
position:relative;
z-index:1;
}

#sluzby_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:91px;
height:50px;
background:url("../design/sluzby_m.gif") -91px 0 no-repeat;
margin:0;
padding:0;
}

#cenik_m {
width:88px;
}

#cenik_m span {
background:transparent url(../design/cenik_m.gif) no-repeat;
width:88px;
}

#cenik_m:hover span {  
background-position:-88px 0;
}

#cenik_m_active {
height:50px;
width:88px;
overflow:hidden;
position:relative;
z-index:1;
}

#cenik_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:88px;
height:50px;
background:url("../design/cenik_m.gif") -88px 0 no-repeat;
margin:0;
padding:0;
}

#kontakt_m {
width:104px;
}

#kontakt_m span {
background:transparent url(../design/kontakt_m.gif) no-repeat;
width:104px;
}

#kontakt_m:hover span {  
background-position:-104px 0;
}

#kontakt_m_active {
height:50px;
width:104px;
overflow:hidden;
position:relative;
z-index:1;
}

#kontakt_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:104px;
height:50px;
background:url("../design/kontakt_m.gif") -104px 0 no-repeat;
margin:0;
padding:0;
}

 #czech_m {
width:51px;
position:relative;
}

#czech_m span {
background:transparent url(../design/czech_m.gif) no-repeat;
width:51px;
}

#english_m {
width:52px;
}

#english_m span {
background:transparent url(../design/english_m.gif) no-repeat;
width:52px;
}

#english_m:hover span {  
background-position:-52px 0;
}

#english_m_active {
height:50px;
width:52px;
overflow:hidden;
position:relative;
z-index:1;
}

#english_m_active span {
display:block;
position:absolute;
left:0;
top:0;
z-index:1;
width:52px;
height:50px;
background:url("../design/english_m.gif") -52px 0 no-repeat;
margin:0;
padding:0;
}

/*---PORTFOLIO---*/
#portfolio_wrapper{
background:#000 url(../design/portfolio_bg.jpg) no-repeat 0 0;
float: left;
width: 710px;
height: 660px;
margin:0;
padding:0 0 0 30px;
}   

#portfolio{
height: 550px;
margin:31px 0 0 0;
padding:0 0 0 0;
text-align: center;
}

.item {
float: left;
width: 196px;
height: 150px;
margin:0 32px 20px 7px;
padding: 0;
font-size:0.9em; 
line-height: 1em;
}

.item img {
margin: 0 0 14px 0;
}

.item a {
text-decoration: none;
color: #884903;
}

.item p span{
color: #b27322;
}

.item p {
  padding:0;
}

#visit_portfolio {
width: 176px;
margin: 0 auto;
}

#visit_portfolio a {
background:url(../design/portfolio_btn.gif) no-repeat 0 0;
width:141px;
height:35px;
float: left;
}

#visit_portfolio a:hover {
background-position:-141px;
}
/*---PORTFOLIO SUBPAGE---*/
#subpage_portfolio {
background:#000 url(../design/portfolio_large_bg.jpg) no-repeat 0 0;
float: left;
width: 960px;
min-height: 660px;
padding:0 0 0 30px;
position: relative;
}

#subpage_portfolio #portfolio_large{
height: 550px;
margin:31px 0 0 1px;
padding:0 0 0 0;
}

#portfolio_large .item{
width: 196px;
height: 150px;
margin:0 36px 20px 7px;
padding: 0;
text-align: center;
}

ul.list_pages {
position: absolute;
top: 600px;
left: 450px; 
font-weight: bold;
font-size: 1em;
}
ul.list_pages li {
	display: inline;
}
ul.list_pages li a span {
	padding-left:7px;
	line-height: 1.8em;
}

ul.list_pages li a {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../design/btn_next_screen.gif) no-repeat 0 0;
	margin: 3px 5px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

ul.list_pages li a:hover,ul.list_pages li a.current  {
	background: url(../design/btn_next_screen_a.gif) no-repeat 0 0;
}


/*---SUBPAGE---*/
#subpage_wrapper {
background:#000 url(../design/subpage_bg.jpg) no-repeat 0 0;
float: left;
width: 710px;
min-height: 770px;
padding:0 0 0 30px;
position: relative;
}

#subpage_wrapper_short {
background:#000 url(../design/subpage_bg_short.jpg) no-repeat 0 0;
float: left;
width: 710px;
min-height: 770px;
padding:0 0 0 30px;
position: relative;
}

#img_ref {
margin: 30px 0 30px 8px;
}

#ref_items {
float: left;
width: 65px;
}

#ref_desc {
float: left;
width: 470px;
color: #bf7c1b;
}

#ref_next {
float: left;
width: 130px;
}

#subpage_empty_wrapper{
background:#000 url(../design/subpage_empty_bg.jpg) no-repeat 0 0;
float: left;
width: 680px;
min-height: 660px;
padding:0 30px 0 30px;
position: relative;
}

#subpage_empty_wrapper h2{
margin: 28px 0 15px 0;
}

#subpage_large_wrapper{
background:#000 url(../design/subpage_large_bg.jpg) no-repeat 0 0;
float: left;
width: 680px;
min-height: 770px;
padding:0 30px 0 30px;
position: relative;
}

#subpage_large_wrapper h2{
margin: 28px 0 15px 0;
}

.left_box{
float:left;
width: 315px;
}

/*---SERVICES---*/
#services{
background: url(../design/services_bg.jpg) no-repeat 0 0;
float: right;
width: 220px;
height:660px;
margin:0 0 0 0;
padding: 0 0 0 30px;
line-height: 1.5em;
}

#services h3{
color:#a95900;
}

#services li {
background: url(../design/list_arrow.gif) no-repeat scroll 0 7px;
padding:0 0 5px 12px;
}

#services_btn {
width:160px;
margin: 37px auto 0;
}

#services_btn a{
background:url(../design/services_btn.gif) repeat scroll 0 0;
width:139px;
height:35px;
float: left; 
}

#services_btn a:hover {
background-position:-139px;
}
.services_box{
float:left;
width: 195px;
line-height: 1.5em;
margin: 10px 0 0 0;
}

.services_box li{
background:url("../design/list_arrow_yellow.gif") no-repeat scroll 0 5px;
padding:0 0 5px 12px;
}

/*---REFERENCES---*/
#reference_list{
background: url(../design/reference_list_bg.jpg) no-repeat 0 0;
float: right;
width: 220px;
height:770px;
margin:0;
padding: 0 0 0 30px;
line-height: 1.5em; 
}
               

.reference_screen_img{
font-size: 0.9em;
text-align:center;
line-height:1em;
margin: 28px 29px 0 0; 
height:153px; 
}
.reference_screen_img p{
padding: 16px 0 0 0;
}
 
.reference_screen_img span{
color: #b27322;
}

/*---CENIK---*/
table.tab_cenik{
margin:0 0 5px 0;
width: 680px;
}

.tab_cenik th {
background:#000;
color:#dca21a;
padding:10px;
text-align:left;
}

.tab_cenik td {
background:#000;
padding:10px;
}

.tab_cenik .tab_empty {
background:none;
height:1px;
padding:0;
}

/*---FOOT---*/
#foot_bg{
background: url(../design/foot_bg.jpg) no-repeat scroll center bottom;
height: 276px;
}

#foot_wrapper {
 margin: 0 auto;
 width: 990px;
 height: 320px;
 text-align: left;
 font-size: 0.9em;
}

#foot_wrapper strong{
  color:#ab6504;
}

#foot_wrapper h3{
 font-size: 1.7em;
 margin: 20px 0 25px 0;
}

#about {
float: left;
width: 275px;
height: 270px;
padding: 0 30px;
}

#rififi_left{
float: left;
width: 80px;
min-height: 145px;
}

.more_info a {
background:url(../design/more_info_btn.gif) no-repeat 0 0;
width:72px;
height:25px;
float: right;
margin: 21px 0 0 0;
}

.more_info a:hover {
background-position:-72px;
}


#photos {
float: left;
width:290px;
height: 270px;
padding: 0 30px;
}

#photos img{
margin: 0 6px 8px 0;
}

#twitter_box {
float: left;
width: 240px;
height: 270px;
padding: 0 30px;
}

                   
.send_btn {
padding:0;
width:65px;
height:25px;
}

#foot_left {
  float:left;
  margin: 15px 0 25px 30px;
}

#foot_right{
  float:right;
  margin: 15px 30px 25px 0;
}

/*---OTHERS---*/  
.right{
float:right;
}                 
.center{
text-align:center; 
} 
.small{
font-size: 0.9em;
font-style:italic;
}                
.clr  {
display: block;
clear: both;
height: 0;
overflow: hidden;
width: 100%;
}
.separator_h {
background:url("../design/separator_h.gif") repeat-x scroll 0 0;
clear:both;
height:1px;
margin:0 0 15px;
width:100%;
}
.separator_v {
background:url("../design/separator_v.gif") repeat-y scroll 0 0 transparent;
float:left;
height:195px;
margin:25px 20px;
width:1px;
}
.text-right{
text-align: right;
}

/*---LIST and SITEMAP and TWITTER---*/
ul.sitemap{
  margin: 20px 0 0 10px;
}
.sitemap li{
  background:url("../design/list_arrow.gif") no-repeat scroll 0 5px;
  padding: 0 0 5px 12px;
}

ul.list{
  margin: 20px 0 0 0;
}
.list li{
  background:url("../design/list_arrow_yellow.gif") no-repeat scroll 0 5px;
  padding: 0 0 10px 12px; 
}
.list li span{
  font-size:0.9em;
  font-style:italic;
}

.sitemap_col{
  float:left;
  width:200px;
  margin:20px 0 0 20px;
}

.sitemap_col li{
  background:url("../design/list_arrow.gif") no-repeat scroll 0 5px;
  padding: 0 0 5px 12px;
  font-size:0.9em;
  margin:2px 0;
}

#twitter li{
margin: 0 0 10px 0;
padding:0;
}


/*---E-mail form---*/
.tab_kontakt, .tab_kontakt_form{
width: 320px;
margin: 0 0 5px 0;
}

.tab_kontakt th {
background: #000;
color:#dca21a;
text-align:left;
padding:10px;
}

.tab_kontakt td {
background: #000;
padding:10px;
}

.tab_kontakt .tab_empty {
background:none;
height:1px;
padding:0;
}

.tab_kontakt_form input{
width: 215px;
}

.tab_kontakt_form textarea{
width: 285px;
height: 115px;
margin:0;
}

.tab_kontakt_form input.send_btn {
width: 65px;
margin: 0 15px 15px 0;
}

.tab_kontakt_form th {
background: #000;
color:#dca21a;
text-align:left;
padding: 0 0 0 10px;
}

.tab_kontakt_form td {
background: #000;
padding: 15px 0 0 10px;
}

.tab_kontakt_form .tab_empty {
background:none;
height:1px;
padding:0;
}

.tab_kontakt #tabfoot {
color:#dca21a;
font-size:0.9em;
padding:10px 0 0 20px;
}

.hidden {
display: none;
}

#email_form p{
color:#ba481b;
padding: 0 0 5px 0;
font-size:0.9em;
}
#email_form h3{
font-size:1.3em;
margin: 15px 0;
color:#ba481b;
}

/*--- SLIDESHOW REFERENCES ---*/
.slideshow {
	position: relative;
	width: 666px;
	height: 546px;
	margin: 30px 0 30px 8px;
}
.slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
}
ul.recentlist {
	position: absolute;
	top: 612px;
	left: 525px; 
	list-style: none;
	z-index: 2;
	font-weight: bold;
	font-size: 1em;
}
ul.recentlist li {
	margin: 0;
	padding: 0;
	display: inline;
}
ul.recentlist li a span {
	padding-left:7px;
	line-height: 1.8em;
}

ul.recentlist li a, ul.recentlist li a:visited {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	background: url(../design/btn_next_screen.gif) no-repeat 0 0;
	margin: 3px 4px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

ul.recentlist li a:hover, ul.recentlist li a:visited:hover {
	background: url(../design/btn_next_screen_a.gif) no-repeat 0 0;
}
ul.recentlist li a.current {
	background: url(../design/btn_next_screen_a.gif) no-repeat 0 0;
}

/*--- SLIDESHOW PHOTOS ---*/ 
.photoShow{
height: 142px;
}

.photoShow div{
height: 142px;
width: 295px;
}

.photoNav{
float: right;
width: 110px;
height: 40px;
z-index: 9999;
margin: 15px 0 0 0;
}

#nextPhoto, #prevPhoto{
display:block;
float: left;
width: 40px;
height: 25px;
margin: 0 5px 0 10px;
text-indent: -9999em;
background: url(../design/nextphoto.gif) no-repeat 0 0; 
}

#prevPhoto{
background: url(../design/prevphoto.gif) no-repeat 0 0; 
}

#nextPhoto:hover, #prevPhoto:hover{
background-position: -40px 0; 
}