@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* Text styles */
.blog-featured h2 {
	/*
	font-size: 1.5em;
	margin-bottom:0em;
	*/
}

p.readmore {
	text-indent: 0;
	margin: 0;
	/* font-size: .9em; */
	font-weight: bold;
}
.joomla-footer {
	font-size: .9em;
	color: #aaa;
	margin-bottom: 5px;
	padding-top: 5px;
}

.joomla-footer .developed-by {
	float: right; 
	color: #ddd;
}

.joomla-footer .developed-by a {
	color: #ddd;
}

.joomla-footer .developed-by a:hover {
	color: #777;
}

.item-page h2, .blog h2 {
	margin-top: 20px;
	margin-bottom: 40px;
}

/* Article functions */
ul.actions {
	/* clear:both; */
	margin-top: -55px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}


/*--- Rukotvorine specific ---*/
html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body {
	/* overflow-y: scroll; */
	/*
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	*/
	text-align: center;
}

img {
	border:none;
	opacity:1;
	filter:alpha(opacity=100);
	
}

body, td, th, h1, h2, h3, h4, h5, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.container {
	width: 860px;
	/*margin-left: 15%;*/
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	height: 100%;
}

.header {
	margin-top: 40px;
	margin-bottom: 30px;
}

.containertbl {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	width: 100%;
}

.comcontent {
	/* display: block; */
	vertical-align: top;
}

.contentseparator-v {
	border: none;
	background: transparent url(../images/dotted-vertical.jpg) repeat-x scroll top left;
	min-height: 1px;
}

.sidebar {
	width: 243px;
	height: 100%;
	/* float: right;
	clear: right; */
	border-left: 1px #ccc solid;
	/* margin: 0 0 10px 9px; */
	padding: 0 0 0 8px;
	vertical-align: top;
}

.sidebar-separator {
	width: 7px;
}

.sidebar .moduletable {
	margin-bottom: 15px;
}

.categories-module, .categories-module li, .category-module, .category-module li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.categories-module li, .category-module li {
	margin-bottom: 4px;
	min-height: 64px;
}

.categories-module h3, .category-module h3 {
	display: inline;
	margin: 0;
}

.categories-module h3 a, .category-module h3 a {
	color: black;
}
.okvir, .moduletable .thumbnail {
	width: 60px;
	height: 60px;
	margin:0px 3px 0px 0px;
	border:#ccc solid 2px;
	display: inline-block;
	vertical-align: middle;
}

.category-module .mod-articles-category-thumbnail {
	float: left;
}

.category-module .mod-articles-category-date {
	display: block;
	font-size: 10px;
	color: #999;
}

.content-groups p {
	margin: 0;
	text-indent: 0;
}

.content-groups h2 {
	
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#000;
}

.style2 {
	font-size: 10px;
	color:#999999;
}

a:hover, span.separator:hover {
        filter:alpha(opacity=50);
        -moz-opacity:0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

}

/* span.separator is for menus that doesn't have it's own content and have sub-items - menu separators */
a, span.separator {
	color:#777;
	text-decoration:none;
	cursor: pointer;
}

p {
	text-indent: 18pt;
	margin: 0;
	margin-bottom: 11px;
	text-align: justify;
}

h1, h2, h3, h4 {
	margin: 0;
	margin-bottom: 9.13333px;
}

h1 a, h2 a, h3 a, h4 a {
	color: black;
}

/* Heading 1 is larger then other text and bolded */
h1 {
	font-size: 16px;
	font-weight: bold;
}

/* Heading 2 is for articles and side bar modules */
h2 {
	font-size: 120%;
	font-family: "Century Gothic", sans-serif;
	font-weight: normal;
}

/* Heading 3 is same as other text only bolded */
h3 {
	font-weight: bold;
}

/* Heading 4 is same as other text only italic */
h4 {
	font-style: italic;
}

/* used primary for article titles first word or two highlighting */
.highlight, .highlight-no-case {
	color: #bf0f1f;
}

.highlight {
	text-transform: uppercase;
}

.topmenu {
	width: 700px;
	clear: both;
}

ul.menu, ul.menu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
}

ul.menu li a, ul.menu li span.separator {
	display: block;
	padding: 3px 25px 2px 25px;
	font-size: 134%;
	font-family: "Century Gothic", sans-serif;
}

ul.menu li {
	float: left;
	border-right: 1px #CCCCCC solid;
}

ul.menu li.first a, ul.menu li.first span.separator {
	padding-left: 0px;
}

ul.menu li.last {
	border-right: none;
}

div.menu-childrens {
	float: left;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	height: 12px;
}

ul.menu-child {
	display: none;
}

ul.menu-child.current {
	display: block;
}

ul.menu-child li a, ul.menu-child li span.separator {
	color: #bf0f1f;
	font-size: 100%;
	padding: 0px 5px 0px 7px;
	line-height: 110%;
}

#iframe2, #iframe1 {
	margin-bottom: 10px;
}

/* ++++++++++++++  blog  ++++++++++++++ */

.cols-1
{
        display: block;
        float: none !important;
        margin: 0 !important;
}

.cols-2 .column-1
{
        width:46%;
        float:left;
}

.cols-2 .column-2
{
        width:46%;
        float:right;
        margin:0
}

.cols-3 .column-1
{
        float:left;
        width:29%;
        padding:0px 5px;
        margin-right:4%
}
.cols-3 .column-2
{
        float:left;
        width:29%;
        margin-left:0;
        padding:0px 5px
}
.cols-3 .column-3
{
        float:right;
        width:29%;
        padding:0px 5px
}

.items-row
{
        overflow:hidden;
        margin-bottom:10px !important;
}

.items-row h2 {
	margin-top: 8px;
	text-align: center;
	font-size: 110%;
}

.items-row h2 a, .items-row h2 .highlight {
	color: black;
	text-transform: uppercase;
}

.column-1,
.column-2,
.column-3
{
        padding:10px 5px
}

.column-2
{
        width:55%;
        margin-left:40%;
}

.column-3
{
        width:30%
}

.blog-more
{
        padding:10px 5px
}

/* ++++++++++++++  products ++++++++++++++ */

.products {
	min-height: 500px;
}

.products .slideInfoZone h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 145%;
	font-weight: bold;
	margin-bottom: 13px;
}

.products .slideInfoZone h2 .highlight {
	color: black;
}

.products .slideInfoZone h2 span.highlight2 {
	font-size: 11px;
	font-weight: normal;
}

.products .smoothgallery .system-pagebreak {
	display: none;
}

.designby, 
.dimensions, 
.woodspecies, 
.availablewoodspecies {
	display: block;
	font-size: 10px;
	
}

.designby {
	font-style: italic;
}

/* ++++++++++++++  categories groups & product sub-categories  ++++++++++++++ */

.categories-groups ul, .categories-groups li, .products-children ul, .products-children li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.categories-groups li {
	float: left;
	padding: 0 5px 10px 5px;
}

.products-children li {
	float: left;
	padding: 0 7px 10px 8px;
	min-width: 190px;
}

li.col-1 {
	padding-left: 0;
}

li.col-3 {
	padding-right: 0;
}

.categories-groups li.last.col-1 {
	margin-left: 290px;
}

.categories-groups h2, .products-children h2 {
	margin-top: 4px;
	text-align: center;
	font-size: 110%;
}

.products-children h2 {
	width: 190px;
}

.categories-groups a, .products-children a {
	color: black;
	text-transform: uppercase;
}

.categories-groups a:hover, .products-children a:hover {
	color: gray;
}

.categories-groups img, .products-children img {
	border: 1px #999999 solid !important;
	/* force image size as a compromise to the scattered layout */
	min-height: 188px;
}

.products-children img.categoryimage {
	min-width: 188px;
}

.categories-groups img.categoryimage {
	min-width: 278px;
}

/* ++++++++++++++  admin editor corrections ++++++++++++++ */

.mceContentBody img.full, .mceContentBody img.thumbnail {
	border: 1px silver solid;
}

/* MCE somethimes by mistake wraps page break into P tag. P tag has text indent, so it's necessary to cancel that page break get indented  */
.mceContentBody p .mceItemPageBreak, 
.mceContentBody p .system-pagebreak,
.mceContentBody p .mceItemReadMore,
.mceContentBody p .system-readmore {
	margin-left: -18pt !important;
}

.login fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-left: 25%;
	margin-top: 100px;
}

.login #password-lbl, .login #username-lbl {
	display: inline-block;
	width: 70px;
}

.login button {
	margin-left: 75px;
}

.joomla-search {
	
}

/* ++++++++++++++  contact form ++++++++++++++ */
.aiContactSafe_contact_form_field_label_left {
	float: left;
	width: 110px;
	padding-top: 5px;
}

.aiContactSafe_contact_form_field_right {
	float: left;
}

.aiContactSafe_contact_form_field_right input[type=text],
.aiContactSafe_contact_form_field_right textarea {
	width: 300px;
	margin-left: 0;
}

.countdown_editbox {
	width: 55px !important;
}

.aiContactSafe_row {
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
}

#aiContactSafe_label_aics_iamother, 
#aiContactSafe_label_aics_interestsother {
	display: none;
}

#div_captcha {
	margin-top: 20px;
}

#aiContactSafe_info {
	margin-bottom: 20px;
}