/* -=> Switch <=- */
div.switch,
div.switch div.hover {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url('/gfx/switch.png');
	background-repeat: no-repeat;
	background-position: -18px 0px;
	margin-right: 5px;
}
div.switch div.hover {
	visibility: hidden;
	background-position: 0px 0px;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
}
a:hover div.switch div.hover,
a.activeSlide div.switch div.hover { 
	visibility: visible;
	opacity: 1; 
}

/* -=> Foot icons <=- */
div[class^="foot-ico"],
div[class^="foot-ico"] div.hover {
	float: left;
	width: 35px;
	height: 35px;
	background-image: url('/gfx/social_icons.png');
	background-repeat: no-repeat;
	margin-right: 10px;
}
div[class^="foot-ico"] div.hover {
	visibility: hidden;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
}
a:hover div[class^="foot-ico"] div.hover { 
	visibility: visible;
	opacity: 1; 
}

div.foot-ico-furaffinity { background-position: 0px -105px; }
div.foot-ico-deviantart { background-position: 0px -70px; }
div.foot-ico-facebook { background-position: 0px 0px; }
div.foot-ico-linkedin { background-position: 0px -35px; }
div.foot-ico-weasyl { background-position: 0px -140px; }
div.foot-ico-storenvy { background-position: 0px -210px; }
div.foot-ico-twitter { background-position: 0px -245px; }
div.foot-ico-tumblr { background-position: 0px -280px; }
div.foot-ico-furaffinity div.hover { background-position: -35px -105px; }
div.foot-ico-deviantart div.hover{ background-position: -35px -70px; }
div.foot-ico-facebook div.hover{ background-position: -35px 0px; }
div.foot-ico-linkedin div.hover{ background-position: -35px -35px; }
div.foot-ico-weasyl div.hover{ background-position: -35px -140px; }
div.foot-ico-storenvy div.hover{ background-position: -35px -210px; }
div.foot-ico-twitter div.hover{ background-position: -35px -245px; }
div.foot-ico-tumblr div.hover{ background-position: -35px -280px; }


/* -=> Aux icons <=- */
div[class^="ico"],
div[class^="ico"] div.hover {
	/*float: left;*/
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url('/gfx/icons.png');
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
}
div[class^="ico"].right,
div[class^="ico"].right div.hover {
	float: right;
}
div[class^="ico"] div.hover {
	visibility: hidden;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
}
a:hover div[class^="ico"] div.hover { 
	visibility: visible;
	opacity: 1; 
}

div.ico-mail { top: 10px; }
div.ico-mail, div.ico-mail div.hover { width: 27px; }
div.ico-mail { background-position: 0px 0px; }
div.ico-mail div.hover { background-position: -30px 0px; }

div.ico-close { top: 10px; }
div.ico-close, div.ico-mail div.hover { width: 27px; }
div.ico-close { background-position: -60px 0px; }
div.ico-close div.hover { background-position: -90px 0px; }

div.ico-mail-big { top: 5px; right: 10px;  }
div.ico-mail-big { background-position: -240px 0px; }
div.ico-mail-big div.hover { background-position: -270px 0px; }

div.ico-link { left: 10px; top: -4px; }
div.ico-link, div.ico-link div.hover { width: 22px; height: 28px; }
div.ico-link { background-position: -300px 0px;  }
div.ico-link div.hover { background-position: -330px 0px;}

div.ico-link-big { margin-left: 10px; top: -5px; }
div.ico-link-big { width: 16px; height: 28px; }
div.ico-link-big { background-position: -360px 0px;  }

div.ico-link-yes { margin-left: 10px; top: -5px; }
div.ico-link-yes { width: 26px; height: 28px; }
div.ico-link-yes { background-position: -390px 0px;  }

div.ico-link-write { margin-left: 10px; top: -5px; }
div.ico-link-write { width: 26px; height: 28px; }
div.ico-link-write { background-position: -420px 0px;  }

div.ico-link-no { margin-left: 10px; top: -5px; }
div.ico-link-no { width: 22px; height: 28px; }
div.ico-link-no { background-position: -450px 0px;  }

/* -=> Aux icons <=- */
div[class^="flag"],
div[class^="flag"] div.hover {
	float: right;
	width: 40px;
	height: 26px;
	background-image: url('/gfx/flags.png');
	background-repeat: no-repeat;
	margin-left: 5px;
}
div[class^="flag"] div.hover {
	visibility: hidden;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
}
a:hover div[class^="flag"] div.hover { 
	visibility: visible;
	opacity: 1; 
}

div.flag-en { background-position: 0px 0px; }
div.flag-en div.hover { background-position: -40px 0px; }
div.flag-cs { background-position: -80px 0px; }
div.flag-cs div.hover { background-position: -120px 0px; }


/* -=> Buttons <=- */
a.button {
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin: auto;
	padding: 0px 45px 0px 7px;
	overflow: visible;
}
a.button div {
	height: 50px;
	margin: 0px;
	padding: 0px;
}

a.button div.left {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 7px;
	background-image: url('/gfx/buttons_left.png');
	background-repeat: no-repeat;
}
a.button div.content {
	background-image: url('/gfx/buttons_gradient.png');
	background-repeat: x-repeat;
}
a.button div.content.hover { width: 100%; }
a.button div.content span {
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	float: left;
	position: relative;
	display: inline-block;
	top: -50px;
	height: 50px;
	padding: 0px 13px;
	font-family: 'Conv_Museo700-Regular';
	font-size: 22px;
	color: white;
	overflow: hidden;
}
a.button div.right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 45px;
	background-image: url('/gfx/buttons_icons.png');
	background-repeat: no-repeat;
}

a.button div.hover { 
	visibility: hidden;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
}
a.button:hover div.hover { 
	visibility: visible;
	opacity: 1; 
}

/* -=> Green <=- */
a.button.green div.content { text-shadow: 1px 1px 1px #51730F; }
a.button.green:hover div.content span { color: #e8ffbd; }

a.button.green div.left, a.button.green div.right, a.button.green div.content { background-position: 0px 0px; }
a.button.green div.left.hover, a.button.green div.right.hover, a.button.green div.content.hover { background-position: 0px -50px; }

/* -=> Red <=- */
a[class^="red"].button { height: 42px; line-height: 44px; }
a[class^="red"].button div.content span { text-shadow: 1px 1px 1px #7B1414; font-size: 18px; font-family: 'Conv_Museo500-Regular'; padding-left: 7px; padding-right: 12px; }
a[class^="red"].button:hover div.content span { color: #FBD9C7; }
a[class^="red"].button div.left, a[class^="red"].button div.content { background-position: 0px -200px; }
a[class^="red"].button div.left.hover, a[class^="red"].button div.content.hover { background-position: 0px -250px; }

a.button.red-art div.right { background-position: 0px -400px; }
a.button.red-art div.right.hover { background-position: 0px -450px; }
a.button.red-gift { padding-right: 39px; }
a.button.red-gift div.right { background-position: -6px -500px; width: 39px; }
a.button.red-gift div.right.hover { background-position: -6px -550px;  width: 39px; }
a.button.red-send { padding-right: 39px; }
a.button.red-send div.right { background-position: -6px -600px; width: 39px; }
a.button.red-send div.right.hover { background-position: -6px -650px;  width: 39px; }
a.button.red-write { padding-right: 39px; }
a.button.red-write div.right { background-position: -6px -700px; width: 39px; }
a.button.red-write div.right.hover { background-position: -6px -750px;  width: 39px; }

/* -=> Brown <=- */
a[class^="brown"].button { height: 38px; line-height: 40px; margin-bottom: 4px; }
a[class^="brown"].button div.content span { text-shadow: -1px -1px 1px white; color: #746a5b; font-size: 17px; font-family: 'Conv_Museo700-Regular'; padding-left: 7px; padding-right: 5px; width: 167px; }
a[class^="brown"].button:hover div.content span { color: #62594b; }
a[class^="brown"].button div.left, a[class^="brown"].button div.content { background-position: 0px -100px; }
a[class^="brown"].button div.left.hover, a[class^="brown"].button div.content.hover { background-position: 0px -150px; }

a.button.brown-fb { padding-right: 39px; }
a.button.brown-fb div.right { background-position: -6px -100px; width: 39px; }
a.button.brown-fb div.right.hover { background-position: -6px -150px;  width: 39px; }

a.button.brown-shop { padding-right: 39px; }
a.button.brown-shop div.right { background-position: -6px -200px; width: 39px; }
a.button.brown-shop div.right.hover { background-position: -6px -250px;  width: 39px; }

a.button.brown-fullscreen { padding-right: 39px; }
a.button.brown-fullscreen div.right { background-position: -6px -300px; width: 39px; }
a.button.brown-fullscreen div.right.hover { background-position: -6px -350px;  width: 39px; }


/* -=> Checkboxes <=- */
input[type="checkbox"] { 
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	/*display:none;*/
}
input[type="checkbox"] + label {
	margin-bottom: 0px;
	line-height: 30px;
	cursor: pointer;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;	
}
input[type="checkbox"] + label div {
	position: relative;
	display: inline-block;
	top: -3px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 4px;
	background-image: url('/gfx/check.gif');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor:pointer;
}
input[type="checkbox"] + label div.hover {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-image: url('/gfx/check.gif');
	background-repeat: no-repeat;
	background-position: -30px 0px;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
	filter: alpha (opacity=0);
}
input[type="checkbox"] + label:hover div.hover {
	visibility: visible;
	opacity: 0.33; 
	filter: alpha (opacity=33);
}
input[type="checkbox"]:checked + label div.hover {
	visibility: visible;
	opacity: 1; 
	filter: alpha (opacity=100);
}
input[type="checkbox"]:disabled + label { color: #aeada7; }
input[type="checkbox"]:disabled + label div { background-position: -60px 0px; }
input[type="checkbox"]:disabled + label div.hover { 
	background-position: -30px 0px;
	opacity: 0; 
	filter: alpha (opacity=0);
}

/* -=> Radios <=- */
input[type="radio"] { display:none; }
input[type="radio"] + label {
	margin-bottom: 0px;
	line-height: 30px;
	cursor: pointer;
}
input[type="radio"] + label div {
	position: relative;
	display: inline-block;
	top: -3px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 4px;
	background-image: url('/gfx/check.gif');
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor:pointer;
}
input[type="radio"] + label div.hover {
	visibility: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-image: url('/gfx/check.gif');
	background-repeat: no-repeat;
	background-position: -30px 0px;
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	opacity: 0; 
	filter: alpha (opacity=0);
}
input[type="radio"] + label:hover div.hover {
	visibility: visible;
	opacity: 0.33; 
	filter: alpha (opacity=33);
}
input[type="radio"]:checked + label div.hover {
	visibility: visible;
	opacity: 1; 
	filter: alpha (opacity=100);
}
input[type="radio"]:disabled + label div {
	background-position: -60px 0px;
}

/* -=> Editable lists & etc <=- */
div.editable ul { margin-top: 21px; }
div.editable ul li {
	position: relative;
	min-height: 30px;
	line-height: 20px;
	margin-left: 40px;
	margin-bottom: 12px;
}
div.editable ul li.center {
	line-height: 34px;
}

div.editable ul.numbering li { min-height: 40px; }
div.editable ul.numbering li div.numbering {
	position: absolute;
	top: 3px;
	left: -40px;
	width: 18px;
	height: 24px;
	line-height: 24px;
	padding-left: 6px;
	border: 2px solid white;
	background-color: #FAF8F4;
	font-family: 'Conv_Museo700-Regular';
	font-size: 17px;
	text-align: left;
	border-radius: 4px;
	box-shadow: 0px 0px 4px #C7BEB7;
}

div.editable ul.dotted li { 
	min-height: 18px;
	margin-left: 46px; 
}
div.editable ul.dotted li div.dotted {
	content: '';
	position: absolute;
	top: 1px;
	left: -29px;
	width: 11px;
	height: 11px;
	border: 2px solid white;
	background-color: #FAF8F4;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0px 0px 4px #C7BEB7;
}

/* -=> Submenu <=- */
a[class^="submenu"] {
	position: relative;
	display: inline-block;
	overflow: visible;
	
	width: 376px;
	height: 46px;
	line-height: 48px;
	margin-bottom: 15px;
	font-family: 'Conv_Museo500-Regular';
	font-size: 22px;
	text-align: left;
	border: 2px solid white;
	border-radius: 4px;
	text-shadow: -1px -1px 0px white;
	box-shadow: 0px 0px 4px #C7BEB7;
	
	background-image: -o-linear-gradient(bottom, #EFE7E0 6%, #F9F6F2 70%, #F4EEE9 94%);
	background-image: linear-gradient(bottom, #EFE7E0 6%, #F9F6F2 70%, #F4EEE9 94%);
	background-image: -moz-linear-gradient(bottom, #EFE7E0 6%, #F9F6F2 70%, #F4EEE9 94%);
	background-image: -webkit-linear-gradient(bottom, #EFE7E0 6%, #F9F6F2 70%, #F4EEE9 94%);
	background-image: -ms-linear-gradient(bottom, #EFE7E0 6%, #F9F6F2 70%, #F4EEE9 94%);
}
a[class^="submenu"].visited {
	color: #746A5B;
	background-image: -o-linear-gradient(bottom, #EFE7E0 6%, #F4EEE9 94%);
	background-image: linear-gradient(bottom, #EFE7E0 6%, #F4EEE9 94%);
	background-image: -moz-linear-gradient(bottom, #EFE7E0 6%, #F4EEE9 94%);
	background-image: -webkit-linear-gradient(bottom, #EFE7E0 6%, #F4EEE9 94%);
	background-image: -ms-linear-gradient(bottom, #EFE7E0 6%, #F4EEE9 94%);
}

a[class^="submenu"] div {
	width: 50px;
	height: 60px;
	background-image: url('/gfx/menu_icons.png');
	background-repeat: no-repeat;
}
a[class^="submenu"] div.left {
	position: relative;
	top: -11px;
	margin-left: 6px;
	margin-right: 9px;
}
a[class^="submenu"] div.hover {
	-o-transition:.33s;
	-ms-transition:.33s;
	-moz-transition:.33s;
	-webkit-transition:.33s;
	transition:.33s;
	visibility: hidden;
	opacity: 0; 
}
a[class^="submenu"]:hover div.hover {
	visibility: visible;
	opacity: 1;
}

a.submenu-info.visited div { background-position: -100px 0px !important; }
a.submenu-info div.left { background-position: 0px 0px; }
a.submenu-info div.hover { background-position: -50px 0px; }
a.submenu-type.visited div { background-position: -100px -60px !important; }
a.submenu-type div.left { background-position: 0px -60px; }
a.submenu-type div.hover { background-position: -50px -60px; }
a.submenu-terms.visited div { background-position: -100px -120px !important; }
a.submenu-terms div.left { background-position: 0px -120px; }
a.submenu-terms div.hover { background-position: -50px -120px; }
a.submenu-art.visited div { background-position: -100px -180px !important; }
a.submenu-art div.left { background-position: 0px -180px; }
a.submenu-art div.hover { background-position: -50px -180px; }
a.submenu-copy.visited div { background-position: -100px -240px !important; }
a.submenu-copy div.left { background-position: 0px -240px; }
a.submenu-copy div.hover { background-position: -50px -240px; }
a.submenu-questions.visited div { background-position: -100px -300px !important; }
a.submenu-questions div.left { background-position: 0px -300px; }
a.submenu-questions div.hover { background-position: -50px -300px; }

/* -=> Bubble <=- */
div.bubble { margin-bottom: 18px; }
div.bubble div.content {
	overflow: visible;
	position: relative;
	padding: 25px 22px 22px 22px;
	margin-bottom: 20px;
	text-align: left;
	
	background-color: #FAF8F4;
	border: 2px solid white;
	text-shadow: -1px -1px 0px white;
	border-radius: 4px;
	box-shadow: 0px 0px 4px #C7BEB7;
}
div.bubble div.content div.pink {
	position: absolute;
	right: 21px;
	bottom: -27px;
	width: 17px;
	height: 27px;
	background-image: url('/gfx/bubble.png')
}
div.bubble div.author {
	position: relative;
	top: -6px;
	right: 47px;
	font-family: 'Conv_Museo700-Regular';
	font-size: 16px;
	text-align: right;
}
div.bubble div.author span { font-family: 'Conv_Museo500-Regular'; color: #D5CCBF; }

/* -=> Additional <=- */
div#main div.additional { width: 330px; /*margin-top: 14px;*/ padding-bottom: 0px; }
div#main div.additional a { display: block; margin-top: 16px; margin-bottom: 25px; font-family: 'Conv_Museo500-Regular'; text-align: center; font-size: 22px; }
div#main div.additional img {
	margin-bottom: 11px;
	border: 2px solid white;
	border-radius: 4px;
	box-shadow: 0px 0px 4px #C7BEB7;
}

/* -=> Framed imidzis <=- */
div.frame {
	display: inline-block;
	padding: 0px;
	margin: 10px 0px;
	border: 3px solid white;
	border-radius: 4px;
	box-shadow: 0px 0px 4px #C7BEB7;
}
div.frame.left.inArticle { margin-right: 20px; }
div.frame.right.inArticle { margin-left: 20px; }
div.frame img {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-radius: 4px;
}

/* -=> Contact form <=- */
div.contactForm { 
	overflow: hidden;
	margin-top: 34px; 
	padding-bottom: 9px;
}
div.contactForm form { width: 740px; margin-top: 17px; }
div.contactForm table { width: 740px; margin-left: 0px; }
div.contactForm table td { padding-bottom: 8px; }
div.contactForm table td.rightColumn { padding-left: 45px; }
div.contactForm table tr.lastRow td { vertical-align: middle; }
div.contactForm textarea {
	width: 355px;
	height: 181px;
	line-height: 18px;
}
div.contactForm .inputError {
	margin: -2px -2px 4px -2px; 
	border: 2px solid #BD3131;
}