/*
MCP-Softworks, s.r.o.
office@mcpsoftworks.com
All Styles
*/

*  {margin: 0; padding: 0; border: none; }
a  {padding:0; margin:0;}

body {
  background-color: #000000;
  min-height: 600px;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
div.csc-textpic div.csc-textpic-single-image img {padding:0; margin:0;}
.csc-textpic-caption {color:red;}

#RIGHT ul {
  padding:30px;
  margin: 0 auto;
  font-family: Verdana, Arial, Helvetica, "Sans Serif";
  line-height: 16px;
  font-size: 12px;
  position: relative;
  color: #888888;
}
div#header{

display:none;
}
#BASECONTAINER {
  width:1000px;
  clear: both;
  padding:0px;
  margin: 0 auto;
  display:block;
  text-align:left;
  font-family: Verdana, Arial, Helvetica, "Sans Serif";
  line-height: 16px;
  font-size: 12px;
  position: relative;
  color: #fcfcfc;
}
#TOPAREA {
  float: left;
  display:block;
  margin:0px;
  padding-top:25px;
  width:1000px;
  height:138px;
}
#TOPAREA-LOGO {
  float: left;
  display:block;
  margin:0px;
  padding:0px;
  width:305px;
  height:138px;
}


#TOPAREA-RIGHT {
  float: left;
  display:block;
  margin:0px;
  padding:0px;
  width:695px;
    height:138px;
}

#TOPAREA-RIGHT .uno{
  background-color:#000;
    width:695px;
	height:22px;
	  float: left;
}


#TOPAREA-RIGHT .duo{
  float: left;
      width:685px;
  	height:51px;
	background: url('spalife/images/grad.gif') left repeat-x;
	  text-align:right;
  padding-right:10px;
}

#TOPAREA-RIGHT .duo .text, #TOPAREA-RIGHT .duo .text a{
  padding-top:15px;

   color:#666666;
  font-size:90%;
}

#TOPAREA-RIGHT .duo .text a{
   color:#666666;
}

#TOPAREA-RIGHT .duo .text .odstup{
  padding-left:30px;
}

#TOPAREA-RIGHT .duo .text a, {
  padding-top:15px;
  text-align:right;
  padding-right:10px;
}

#TOPAREA-RIGHT .quatro{
  background-color:#000;
    width:695px;
  	height:27px;
		  float: left;
}


#TOPAREA-RIGHT  #MENUAREA {
  float: left;
  display:block;
  margin:0px;
  padding:0px;
    width:695px;
	  	height:38px;
	background: url('spalife/images/menu.jpg') left repeat-x;
}

#TOPAREA-RIGHT  #MENUAREA .text {

  	  	height:38px;
	background: url('spalife/images/menu.jpg') left repeat-x;
  float:left;
  font-size:120%;
    width:695px;
  text-transform:uppercase;

}

#TOPAREA-RIGHT  #MENUAREA .text  .odkazfull
{
  padding-top: 10px;
  margin: 0px;
  
}
#TOPAREA-RIGHT  #MENUAREA .text  .odkazfull li
{
  LIST-STYLE-TYPE: none;
  LIST-STYLE-IMAGE: none;
  float: left;
}
#TOPAREA-RIGHT  #MENUAREA .text .odkaz
{
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #000000;
  
}
#TOPAREA-RIGHT  #MENUAREA .text .odkaz a
{
  display: block;
  text-decoration: none;
  color: #000000;
  font-size:80%;

}
#TOPAREA-RIGHT  #MENUAREA .text .odkaz span
{
  display: block;
  margin: 0;
  padding: 0 15px;

  
}
#TOPAREA-RIGHT  #MENUAREA .text  .odkaz a:hover
{  
  color: #ffffff;
	background: url('spalife/images/menu.jpg') left repeat-x;
  text-decoration: underline;
}
#TOPAREA-RIGHT  #MENUAREA .text .odkazselect a, .odkazselect a:hover
{
  color: #ffffff;
	background: url('spalife/images/menu.jpg') left repeat-x;

}




#MAINAREA {
  float: left;
  display:block;
  margin:0px;
  margin-top:15px;
  width:1000px;
  background-repeat:repeat-y;
}


#MAINAREA #LEFT {
  margin:0;
  float: left;
  display:block;
  width:291px;
  color:#2E629E;
  font-size:90%;
  border-color:#ffffff;
}

#MAINAREA #LEFT .block {
  background-color:#000000;
  margin-bottom:16px;
  border-style:solid;
border-color:#333333;
border-width:1px 1px 1px 1px ;
}
#MAINAREA #LEFT .block h1 {
    padding:10px;
	background: url('spalife/images/header.gif') left repeat-x;
  color:#ffffff;
  font-size:130%;
}

#MAINAREA #LEFT .block h2 {
  padding:10px;
	background: url('spalife/images/header2.gif') left repeat-x;
  color:#ffffff;
  font-size:130%;
}

#MAINAREA #LEFT .block p {
  padding:15px 0px 5px 20px;
  color:#888888;

}

#MAINAREA #LEFT .block a{

}
#MAINAREA #LEFT .block a:hover{

}

#MAINAREA #LEFT a{
  color:red;
  text-decoration:none;
}

#MAINAREA #LEFT a:hover{
  color:red;
  text-decoration:underline;
}

#MAINAREA #RIGHT {
margin-left: 12px;
  float: left;
  display:block;
  width:695px;
  color:#2E629E;
  font-size:90%;
  border-color:#ffffff;
}

#MAINAREA #RIGHT .block {
  border-style:solid;
border-color:#333333;
border-width:1px 1px 1px 1px ;
  margin-bottom:16px;
}
#MAINAREA #RIGHT .block h1 {
  padding:10px;
	background: url('spalife/images/header.gif') left repeat-x;
  color:#ffffff;
  font-size:130%;
}

#MAINAREA #RIGHT .block h2 {
  padding:10px;
	background: url('spalife/images/header2.gif') left repeat-x;
  color:#ffffff;
  font-size:130%;
}

#MAINAREA #RIGHT .block p {
  padding:15px 0px 5px 20px;
  color:#888888;

}

#MAINAREA #RIGHT .block a{
  width:630px;
  min-height:500px;
}
#MAINAREA #RIGHT .block a:hover{
  width:630px;
  min-height:500px;
}

#MAINAREA #RIGHT a{
  color:red;
  text-decoration:none;
}

#MAINAREA #RIGHT a:hover{
  color:red;
  text-decoration:underline;
}
  
#MAINAREA  .more{
  color:red;
  padding-top:10px;
  display:block;
  }
  
#MAINAREA .more a{
  color:red;
  }
  
#MAINAREA .more a:hover{
  color:red;
  }


#BOTTOM {
  background-color: #000000;
  float: left;
  display:block;
  margin:0px;
  width:1000px;
  min-height:70px;
  background-repeat:no-repeat;
border-top: 1px solid #333333;}

#BOTTOM .text {
  padding-left:0px;
  padding-right:10px;
  padding-top:9px;
  padding-bottom:0px;
  float:right;
  font-size:100%;
}

#BOTTOM .text  .odkazfull
{
  padding: 0px;
  margin: 0px;
}
#BOTTOM .text  .odkazfull li
{
  LIST-STYLE-TYPE: none;
  LIST-STYLE-IMAGE: none;
  float: left;
}
#BOTTOM .text .odkaz
{
  position: relative;
  text-align: center;
  white-space: nowrap;
  color: #ffffff;
  
}
#BOTTOM .text .odkaz a
{
  display: block;
  text-decoration: none;
  color: #ffffff;
  
}
#BOTTOM .text .odkaz span
{
  display: block;
  margin: 0;
  padding: 0px 0px 0px 25px
}
#BOTTOM .text  .odkaz a:hover
{  
  color: #ffffff;
  text-decoration: underline;
}
#BOTTOM .text .odkazselect a, .odkazselect a:hover
{
  color: #ffffff;
    text-decoration: underline;
}


#BOTTOM .copy {
  padding-left:0px;
  padding-right:10px;
  padding-top:50px;
  padding-bottom:0px;
  float:right;
  font-size:100%;
  color: #333333;
}

#BOTTOM .copy a{
  color: #333333;
    text-decoration: none;
}

#BOTTOM .copy a:hover{
  color: #333333;
    text-decoration: none;
}


input, select { 
background: url('') left no-repeat;
padding:1px;
width:150px;
height:20px;
border: 1px solid #DADEE0;
color:#3b6ca4;
font-size:120%;
}

.button {
    border: 1px solid #006;
    background: #9cf;
  width:30px;
}


textarea { 
background: url('') left no-repeat;
padding:1px;
width:400px;
height:50px;
border: 1px solid #DADEE0;
color:#3b6ca4;
font-size:120%;
}



fieldset {
background-color: #ffffff;
width:100%; /* or a percentage, or whatever */
padding-top: 13px;
align:center;
border: 1px solid #ffffff;
}

legend {
font-size:120%;
font-weight:bold;
padding:10px;

}

label { display: inline; float: left; margin-right: 10px; color: #3b6ca4; padding:5px; width:150px; font-size:120%;}

 
.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black2.gif');
}


.jdGallery .slideElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ffffff;
background-repeat: no-repeat;
}



.tx-rgsmoothgallery-pi1 {
background:#ffffff;
  float:left;
}
 
#externalthumbs1 {
  float:left;
  width:690px;
  padding-top:10px;
}
 
#externalthumbs1 .label {
  display:none;
}

.carouselInner {
  width:690px;
}
 
.carouselInner .thumbnail {
  float:left;
  margin-bottom: 10px;
}

.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #ffffff;
background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black2.gif');
}

#fotogallery_main {
	margin-top:20px;
 	width:690px;
	float: left;
}

#fotogallery_main .label {
  	display:none;
}
