@import url("menu.css");

/*----------------- Nastaveni body -------------------*/
html, body {
height: 100%;	 
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
  background: black url("../img/bground.png") fixed no-repeat;
  background-size: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#shadow{
  background: url("../img/shadow.png");
  width: 981px;
  margin: auto;
  float: center;
}

/*----------------- Nastaveni hlavních objektů -------------------*/

img {border: 0px}

a {text-decoration: none; color: #325255; font-weight: bold; border: none}
a:hover, a.active {text-decoration: underline}

a.back {border: 1px solid black; float: left; position: relative; top: 10px}
/*----------------- Nastaveni tela --------------------- */
#maincont {
	width: 955px;
	/*height: 800px;*/
	float: center;
	margin: auto;
}

#shower{
  background: url("../img/shower.png");
  width: 99px;
  height: 115px;
  position: absolute;
  left: -99px;
  top: 20px;
  z-index: -1;
}

#bathtub{
  background: url("../img/bathtub.png");
  width: 211px;
  height: 169px;
  position: fixed;
  left: 0;
  bottom: 5px;
  z-index: -1;
}

#header {
  background: #EBEBE6 url("../img/header_img.jpg") 0 -40px;
  width: 955px;
  height: 320px;  
  float: left;
  position: relative;
  border-bottom: grey thin solid;
}

#phone{
  background: url("../img/phone.png");   
  width: 388px;
  height: 92px;
  position: absolute;
  top: 170px;
  left: 30px;
  font-size: 30pt;
}

#bubbles{
  background: url("../img/bubbles.gif");
  
  width: 130px;
  height: 200px;
  position: absolute;
  bottom: 0;
  left: 10px; 
}

#mainmenu {
  
  height: 30px;
  width: 955px;
  position: absolute; 
  bottom: 0;
}

#logo {
  background: transparent url("../img/logo.png"); 
	float: right; 
	width: 500px;
	height: 85px;
  position: relative;
  top: 30px;
  right: 15px;
}

#logpanel {
  color: #ACA54F;
  font-weight: bold;
  font-size: 7pt;
  height: 12px;
  margin: 2px 5px;  
  text-align: right;
  margin-left: 640px;
  position: absolute;
  width: 300px; 
}

#logpanel a {
  color: #297E7E;
}

#logform {
  width: 370px;
  margin: 0;
  font-weight: bold;
  text-align: right;
  padding: 50px 10px;  
}

#formdiv {
  float: right;
  font-weight: bold;
  text-align: right;
  width: 300px; 
}

.fb-like {
  float: left;
  margin: 12px 10px;
}

#fb-logo a{
  background-image: url("../img/fb_logo.png");
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 165px;
  margin: 3px 10px;
  opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

#fb-logo a:hover{
  opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

#cont {
  width: 955px;
  float: left;
  color: black;
  background: white;
  position: relative;      
} 

#msg{
  height: 20px;
  text-align: center;
  font-weight: bold;
  color: white; 
  padding-top: 10px; 
  position: absolute;
  top: 0;
}

#msg .error {
    background-color: #FB0000;
}

#msg .info {
    background-color: #297E7E;
}


#rightpanel{
  width: 300px;
  float: right;
  position: relative;
}

#contact{
  padding: 20px;
  width: 295px;
  height: 220px;
  position: absolute;
  background: transparent url('../img/submit_query_bg.png') no-repeat;
  font-size: 10px;
  color: #666;
  top: 20px;
  right: -40px;
  z-index: 50;
}

#contact h1{
  color: black;
} 

#cont-cont{
  width: 500px;
  min-height: 500px;
  float: left;
  padding: 10px 30px;
  text-align: left;
  position: relative;
}

.prev{
  background-image: url("../img/bgn.png");
  width: 80px;
  height: 80px;
  float: left;
  padding: 4px;
  margin: 2px;
  border: #999999 solid 1px;
}

.prev img{
  width: 80px;
  border: 0;
}

.prev:hover{
  background-image: url("../img/wbg.png");
  border: white solid 1px;
}

.prev .mdescript{
  background-image: url("../img/bg.png");
  width: 77px;
  visibility: hidden;
  position: absolute;
  padding-left: 3px;
}

.prev:hover .mdescript{
  visibility: visible;
}

#title {
  color: black; 
}

#cont-cont-cont{
  width: 600px;   
  text-align: left;
  padding-right: 20px;
  text-align: justify;
}

#back-label{
  width: 382px;
  float: left;
  margin-bottom: 5px;
  text-align: left;
}
    
#dddesign{
  width: 640px;
}

#dddesign img{
  float: left;
  margin: 5px;
}

#pagecont {
  width: 600px;
}

/* ------------------------ galerie --------------------*/

#shows {width: 600px;}
#shows a{font-weight: normal}

#shows tr {background-color: #CFE3E9; color: #3f2f0c; font-size: 8pt;}
#shows.gall tr {background: #E1E1E1 url("../img/bg_gall_2.gif") no-repeat right bottom; color: grey}
#shows tr.odd {background-color: white}
#shows.gall tr.odd {background: #FFCC33 url("../img/bg_gall.gif") no-repeat right bottom;}

#shows tr a {color: black}
#shows td {text-align: left; padding: 3px 10px; vertical-align: top; padding: 5px}
#shows td.date {width:70px}
#shows tr.odd div.titimg
{
  background: url("../img/frame.png") no-repeat;
  text-align: center;
  float: left;
  width: 133px;
  height: 95px;
  position: relative;
  left: 10px;
}
  
#shows div.titimg 
{
  background: url("../img/frame.png") no-repeat;
  text-align: center;
  float: left;
  width: 133px; 
  height: 95px;
  position: relative;
  left: 10px;

}
#shows div.titimg img {margin-top: 12px; height: 70px}
#shows div.descript {padding: 10px 20px; float: left}

.picture{
  float: left;
  width: 115px;
  height: 100px;
  border: 1px solid #3f2f0c;
  text-align: center;
  margin: 2px;
  font-size: 6pt;
  font-weight: bold;
}

.picture img {
  height: 79px;
}

#gallery-music {
  text-align: left;
}

#gallery-music img{
   border: black solid thin;
   margin: 5px;
   height: 90px;
   width: 120px;
   opacity: 0.7;
	 filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

#gallery-music img:hover{
   opacity: 1;
	 filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
}


#emptyspace{
  height: 500px;
  float: left;
}

#calc {display: none}

#user-cont {
  width: 320px;
  height: 310px;
  float: left;
  /*border: white 1px dotted; */
  margin-left: 40px;  
}

#user-cont-cont {
  width: 300px;
  height: 270px;
  float: left; 
}

#payout-panel
{
  background-image: url("../img/bgn.png");
  float: left;
  width: 300px;
  height: 25px;
  padding: 5px 10px;
  color: yellow;
  font-weight: bold;
}


#detail {
  width: 300px;
  height: 293px;
  text-align: center;
  overflow: hidden;
  padding-top: 15px;
}

#description{
    margin-top: 50px;
    padding: 5px;
    width: 290px;
    background-image: url("../img/upanel_bg.png");
    text-align: justify;
    
}

#dtshirt{ 
  position: absolute;
  margin-left: 20px;
}

#dtshirt img{
  height: 280px; 
  border: none;   
  }

#dmotive{
  position: absolute;
  top: 60px;
  width: 100%;
}

#dmotive img{
  height: 70px;   
}

#dmotive-full{
  position: absolute;
  top: 50px;
  width: 100%;   
}

#dmotive-belt{
  position: absolute;
  top: 3px;
  width: 100%;
}

#dmotive-belt img{
  height: 280px; 
}

#dmotive-full img{  
max-height: 200px; 
max-width: 100px;
height: auto;
width: auto;

}

#cord{
  position: absolute;
  top: 0px;
}

#cord img{
  width: 100%;
  height: 100%;

}

#roly-logo{
  background-image: url("../img/roly_logo.png");
  width: 81px;
  height: 56px;
  position: absolute;
  margin-left: 270px;
  margin-top: -23px;
}

#tshirt-description
{
  background-image: url("../img/bg.png");
  width: 300px;
  border: white solid 1px;
  visibility: hidden;
  position: absolute;
  margin-left: -300px;
  margin-top: -60px;
  padding: 5px;
  text-align: justify; 
  z-index: 50;
}

#roly-logo:hover #tshirt-description
{
  visibility: visible;
}

#tshirt-foto
{
  background-image: url("../img/wbg.png");
  width: 75px;
  position: absolute;
  margin-left: 266px;
  margin-top: 250px;
  padding: 3px 5px;
  text-align: right;
}

.foto-number
{
  width: 5px;
  background-color: #EA0000;
  margin: 1px;
  padding: 0 2px;
}

/*#user-cont .prev img {
  width: 85px;
  height: 85px;
  float: left;
  padding: 5px;
  border: white solid 1px;
  margin: 2px;
}*/



#user-cont a {color: white}

#wizard-buttons{
  position: relative;
  top: 65px;
  margin: auto; 
}

#wizard-buttons td{
  padding: 0 8px 0 15px;
}

#wizard-labels{
  position: relative;
  top: 60px;
  margin: auto;  
}

#wizard-labels td{
  text-align: center;
  width: 72px; 
}

#footer {
  background: white url("../img/header_img.jpg") bottom;
  width: 955px;
  height: 80px; 
	margin: 0px;
	text-align: center; 
	float: left;
  position: static;
  bottom: 0;
  border-top: grey thin solid;
}

#bottom-image{
    width: 250px;
    height:250px;
    background: url('../img/bathroom_girl_pr.png') no-repeat;
    background-size: 250px;
    position: absolute;
    right: 20px;
    bottom: 0px;
    text-align: center;
}

#minfo{
  background-image: url("../img/bgw_50.png");
  width: 955px;
  height: 25px;
  padding-top: 10px;
  float: left;
}

#minfo a{
  color: black;
}

#copyright{
  margin-top: 15px;
  width: 944px;
  float: left;
  font-weight: bold;
}

#auth {color: #55A0FF; font-weight: bold}

#rightnavigation {
  background: #666666 url("../img/rightpanelbg.gif");
	padding-right: 1em; 
	padding-left: 1em; 
	float: right; 
	padding-bottom: 1em; 
	margin: 1px 0px; 
	width: 160px;
	height: 400px;
	padding-top: 1em;
	border-left: black dashed 1px;
}

#regform{
  float: left;
  text-align: right;
  width: 300px;
}

#news {
  text-align: left;
}

.new-news {
  color: yellow;
}

.tabsize{
  margin-bottom: 2px;
}

.tabsize td{
  background-image: url("../img/wbg.png");  
}
/* ------------------------ Skryti oddelovacu --------------------*/
.hidden, .break hr {
	display: none;
}

.break {
	display: block;
	clear: both;
	font-size: 1px;
	visibility: hidden;
	width: 100%;
}

/*----------------- Formátování nadpisů -------------------*/
h1{
  font-size: 12pt;
  margin-bottom: 15px;
  color: #FF6600;
}

h2 {
	font-size: 10pt;
}
h3 {
	font-size: 7pt;
}
h4 {
	font-style: italic;
	font-weight: normal;
}

.text-right{
  text-align: right;
}



#ordertable {
  border: black solid 1px;
  width: 100%;
  text-align: center;  
}

#ordertable img {
  width: 65px;
  height: 50px
  }
#payment {
  width: 500px;
  text-align: left;
}

#totalprice {
  width: 500px;
  text-align: right;
  padding: 10px
}


  
#order {
  float: left;
  border: black solid 1px; 
  text-align: left;
  width: 500px
}