/****************************************/
/*              RESET                   */
/****************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, 
li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
:focus {
	outline:0;
}
body {
	line-height:1;
	color:#595959;
  /*overflow-y: auto !important;*/
  margin: 0 !important;
}
ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	/*font-weight:400;*/
}
.clear {
	clear: both;
}
.clear.big {
	padding-bottom: 30px;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.center {
  text-align: center;
}

hr.wall {
  width: 100%;
  clear: left;
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
hr.gap {
  float: left;
  width: 100%;
  clear: left;
  border: none;
  padding: 15px 0px 15px 0px;
  margin: 0px 0px 0px 0px;
}

/* ----- clear fix for floats ----- */
 .clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
/* hides clearfix from IE-mac */
 .clearfix {
	display:block;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
html, body {
	height: 100%;
}
html {
	font: 400 100%/1.65 serif; /* base font size 18px with 1.65 line-height */
}
body {
	font-family: 'robotolight', Tahoma, Arial, sans-serif;
  line-height: 1.4em; 
  font-size: 1em; 
  color: #fff;
  background: #000; 
  overflow: auto;
}

/****************************************/
/*              HEADER                  */
/****************************************/
header {
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%;
  height: 205px;
  padding: 0;
  z-index: 5000;
  background: url('../images/bgr-header.png') bottom center no-repeat; 
}
#logo {
  float: left;
  width: 226px;
  height: 80px;
  margin: 20px 0px 0px 0px;
  background: url('../images/logo-rvision.gif') top center no-repeat; 
}
#logo a  {
  float: left;
  width: 226px;
  height: 80px;
  margin: 0px 0px 0px 0px;
}
#logo span {
  position: relative;
  left: -9000px;
}
nav#mainmenu {
  float: right;
  margin: 40px 0px 0px 0px;  
}
nav#mainmenu ul#menu {
  float: left;
  height: 30px;
  list-style: none;
  margin: 0px 0px 0px 0px;
}
nav#mainmenu ul#menu li {
  float: left;
  height: 30px;
  margin: 0px 0px 0px 0px;
  font-size: 1.15em;
  line-height: 30px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
}
nav#mainmenu ul#menu li a {
  float: left;
  height: 30px;
  padding: 0px 15px 0px 15px;
  margin: 0px 0px 0px 0px;
  color: #000;
  text-decoration: none;    
}
nav#mainmenu ul#menu li a.lst {
  padding: 0px 0px 0px 15px;
  margin: 0px 0px 0px 0px;
}
nav#mainmenu ul#menu li a:hover {
  color: #c9a975;
  text-decoration: none;
}
nav#mainmenu ul#menu li a.active {
  color: #c9a975;
  text-decoration: line-through;
  -moz-text-decoration-color: #000; /* Code for Firefox */
  text-decoration-color: #000;
}
div#slidemenu {
  display: none;
  float: right;
  width: 30px;
  height: 30px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  
}
div#slidemenu a {
  float: left;
  width: 30px;
  height: 30px;
  color: #fff;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  background: url('../images/btn-menu.png') top left no-repeat;
}
div#slidemenu a:hover {
   background-position: 0px -30px;
}
div#slidemenu span {
  position: relative;
  left: -9000px;
} 
div#social {
  float: right;
  width: 30px;
  height: 30px;
  margin: 40px 0px 0px 20px;
}
div#social p {
  float: left;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
div#social p a {
  float: left;
  width: 30px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url('../images/ico-ins.png') top left no-repeat;
}
div#social p a:hover {
  background-position: 0px -30px;
}
div#social p img {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}


/****************************************/
/*              SLIDER                  */
/****************************************/
div#home {
  position: relative;
  width: 100%;
  margin: 60px auto 0px auto;
  z-index: 1000;
}
homegap {
  display: none;
}
ul.slides li a.wide {

}
ul.slides li a.narrow {
  display: none;
}


/****************************************/
/*              SECTIONS                */
/****************************************/
div.quotetop {
  position: relative;
  width: 100%;
  height: 133px;
  margin: -133px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-quotetop.png') bottom center no-repeat;
}
div.quotebot {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-quotebot.jpg') bottom center no-repeat;
}
section#onas {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0px auto 0px auto;
  z-index: 1000;
  background: #c9a975;
}
section#sluzby {
  position: relative;
  width: 100%;
  margin: 0px auto 0px auto;
  z-index: 1000;
  background: #fff;
  color: #000;
}
div.newsbot {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-reasonsbot.jpg') bottom center no-repeat;
}
section#vize {
  position: relative;
  width: 100%;
  margin: 0px auto 0px auto;
  z-index: 1000;
  background: #fff;
  color: #000;
}
section#fotogalerie {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0px auto 0px auto;
  z-index: 1000;
  background: #c9a975;
}

section#kontakt {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0px auto 0px auto;
  padding-bottom: 50px;
  z-index: 1000;
  background: #000;
  color: #fff;
}
div#image {
  height: auto;
  background-repeat: repeat;
  background-position: top center; 
  background-attachment: fixed;
  background-image:url('../images/paralax.jpg');  
}
div#image div#gap {
  width: 100%;
  height: 200px;
} 
div#imagereal {
  padding-top:200px;
  height: auto;
  background-repeat: no-repeat;
  background-position: top center; 
  background-attachment: fixed;
  background-image: url('../images/realizace1.jpg');
}
div#imagereal div#gap {
  width: 100%;
  height: 200px;
}  
div#imagetop {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-vizebot.png') top center no-repeat;
}
div#imagebot {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-imagebot.png') bottom center no-repeat;
}
div#realsbot {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;
  z-index: 2000;
  background: url('../images/bgr-realsbot.jpg') bottom center no-repeat;
}
div#kontstop {
  position: relative;
  width: 100%;
  height: 133px;
  margin: 0px auto 0px auto;                                                     
  z-index: 2000;
  background: url('../images/bgr-kontstop.jpg') bottom center no-repeat;
}


/****************************************/
/*                 COLS                 */
/****************************************/
div.container {
	position: relative;
  max-width: 1140px;
  margin: 0 auto; 
  padding: 0px 30px 0px 30px;
}
div.containerx {
	position: relative;
  max-width: 1920px;
  margin: 0 auto; 
  padding: 0px;
}
div.container p.small {
  padding: 0px 0px 0px 0px;
}
p.big {
  font-size: 3em;
  line-height: 1.3em;
  padding: 0px 0px 20px 0px;
  text-align: center;
}
div.col-1-1 {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
div.col-1-3 {
  float: left;
  width: 32%;
  padding: 0px 0px 0px 0px;
}
div.centcol {
  margin: 0px 2% 0px 2%;
}
div.col-1-4 {
  float: left;
  width: 24%;
  padding: 0px 1% 0px 1%;
}


/****************************************/
/*               CONTENTS               */
/****************************************/
h2.gold {
  font-size: 1.6em;
  line-height: 1.3em;
  padding: 0px 0px 10px 0px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  margin: 0px 30px 20px 0px;
  background: url('../images/bgr-h3-reasons.gif') bottom left no-repeat;
  text-transform: uppercase;
  font-weight: normal;
}
h2.black  {
  font-size: 1.6em;
  line-height: 1.3em;
  padding: 0px 0px 10px 0px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  margin: 0px 30px 20px 0px;
  background: url('../images/bgr-h2-gold.gif') bottom left no-repeat;
  text-transform: uppercase;
  font-weight: normal;
}
h2.white {
  font-size: 1.6em;
  line-height: 1.3em;
  padding: 0px 0px 10px 0px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  margin: 0px 30px 20px 0px;
  background: url('../images/bgr-h2-gold.gif') bottom left no-repeat;
  text-transform: uppercase;
  font-weight: normal;
}
h3.white {
  font-size: 1.2em;
  line-height: 1.3em;
  padding: 0px 0px 0px 0px;
  font-family: 'robotoregular', Tahoma, Arial, sans-serif;
  margin: 0px 30px 10px 0px;
}
h3.gold {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0px 30px 0px 0px;
  font-family: 'robotoregular', Tahoma, Arial, sans-serif;
  margin: 0px 0px 10px 0px;
}
h3.black {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 0px 30px 0px 0px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  margin: 0px 0px 10px 0px;
  font-weight: normal;
}
section#sluzby h3 {
  font-size: 1.2em;
  line-height: 1.2em;
  padding: 20px 30px 0px 0px;
  font-family: 'robotoregular', Tahoma, Arial, sans-serif;
  margin: 0px 0px 10px 0px;
}
section#onas h3 a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
section#onas h3 a:hover {
  color: #000;
  text-decoration: underline;
}
p {
  font-size: 0.95em;
  padding: 0px 0px 8px 0px;
}
p strong {
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  font-weight: normal;
}

section#kontakt a {
  color: #caaa75;
}
section#kontakt a:hover {
  color: #fff;
  text-decoration: none;
}
section#kontakt div.col-1-3 {
  margin-bottom: 0px;
}

#onas p strong {
  color: #000;
}

/****************************************/
/*                BUTTONS               */
/****************************************/
a.newbut {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  background: none;  
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  font-size: 0.85em;
  color: #000;
  text-decoration: none;   
}
a.newbut:hover {
  color: #fff;
  text-decoration: underline;   
}
.smlbut {
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 0;
  background: none;  
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  font-size: 0.85em;
  color: #000;
  cursor: pointer;
}
.smlbut:hover {
  color: #fff;
  text-decoration: underline;   
}
a.smlbutx {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 3px 10px 3px 10px;
  border: 2px solid #000;
  background: none;
  
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;   
}
a.smlbutx:hover {
  color: #fff;
  background: #000;
}


a.dark {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 6px 15px 6px 15px;
  border: 2px solid #000;
  background: none; 
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;   
}
a.dark:hover {
  color: #fff;
  background: #000;
}
a.darkwide {
  border: 2px solid #000;
  background: none; 
  margin: 20px 0px 0px 0px;
  padding: 8px 15px 8px 15px;
  font-family: 'robotobold', Tahoma, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
}
a.darkwide:hover, {
  color: #fff;
  background: #000;
}
section div.container ul {
 padding: 10px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 font-size: 0.9em;
}
section div.container ul li {
  padding: 3px 0px 3px 10px;
  background: url('../images/ul-li.gif') center left no-repeat;
}


/****************************************/
/*              PORTFOLIO               */
/****************************************/
section#fotogalerie div.photo {
  position: relative;
  float: left;
  width: 25%;
  padding: 0px 20px 0px 0px;
}
section#fotogalerie div.zoom {
  position: absolute;
  top: 35%;
  left: 35%;
  width: 60px;
  height: 60px;
  background: url('../images/btn-bgr-zoom.png') top left no-repeat;
}
section#fotogalerie a {
  cursor: pointer;
}
section#fotogalerie a:hover div.zoom {
  background: url('../images/btn-bgr-zoom.png') bottom left no-repeat;
}
section#fotogalerie img {
  float: left;
  width: 100%;
  height: auto;
  padding: 0px 0px 0px 0px;  
}
div#refs {
  float: left;
  padding: 0px 0px 0px 0px;
}
div#refs ul {
 padding: 10px 0px 10px 0px;
 margin: 0px 0px 0px 0px;
 font-size: 0.9em;
}
div#refs ul li {
  padding: 3px 0px 3px 10px;
  background: url('../images/ul-li.gif') center left no-repeat;
}
div.refcol {
  float: left;
  width: 16.66%;
  padding: 0px 20px 20px 0px;
  position: relative;
}
div.refcol div.zoom {
  position: absolute;
  top: 35%;
  left: 35%;
  width: 60px;
  height: 60px;
  background: url('../images/btn-bgr-zoom.png') top left no-repeat;
}
div.refcol a {
  cursor: pointer;
}
div.refcol a:hover div.zoom {
  background: url('../images/btn-bgr-zoom.png') bottom left no-repeat;
}
div.refcol a img {
  float: left;
  width: 100%;
  max-width: 250px;
  height: auto;
  padding: 0px 0px 0px 0px;  
}

#myList div.col-1-3 { 
  display:none;
}
#loadMore {
  cursor:pointer;
}
#loadMore:hover {
  color: #fff;
}

.morebtn {
  float: left;
}


/****************************************/
/*                FOOTER                */
/****************************************/
div#footer {
  border-top: 1px solid #c9a975; 
}
div#foot {
  padding-top: 20px;
  font-size: 0.95em;
  
}
div#foot p.menu {
  float: left;
  width: 50%;
}
div#foot p.menu span {
  margin: 0px 10px 0px 10px;
}
div#foot p.copy {
  float: right;
  width: 50%;
  text-align: right;
}
div#foot p.menu a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
div#foot p.menu a:hover {
  color: #caaa75;
  text-decoration: underline;
  font-weight: bold;
}
div#foot p.copy a {
  color: #caaa75;
  text-decoration: none;
  font-weight: bold;
}
div#foot p.copy a:hover {
  color: #fff;
  text-decoration: underline;
  font-weight: bold;
}


/****************************************/
/*          MODAL REALIZACE             */
/****************************************/
.modal {
  position: fixed;
  overflow: auto;
  top: 0%;
  right; 0%;
  left: 0%;
  bottom: 0%;
  top: 0;
  right; 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  height: auto;
  /*background: #c9a975;*/
  background: #000;
  z-index: 9000;
  display: none;
}
.modal .longcontent {
  padding: 20px;  
   -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.modal button  {
  position: fixed;
  right: 30px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: url('../images/closebt.png') center center no-repeat; 
  border: none;
  cursor: pointer;
  z-index: 9999;
}
.modal button:hover {
  opacity: 0.7;
}


.newmodal {
  position: fixed;
  overflow: auto;
  top: 0%;
  right; 0%;
  left: 0%;
  bottom: 0%;
  top: 0;
  right; 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  height: auto;
  background-color: rgba(0,0,0,0.7);
  z-index: 9000;
  display: none;
}
.newmodal .longcontent {
  padding: 20px;  
   -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}
.newmodal button  {
  position: fixed;
  right: 40px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: url('../images/closebt.png') center center no-repeat; 
  border: none;
  cursor: pointer;
}

.modal button:hover {
  opacity: 0.7;
}