@CHARSET "UTF-8";

/* CSS Document */

#popupObjectModal, #popupContact {font-family:Arial CE,Helvetica CE,Arial,Tahoma,Helvetica;font-size:10pt;}

#popupObjectModal 
{
  display:none;
  position:fixed;
  height:auto;
  width:auto;
  min-width: 200px;
  background-color:#fdfbd4;
  padding:0;
  z-index:1000003;
}

#popupObjectModalTitle
{
  width:90%;
  height:auto;
  padding:5px 0 10px 10px;
  left:0px;
  top:0px;
  position:absolute;
  color:#000;
  font-weight:normal;
  font-size:12pt;
  display:block; 
}

a#popupObjectModalClose 
{
  width:35px;
  height:30px;
  display:block;
  position:absolute;
  float:right;
  right:0;
  top:0;
  background:url('/app.images/icons/popup_close.png') center no-repeat;
  cursor:pointer;
}

#contactAreaObjectModal {
  position:relative;
  padding: 30px 10px 15px 10px;
}

#popupContactBG
{
  display:none;
  position:fixed;
  _position:absolute; /* hack for internet explorer 6*/
  width:100%;
  height:2000px;
  top: 0px;
  left: 0px;
  background:#000000;
  z-index:1000000;
  opacity: 0.7;
  filter: alpha(opacity=70);  
  -moz-opacity: 0.7;  
  -khtml-opacity: 0.7;
}
/* -------------------------------------------------------- */


/* ------------------ n�e uveden� css postupn� odstranit (otestovat) -------------------------------------- */
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
width:408px;
background:#d1d1d1;
border:1px solid #828282;
z-index:20000;
padding:12px;
font-size:13px;
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
/*border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;*/
}
/* -------------------------------------------------------- */

#popupContactChild{
width:auto;
height:auto;
overflow:auto;
margin-top:10px;
}

#popupContact h1{
text-align:left;
color:#ffffff;
font-size:16px;
font-weight:bold;
padding-bottom:2px;
margin:20px 10px 10px 0px;
}

/* -------------------------------------------------------- */
#popupContactClose{
width:19px;
height:19px;
font-size:14px;
line-height:14px;
right:0px;
top:0px;
position:absolute;
color:#ffffff;
font-weight:700;
display:block;
cursor:pointer;
margin:2px 2px 0px 0px;
background:url(../modules/eshop/images/popup_close.gif);
}

#popupContactClose1{
width:19px;
height:19px;
font-size:14px;
line-height:14px;
right:0px;
top:0px;
position:absolute;
color:#ffffff;
font-weight:700;
display:block;
cursor:pointer;
margin:2px 2px 0px 0px;
background:url(../modules/eshop/images/popup_close.gif);
}

/* -------------------------------------------------------- */
#popupContactTitle{
width:90%;
height:25px;;
padding:5px 0 0 0;
font-size:14px;
left:0px;
top:0px;
position:absolute;
float:left;
color:#000000;
font-weight:700;
display:block;
}

#popupContactTitle span {
padding:2px 0px 0px 5px;
display:block;
float:left;
}

#contactArea {
width:100%;
margin-top:25px;
}
/* -------------------------------------------------------- */
#button{
text-align:center;
}
/* -------------------------------------------------------- */

#popupBoxObject {
	width: auto;
	height: auto;
	max-width: 95%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
  	padding: 0;
  	margin: 0;
	background: #fff;
  	z-index:1000003;
}

#popupBoxObject div.index_box img {
	width: 100%;
}

#popupBoxObject:hover a.close.desktop {
	animation: fadeIn ease 1s;
  -webkit-animation: fadeIn ease 1s;
  -moz-animation: fadeIn ease 1s;
  -o-animation: fadeIn ease 1s;
  -ms-animation: fadeIn ease 1s;
  display: block;
}

#popupBoxObject a.close {
	position: absolute;
	background: #000 center no-repeat;
	background-image: url('/app.images/icons/btn_close_popup.svg');
	background-size: 80%;
}
#popupBoxObject a.close.desktop {
	width: 40px;
	height: 40px;
	right: -20px;
	top: -20px;
	/*display: none;*/
}
#popupBoxObject a.close.mobile {
	width: 80px;
	height: 80px;
	right: calc(50% - 40px);
	top: -90px;
}

@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
}