/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*Background Clouds*/

#page {
	background: #b7b7b7 url(../../images/background/clouds/clouds_img.jpg) 50% 0 no-repeat fixed;
	background-size: 100%;
}

#page-bg { background: transparent; }

#block-main { 
	border-color: #bedade;
	border-color: rgba(0,0,0,0.05);
	background-color: #e4f2f4;
	background-color: rgba(255,255,255,0.5);
}

#block-main > div {
	border-color: #ebebeb;
	border-color: rgba(0,0,0,0.08);
}

#toolbar { text-shadow: 0 1px 0 rgba(255,255,255,0.4); }

#toolbar .menu-line li { background-image: url(../../images/background/clouds/menu_line_item.png); }
#toolbar .menu-line li:first-child { background: none; }

.searchbox {
	background-color: #bbe2ea;
	background-color: rgba(0,0,0,0.03);
	box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset,
				0 0 1px rgba(255,255,255,0.4);
}

.searchbox input { color: #56696d; }

.searchbox input:-moz-placeholder { color: #86a3a9; }
.searchbox input::-webkit-input-placeholder { color: #86a3a9; }
.searchbox input.placeholder { color: #86a3a9; }

.searchbox.loading button { background: url(../../images/background/clouds/searchbox_loader.gif) 50% 50% no-repeat; }

#block-main, #block-main > div {
	background: transparent !important;
	background-color: transparent !important;
	padding: 0px !important;
	border:none !important;
	border-color:transparent !important;
	border:none !important;
	border-width: 0px !important;
	border-style: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;	
}

#headerbar, #toolbar, #breadcrumbs, #header-responsive, #top-a  {
display: none !important;
visibility: hidden !important;
}

html,body {
    height:100%;
    width:100%;
}

#block-main, #block-main > div, #page-bg, #page-bg div.wrapper, #main.grid-block, #maininner, #content, #system, article.item, div.content {
margin: 0px !important;
  height:100% !important;
  width:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}
#block-main {
	position: absolute;
	top: 0px;
}

#footer {
margin:0px !important;
}

#header {
margin-top:0px !important;
margin-bottom:0px !important;
}

#cf {
	background-color: transparent;
	margin: auto;
	position: absolute;
}

#cf2 {
	background-color: transparent;
	float: left;
	position: relative;
}

#cf img, #cf2 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#cf2parent {
  position:relative;
  float:left;
}


#cf img.top, #cf2 img.top {
  opacity:0;
}

#cf img.top:hover, #cf2 img.top:hover {
  opacity:1;
}