/* main */

* {font-family: 'Oxygen', sans-serif;}

#goLink {
	display:block;
	margin:10px auto;
	width:300px;
	height:70px;
	font-size:20px;
	font-weight:bold;
	line-height:54px;
}

#mainContainer {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#D5EAFF;
}
#infoMain, #infoMain2, #switcher {
	float:left;
	padding:10px;
	margin:10px;
	border:1px solid #0B4E8B;
	height:580px;
}

#switcher {
	width:660px;
}
#infoBox {
	margin:0 auto;
width:1550px;
min-width:1550px;
}

#infoMain{
	width:400px;
	font-size:15px;
	text-align:justify;

}
#infoMain2{
	width:400px;
	font-size:15px;
	text-align:justify;
}

#infoMain2 ul{
	padding-left:15px;
}

.switchBox {
display:none;
float:left;
margin:5px;
	
}

.switchBox img {
box-shadow:3px 2px 5px 3px rgba(0, 0, 0, 0.4)
}

/* EO main */
body {
background:#e5edf2;
color:#000;
min-width:1550px;
}

#dialogUpload .alert {
display:none;
padding:5px;
}

#uplButtons {
text-align:center;
}

#uplButtons button {
width:130px;
margin-right:3px;
border:solid #bbb 1px;
}

#kategorie .row {
border:1px solid #226093;
background:#DEECF7;
margin:10px 10px;	
}

.prevSmallButt {
position:relative;
font-size:9px;
float:right;
top:-7px;
right:-5px;
text-align:center;
}

.prevSmallButt div {
margin:2px;
padding:2px;
border:1px solid #93B1CA;
background:#2468A2;
}

.prevSmallButt div:hover {
background:#2D82CC;
}

#kategorie li > a {
color:#226093;
}

#kategorie .navbar-brand {
color:black;
}

#kategorie {
background:none;
border:none;
margin:0;
}


.container-fluid {
width:100%;
position:absolute;
}

.navbar-strong {
font-weight:bold;
font-size:18px;
}

.label-thumb-main {
position:absolute;
display:block;
bottom:5px;
left:5px;
right:5px;
opacity:.7;
}

.main-thumb,.orn-small {
position:relative;
padding:5px;
margin:10px;
float:left;
border:1px solid #CCC;
opacity:.9;
}

.main-thumb:hover,.main-thumb-active,.orn-thumb:hover,.orn-thumb-active {
opacity:1;
border-color:#000;
}

.hk-prev-c {
position:fixed;
display:none;
margin:5px;
border:1px solid #000;
background:#CCC;
}

#hk-prev {
display:none;
z-index:100;
width:350px;
height:250px;
text-align: center;
}

#hk-prev-inside {
position:absolute;
top:0;
left:0;
}

#hk-prev-orn {
display:none;
z-index:100;
width:500px;
height:250px;
}

.hk-thumb,.more-thumb {
cursor:pointer;
}

.panel-heading {
font-size:150%;
cursor:pointer;
position:relative;
padding-left:50px;
}

.steps .panel-body {
display:none;
}

#step-1 .panel-body {
display:block;
}

.stepglyph,.prevglyph {
display:block;
position:absolute;
left:15px;
top:13px;
}

.table-layout {
display:table;
width:100%;
}

.table-layout .table-cell {
display:table-cell;
}

.fixed-preview-cell {
width:400px;
}

#panel-preview {
position:fixed;
top:150px;
left:15px;
width:390px;
overflow:auto;
}

header {
position:relative;
height:140px;
width:100%;
padding:10px;
margin:0;
color:#fff;
background:#428bca;
background-image: url("media/design/logo.png");
background-repeat:no-repeat;
background-position:30px 57px;
margin-bottom:10px;
}

header div {
position:absolute;
}

header div a {
color:#fff;
border-bottom:1px dotted white;
text-decoration:none;
}

#menu a {
font-size:15px;
}

header div a:hover {
color:#C6DDF1;
	text-decoration:none;
	border-bottom:1px solid #C6DDF1;
}

#credits {
right:10px;
bottom:5px;
opacity:.7;
font-size:10px;
}

#logo {
font-family: 'Marck Script', cursive;
text-align:center;
left:0;
right:0;
font-size:60px;
left:25px;
top:45px;
}


#menu {
font-size:80%;
left:0;
top:0;
padding:5px 15px;
font-weight:700;
width:100%;
letter-spacing:1px;
border-top-right-radius:inherit;
border-top-left-radius:inherit;
background:#2a6394;
}

.centered {
text-align:center;
}

footer {
position:absolute;
display:block;
font-size:80%;
padding-bottom:10px;
width:100%;
bottom:0;
}

hr {
border-color:#b6cedc -moz-use-text-color;
}

.color-box, .orn-color-box, .m-color-box {
width:30px;
height:30px;
border:2px solid #aaa;
float:left;
margin:5px;
cursor:pointer;
padding:5px 7px;
font-size:11px;
color:black;
text-shadow:-1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
}

#lock-indication {
float:left;
width:20px;
height:44px;
margin:-22px -5px;
border-top:2px solid black;
border-bottom:2px solid black;
border-right:2px solid black;
}
.color-box-N {
width:25px;
height:25px;
float:left;
margin:-12px 2px;
cursor:pointer;
line-height:1.1em;
font-size:20px;
text-shadow:-1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff, 1px 1px 2px #fff;
color:black;

}

#orn-color-menu {
clear:left;	
}

.colorInfo {
float:left;
text-align:right;
line-height:3.1em;
width:65px;
}

.colorText {
font-weight:bold;
font-size:11px;
}

.color-box:hover,.color-box-active,.orn-color-box:hover,.orn-color-box-active, .mv-thumb-active, .mv-thumb:hover, .m-color-box-active, .m-color-box:hover {
border-color:#000;
}

#orderButtons>a {
margin:0 5px;
}

#preview {
position:relative;
width:266px;
height:727px;
margin:0 auto 10px;
}

#preview-shadow {
position:absolute;
z-index:0;
width:266px;
height:727px;
margin:0 auto 10px;
box-shadow:2px 2px 5px 3px rgba(0, 0, 0, 0.38);
}

#preview-head {
position:absolute;
left:0;
top:0;
width:266px;
height:186px;
}

#preview-foot {
position:absolute;
left:10px;
top:642px;
width:246px;
height:71px;
}

#preview-orn {
position:absolute;
height:100%;
width:100%;
background:no-repeat;
}

.preview-month {
position:absolute;
z-index:10;
background:no-repeat;
width:248px;
height:124px;
left:9px;
}

#preview-month-A {top:200px;}

#preview-month-B {top:351px;}

#preview-month-C {top:501px;}

#kategorie {
width:100%;
}

.dropdown:hover .dropdown-menu {
display:block;
}

.spin-helper {
display:inline-block;
height:100%;
vertical-align: middle
}

.spinner {
vertical-align: middle
}

#marker-preview {
width:380px;
height:192px;
border:1px solid black;
float:left;
background-repeat:no-repeat;
background-image:url(media/marker/preview-bg/01.png);
}

#marker-preview img {
width:100%;
height:87px;
margin-top:53px;
}

#marker-choice {
float:left;
margin-left:12px;
}

#preview-bar {
position:absolute;
background:no-repeat;
z-index:20;
width:248px;
height:21px;
top:422px;
left:9px;
}

#preview-lines {
position:absolute;
background:no-repeat;
z-index:30;
background-image:url(media/preview/lines.png);
width:265px;
height:453px;
left:0;
top:181px;
opacity:0.5;
}

.panelProduct {
padding:10px;
font-size:14px;
height:390px;
background-color:#F5F5F5;
border-color:#DDD;
border-radius:5px;
margin:5px;
}

.imgPanel {
float:left;
transform:scale(0.5);
transform-origin: 0 0;
zoom:0.5;
width:150px;
height:410px;
}
.descPanelHead {
background:#E3E3E3;
width:100%;
height:57px;
padding:5px;
border-radius:6px;
box-shadow: 0 4px 5px -2px rgba(200,200,200,50); 
}
.descPanel {
margin-left:140px;
}

.descHeadname {
font-weight:bold;
font-size:17px;
float:left;
}

.descColor {
display:inline-block;
width:1em;
height:1em;
border:1px solid black;
}

.descPanel table {
margin-top:5px;
}

.descPanel table td {
padding-right: 10px;
font-size:12px;
}

.buttPanel {
float:right;
}

.toolboxButton {
display:block;
float:left;
width:45px;
height:45px;
border-radius:10px;
color:white;
margin-right:10px;
cursor:pointer;
text-align: center;
line-height:5px;
}

.toolboxButton i {
display:block;
margin:0 auto;
font-size:25px;
line-height:30px;
height:30px;
}

.toolboxButton:hover {
opacity:0.8;
}

.toolboxButton span {
font-size:10px;
font-weight:bold;
}

.toolboxButton.buttSend {background:#BA5C00;}
.toolboxButton.buttAsk {background:#931111;}
.toolboxButton.buttEdit {background:#278C18;}
.toolboxButton.buttEdit i {line-height:32px;}
.toolboxButton.buttDelete {background:#115C93;}

#dialogDelProd, #dialogUpload, #dialogBuy {
display:none;
}

.shopSmallPrev {
position:relative;
float:left;
width:266px;
height:727px;
margin:0 auto 10px;
}

.itemSmallPrev {
transform:scale(0.5);
transform-origin: 0 0;
zoom:0.5;
width:105px; 
float:left;
}

.spacer {
margin:20px;
float:left;
}

.shopPreview {
background:#D5E8F1;
padding:5px 15px;
height:410px;
margin:10px 0;
overflow: hidden;
text-align: center;
border:1px solid #87B1D3;
}

#shopPreviewTitle {
font-size:170%;
opacity:0.6;
margin-bottom:7px;
}

#shopPreviewClose {
display:block;
z-index:20;
position:relative;
right:0;
float:right;
top:10px;
padding:0 6px;
height:19px;
border-radius:3px;
color:white;
cursor:pointer;
opacity:0.9;
font-weight:bold;
background:#2E76B1;
}

#shopPreviewClose:hover {
opacity:1;

}

.shopDetails label {
font-weight:normal;
}

.help-block {
font-size:70%;
line-height:2em;
margin:0;
padding-left:17px;
}

.form-group {
margin:7px 0;
}

.form-box {
border:1px solid #ABABAB;
border-radius:5px;
float:left;
margin-top:15px;
margin-left:5px;
height:270px;
width:32%;
padding:0 10px;
}
.form-box-title{
font-variant: small-caps;
font-size:17px;
font-weight:bold;
color:#777;
letter-spacing:1px;
}

.itemPrice {
float:right;
font-size:19px;
padding:3px 10px;	
}

.form-group  {
margin:0 3px;
}

.radio {
margin:7px 3px;
}

.shopDetails {
margin-left:140px;
}

.cart-icon {
font-size:19px;
}

.prevButtBox .btn-primary
{
width:132px;
padding:2px;
font-size:12px;
}

#pricing {
margin-top:10px;
font-size:12px;
}

#spamTrap {
	width:60%;
	margin:0 auto;
}

.req {
	color:red;
}

.opt {
	color:blue;
}

#formInfo {
font-size:12px;	
}

#spamTrap #submit {
	margin-top:15px;
}

#mainContact {
	display:inline-block;
	position:absolute;
	right:5px;
	top:5px;
	padding:5px;
	margin:2px;
	font-weight:bold;
	color:#082A4A;
	border:1px solid black;
}

#antispam {
display:block !important;	
}

#msgHead {
	margin:10px auto;
	text-align: center;
}

.buyForm textarea {
	height:130px;
}
.buyForm .form-group {margin-bottom:15px;}
.buyForm .labSendAddInfo {font-size:12px;}

.buyMsg {
	margin-top:-15px;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
	padding:5px 10px;
	height:45px;
}

.buyMsg.error {
	background:#F2DEDE;
	color:#A94442;
}

.buyMsg.success {
	padding-top:15px;
	background:#E2F2DF;
	color:#258122;
	text-align:center;
}

.buttBuy {
	width:170px;
}

#previewNote {
	position:absolute;
	font-size:9px;
	padding-top:9px;
	margin-left:-25px;
}

#logoImg {
	display:none;	
}

#panel-preview .panel-heading {padding-bottom:30px;}

#contactData {
	padding:20px;
	background:#B6E4F9;
	margin:30px auto;
	text-align:center;
	line-height:2em;
	font-size:15px;
}

#contactData h3, #contactData h4 {
	margin:0 auto;
	padding:0;
	
}