@import "ui.core.css";
@import "ui.slider.css";
@import "ui.theme.css";
html {
	overflow-x: hidden; /*Bug u skriptu za multiple upload*/ 
}

#artwork {
	background-image: url(../images/artwork_contact.png);
	background-position: -15px 0px;
}
h1 {
	background-image: url(../images/h1_contact.png);
}
.hdr {
	margin-bottom: 10px;
}
.contact h4 {
	font-size: 1.2em;
	color: #afaaa0;
}
.forms h4 {
	font-size: 1.6em;
}
p {
	color: #87877b;
}
p.number span {
	float: right;
	color: #484842;
	font-size: 1em;
}
p.pad {
	margin-bottom: 0px;
}
.phone a {
	color: #fff;
}
.text, .contact {
	font-size: 1.3em;
}
.text {
	width: 435px;
	float: left;
}
.contact {
	margin-left: 500px;
	width: 420px;
	text-align: right;
}
.phone {
	padding-top: 10px;
	margin-left: 180px;
	text-align: left;
}
.form {
	padding-left: 110px;
	padding-top: 5px;
	border-top: 1px solid #25231d;
	border-bottom: 1px solid #25231d;
	padding-bottom: 1px;
	height: 4.2em; /*povecava se i velicina*/
}
.form li {
	font-size: 1.5em;/*ako se povecava font*/
	float: left;
	line-height: 2em;
}
.form ul, .form ul li  {
	list-style-type: none;
	list-style-image: none;
}
.form li a {
	display: block;
	background: url(../images/haragei-hover.gif) 10px center no-repeat;
	background-color: #080808;
	color: #4b4944;
	width: 120px;
	padding: 0.4em 10px 0.4em 44px;
	margin-left: 1px;
	margin-right: 1px;
	border-color: #0b0b0a;
	border-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-bottom-width: 0px;
}
.form li a:hover {
	background-image: url(../images/haragei.gif);
}
.form li a.selected {
	background-image: url(../images/haragei.gif);
	color: #908c84;
	background-color: #171715;
	border-color: #1d1d1a;
	cursor: default;
	text-decoration: none!important;
}
.forms {
	padding: 20px 0px 10px 00px;
}
.forms .desc {
	border-bottom: 1px solid #25231d;
	padding-bottom: 10px;
	padding-left: 20px;
}
.forms p {
	padding-top: 5px;
	font-size: 1.2em;
}
/*#question-tab, #portfolio-tab, #konichiwa-tab {
	display: none;
}*/
div.submit {
	width: 738px;
	margin-top: 20px;
	margin-left: 92px;
}
.left, .right {
	width: 335px;
}
.bottom {
	padding-top: 10px;
	padding-bottom: 10px;
}
.right {
	float: right;
}
.price {
	text-align: right;
	font-size: 1.4em;
	padding: 0px;
	margin-bottom: 10px;
}
#price-max, #price-min {
	width: 68px;
}
#price-max, #timeline-max {
	text-align: left;
}
#timeline-max, #timeline-min {
	width: 82px;
}
#slider-price, #slider-timeline {
	margin-bottom: 20px;
}
.up {
	margin-top: -20px;
}
div.xl {
	width: 335px;
	background-image: url(../images/XL.gif);
	background-image: url(../images/XL.png);
	background-position: center;
	background-repeat: no-repeat;
}
div.sl {
	width: 210px;
	background-image: url(../images/L.gif);
	background-image: url(../images/L.png);
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}
div.lx {
	width: 280px;
	background-image: url(../images/LX.png);
	background-position: center;
	background-repeat: no-repeat;
	float: right;
}
input, textarea {
	border: none;
	background: transparent;
	vertical-align: middle;
	resize: none;
}
select {
	font-size: 16px;
	margin: 6px 10px 6px 10px;
}
select, option {
	color: #918873;
	background-color: #171714;
	border: none;
}
input:focus, textarea:focus, select:focus {
	outline: none;
}
input {
	width: 315px;
}
input {
	padding-top: 8px;
	padding-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 16px;
}
input.small, select.small {
	width: 190px;
}
input.smallx {
	width: 260px;
}
.num {
	float: right;
	margin-right: 1em;
	margin-top: 6px;
}
.slider {
	font-size: 1.4em;
}
.textarea {
	width: 100%;
	height: 134px;
	background-image: url(../images/XXL.png);
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.textarea textarea {
	font-size: 1.5em;
	width: 728px;
	height: 114px;
	padding: 10px;
	overflow: auto;
	z-index: 1;
}
.send {
	font-size: 2em;
	font-weight: bold;
	width: 80px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #24221f;
	background-color: #151512;
	float: right;
	cursor: pointer;
	margin:0px;
}
.attach {
	border-top: 1px solid #25231d;
	border-bottom: 1px solid #25231d;
	padding: 3px 0px 3px 0px;
	display: none;
}
.attach input {
	width: 50%;
	overflow: hidden;
	background-color: #000;
	border: 1px solid transparent;
	font-size: 1em;
	padding: 0px;
}
.attach img {
	float: right;
	margin-right: 10px;
}
.button {
	margin: 0px;
	font-size: 1em;
	font-weight: bold;
	width: 110px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #24221f;
	background-color: #151512;
	cursor: pointer;
}
#multiupload_wrap_list {
	width: 90%;
}
#multiupload_wrap_list div {
	padding-left: 10px;
	font-size: 1.3em;
	padding-top: 5px;
	color: #ff0000;
}
#multiupload_wrap_list a {
	font-size: 0.8em;
}
#multiupload_wrap_list span {
	color: #fff;
}
.last {
	height: 3.5em;
}

.error {
	display: block;
	color: #8a313b;
}
.b_mail_error, .b_name_error, .q_mail_error, .q_name_error, .p_mail_error, .p_name_error, .k_mail_error, .k_name_error {
	background-image: url(../images/XL_error.png)!important;
}
.b_area_error, .q_area_error, .p_area_error, .k_area_error {
	background-image: url(../images/XXL_error.png)!important;
}
.color {
	color: #000;
}
ul.topic {
	display: none;
	float: right;
	position: absolute;
	z-index: 10;
	margin-left: 130px;
	margin-top: 39px;
	background-color: #000;
}
ul.topic, ul.topic li {
	list-style: none;
	width: 186px;
	font-size: 1.2em;
}
ul.topic li a {
	width: 100%;
	background: #000;
	display: block;
	padding: 2px 0px 2px 12px;
	text-decoration: none!important;
	font-variant: small-caps;
	border: 1px solid #000;
	color: #718767;
}
ul.topic li a:hover {
	background-color: #171714;
	border-color: #1F1E1C;
}
#q_select {
	float: right;
	margin-top: 6px;
	margin-right: 2px;
	width: 25px;
	height: 25px;
	background-color: #060605;
}
#q_topic {
	background-image: url(../images/select.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
.qtopichover {
	background-image: url(../images/select-hover.gif)!important;
}