@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #9f7a64;
	color: #eee5c3;
}

a {
	color: #de9647;
}

a:hover {
	color: #881D20;
	text-decoration:none;
}

#call_designer {
	width: 400px;
	min-height: 350px;
	background: #D8CEB7;
	position: fixed;
	top: 150px;
	left: 50%;
	margin-left: -200px;
	z-index: 9999999999999;
	padding: 20px;
    color: #938775;
	border: 3px solid #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 4px rgba(50, 50, 50, 0.50);
	-moz-box-shadow:    0px 0px 4px rgba(50, 50, 50, 0.50);
	box-shadow:         0px 0px 4px rgba(50, 50, 50, 0.50);
	opacity:0.95;
	filter:alpha(opacity=95);
	text-align: center
}

#call_designer #designer input {
	font-size: 12pt;
	padding: 5px 3% 8px 3%;
	margin: 0 auto 10px auto;
	width: 90%;
	border: 1px solid #CCCCCC;
	position: relative
}

#call_designer #designer div.required {
	position: relative;
}

#call_designer #designer div.required:after {
	content: "*";
	color: red;
	position: absolute;
	top:7px;
	right:3%;

}

#call_designer #designer span {
	position: relative;
	left: -15px;
	top: 4px;
	line-height: 0
}

#call_designer #designer #message {
	height: 100px;
	width: 97%;
	max-width: 350px;
	
}

#call_designer #designer #product {
	padding: 5px 3% 8px 3%;
	line-height: 170%;
	width: 96%;
	margin: 0;
}

#call_designer #claim {
	text-shadow: none
}

#call_designer a {
    color: #7C553E
}

#call_designer #designer .submit {
	border: 1px solid #573a2a;
	width: 97%;
	padding: 8px 0 10px 0;
	margin: 15px 0 15px 0;
	background: #573a2a;
	text-transform: uppercase;
	color: #fff;
	-webkit-appearance: none;
}

#call_designer #designer .submit:hover {
	border: 1px solid #C07854;
	cursor: pointer;
	background: #C07854;
	transition:all 0.5s ease;
	color: #494949
}

#call_designer #or_call {
	text-align:center;
	margin: 10px 0 0 0;
	padding: 20px 0 0 0;
	border-top: 1px dashed #A4A4A4
}

#call_designer #or_call span {
	font-size: 20pt
}

#call_designer .pol {
	text-align: center;
	font-size: 10pt
}

.close {
	border: none;
	float: right
}

@media screen and (max-height: 700px) {
	#call_designer {
		top: 0px;
		position: fixed;	
	}
}

#call_disigner_head {
	font-size: 16pt;
	font-weight: bold
}

#curtain {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10000;
	opacity: 0.85;
	background: #000;
}

h1 {
	color: #fdeca6;
	font-size: 18px
}

h2 {
	color: #fdeca6;
	font-size: 16px
}

h2.landing {
	text-transform: uppercase;
	text-align: center;
	font-size: 22pt
}

#article_img {
	border: 1px solid #CCC;
	background: #fff;
	padding: 5px;
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.22);
	border-radius: 5px;	
	float: left; 
	margin: 0 15px 15px 0;
	max-width: 320px
}


#bot_phone {
	float: right;
	text-align: right;
	font-size: 16pt
}

#bot_phone a {
	font-size: 24pt;
}

#claim {
	background: #eeecb7; 
	width: 90%; 
	margin: auto; 
	margin-bottom: 30px; 
	padding: 20px; 
	font-weight: bold;
	border: 2px dashed #d56a6a;
	color: #505050;
	font-size: 13px;
	text-align: left;
	min-height: 30px;
}

#claim img {
	vertical-align: middle
}
#claim h2 {
	color: #282828
}

#comment_form {
	border: 1px dashed #CCCCCC;
	display: inline-block;
	padding: 10px;
	margin: 10px 10px 10px 0;
	background: #f5f4f4;
	color: #777;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.22);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.22);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.22);
}

#comment_form div {
	margin: 10px 0 10px 0
}

#comment_form label {
	font-weight: bold
}

#comment_form textarea {
	width: 100%
}

.greysmall {
	color: #fff; 
	font-size: 10px
}

#content {
	padding: 10px;
}

#content p {
	text-align: justify;
}

#forma_contact {
	border: 1px solid grey; 
	padding: 20px
}

#forma_contact #message {
	height: 200px
}

#forma_contact .button_white {
	cursor: pointer
}

#forma_contact .contact_input {
	width: 98%;
	max-width: 400px;
	border: 1px solid #DDD;
	height: 25px
}

#forma_contact #prov {
	width: 90px;
	border: 1px solid #DDD;
	height: 25px
}

.imgcat {
	text-align:center;
	padding-bottom:20px
}

.imgcat img {
	vertical-align: top;
	padding:5px;
	border: 1px solid #a69279;
	background: #b49f84;
}

#leftmenu {
	max-width: 300px;
	width: 30%;
	float: left;
	padding-bottom: 30px
}

#leftmenu ul {
	list-style-type:none;
	margin: 30px 0 50px 0;
	padding: 0
}

#leftmenu li a {
	color: #fcf5c8;
	font-size: 16px;
	text-decoration: none;
}

#leftmenu li {
	margin-bottom: 4px;
	background: url(img/paw.png) no-repeat 0 50%; 
	padding-left: 20px
}

#leftmenu li a:hover {
	color: #E69100;
	text-decoration: underline
}

#navigation {
	margin: 15px 0 15px 0
}

#navigation a {
	margin-right: 8px;
	border: 1px solid #CCC;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#navigation a:hover {
	background: #FBF9E3;
	-webkit-transition:all 0.6s ease;
	-moz-transition:all 0.6s ease;
	-o-transition:all 0.6s ease;
	transition:all 0.6s ease;
	text-decoration: none;
}

#navigation div {
	display: inline-block;
	margin-right: 4px;
	background: #FBF9E3;
	border: 1px solid #CCC;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#product-list {
	width:100%
}

#product-list h2 {
	margin-top: 0
}

#full-img {
	text-align: center !important;
}

#full-img img {
	padding:5px;
	border: 1px solid #d6d6d6;
	background: #fff;
}

#top-menu ul li a:hover {
	background: #3C0F0D;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #AE2F2B),
	color-stop(1, #741E1A)
);
background-image: -o-linear-gradient(bottom, #AE2F2B 0%, #741E1A 100%);
background-image: -moz-linear-gradient(bottom, #AE2F2B 0%, #741E1A 100%);
background-image: -webkit-linear-gradient(bottom, #AE2F2B 0%, #741E1A 100%);
background-image: -ms-linear-gradient(bottom, #AE2F2B 0%, #741E1A 100%);
background-image: linear-gradient(to bottom, #AE2F2B 0%, #741E1A 100%)
}



#central2 {
	text-align:center;
	color: #968773;
	font-size: 12px;
	margin: 0 auto 50px auto;
	width: 100%;
	max-width: 941px;
	box-shadow:         -1px 13px 12px 0px rgba(50, 50, 50, 0.55);
	overflow: hidden;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#central2 #left_cell {
	max-width: 471px;
float: left;
	background: #E1DACB url(/img/central_left.jpg) no-repeat;
	height: 218px;
	width: 50%;
	display: inline-block;
	border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
	text-align: left
}

#central2 #left_cell #wrap {
	margin: 30px 0 0 160px
}

#central2 #right_cell {
	max-width: 470px;
	float: left;
	background: #E1DACB url(/img/central_right.jpg) no-repeat;
	height: 188px;
	width: 47%;
	
	text-align: left;
	padding: 30px 0 0 3%;
	display: inline-block;
	border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}

.article_comment {
	border: 1px solid #CCC;
	padding: 10px;
	background: #F3F3F3;
	overflow: hidden;
	margin: 10px 0 10px 0
}

.article_comment img {
	border: 1px solid #9c9c9c;
	float: left;
	margin: 0 15px 0 0;
	clear: both
}

.article_comment_author {
	font-weight: bold;
}

.article_comment-content {
	clear: both;
	color: #666
}

.article_comment_content {
	font-size: 13px
}

.article_comment_reply {
	text-align: right
}

.article_comment_reply a:hover {
	text-decoration: none;
}

.articles_list_cat {
	float: right;
	margin: 10px 0 10px 0
}

.articles_list_tab {
	border: 1px solid #CCC;
	margin: 5px 0 5px 0;
	padding: 10px;
	overflow: hidden;
	font-size: 12pt;
	line-height: 140%
}

.articles_list_tab h2 a {
	text-decoration: none;
	line-height: 110%
}

.articles_list_tab h2 a:hover {
	text-decoration: underline
}

.artik {
	font-weight: bold;
	padding:0
}

.big {
	font-size: 28px;
	font-weight: bold;
	color: #2f1b01;
}

.big2 {
	font-size: 24px;
	font-weight: bold;
	color: #815526;
}

.big3 {
	font-size: 18px;
	font-weight: bold;
	color: #fdeca6;
	margin: 10px 0 10px 0
}

.button_white {
	border: 1px solid #999;
	padding: 5px 20px 5px 20px;
	color: #666;
	text-decoration: none;
	background: #F0F0F0;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #EBEBEB)
);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 100%);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 15px;
	-webkit-box-shadow: 1px 1px 4px 1px rgba(50, 50, 50, 0.24);
	-moz-box-shadow:    1px 1px 4px 1px rgba(50, 50, 50, 0.24);
	box-shadow:         1px 1px 4px 1px rgba(50, 50, 50, 0.24);
	margin: 20px 0 20px 0;
	display: inline-block
}

.button_white:hover {
	border: 1px solid #C0C02C;
	background: #FFC;
	color: #666;
		-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

.gallery_cat_tab {
	display: inline-block;
	border: 1px solid #CCC;
	position: relative;
	margin: 0 10px 10px 0;
	min-width: 250px;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.30);
	-moz-box-shadow:    2px 2px 2px rgba(50, 50, 50, 0.30);
	box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.30);
}

.gallery_cat_tab img {
	vertical-align:bottom;
	max-width: 330px
}

.gallery_title {
	background: url(/img/transp.png); 
	height: 25px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-decoration: none;
	font-size: 15px;
	text-align: center;
	padding: 5px 0 0 0
}

.gallery_title:hover {
	background: url(/img/transp-hover.png);
	color: #333
}

.kitten {
	width: 38%;
	padding: 3%;
	margin: 0 2% 10px 2%;
	float: left;
	text-align:center;
	border: 1px solid #DAD2C0;
	border-radius: 10px
}

.kitten h2 a {
	color: #FAEDAE;
	font-size: 16pt
}

.kitten h3 {
	min-height: 50px
}

.kitten p {
	text-align: center !important;
	min-height: 35px
}

.kitten img {
	width: 100%
}

.kittenindex {
	clear: both;
    padding-top: 30px
}

.landing h1 {
	text-align: center;
	font-size: 25pt
}

.landing p {
	font-size: 13pt
}

.news_list_date {
	font-size: 11px;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	width: 75%;
	color: #fff;
	border-bottom: 1px dashed #CCC
}

.news_list_tab {
	border: 1px solid #CCC;
	margin: 5px 0 5px 0;
	padding: 10px;
	overflow: hidden
}

.news_list_tab h2 {
	font-size: 18px;
	margin: 0 0 15px 0
}

.news_list_tab_img {
	float: right;
	width: 200px;
	border: 1px solid #CCC;
	background: #fff;
	padding: 5px;
	margin: 10px 0 0 15px;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.22);
	-moz-box-shadow:    0px 1px 5px rgba(50, 50, 50, 0.22);
	box-shadow:         0px 1px 5px rgba(50, 50, 50, 0.22);
}

.small_real {
	background-color: #eee5c3; 
	margin: auto;
}

.small_real td p {
	text-align:left !important;
}

.small_real td {
	background-color: #9E7861;
	font-size: 11px;
}

#bottom {
	width: 94%;
	background: #4f2b17 url(img/tbg.png);
	overflow: hidden;
	padding: 30px 3% 30px 3%;
}

#bottom #copyright {
	width: 30%;
	float: left;
	padding-left: 3%
}

#bottom #counter {
	float: left;
	width: 33%;
	text-align: center
}

#bottom #promo {
	float: none;
	clear: both;
	width: 100%;
	text-align:center
}

#bot-rama {
	width: 95%;
	max-width: 941px;
	height: 76px;
	margin:auto;
	background: url(img/bot-back-cent.gif) center no-repeat;
}

#counter {
	text-align:center;
	width: 20%
}


.noborder {
	border: none;
}

#random-img {
	margin-bottom: 20px
}

#random-img img {
	padding:7px;
	border: 1px solid #a69279;
	background: #b49f84;
	max-width: 200px;
}

.big-ul {
	font-size: 15px;
}

.big-ul li {
	margin-bottom: 3px
}

.big-head {
	font-size: 16px;
	font-weight:bold
}

.brown_button {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background: #98481B;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #813814),
	color-stop(1, #98491B)
);
background-image: -o-linear-gradient(bottom, #813814 0%, #98491B 100%);
background-image: -moz-linear-gradient(bottom, #813814 0%, #98491B 100%);
background-image: -webkit-linear-gradient(bottom, #813814 0%, #98491B 100%);
background-image: -ms-linear-gradient(bottom, #813814 0%, #98491B 100%);
background-image: linear-gradient(to bottom, #813814 0%, #98491B 100%);
	text-align: center;
	padding: 5px 17px 5px 17px;
	border-radius: 4px;
	font-size: 13pt
}

.brown_button:hover {
	color: #fff;
	background-image: none
}

.button_yellow {
	display: inline-block;
	padding: 7px 20px 7px 20px;
	color: #FAF1E0;
	text-decoration: none;
	background: #DDA037;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #DDA037),
	color-stop(1, #E88617)
);
background-image: -o-linear-gradient(bottom, #DDA037 0%, #E88617 100%);
background-image: -moz-linear-gradient(bottom, #DDA037 0%, #E88617 100%);
background-image: -webkit-linear-gradient(bottom, #DDA037 0%, #E88617 100%);
background-image: -ms-linear-gradient(bottom, #DDA037 0%, #E88617 100%);
background-image: linear-gradient(to bottom, #DDA037 0%, #E88617 100%);
	
	font-size: 12pt;
	border-radius: 5px
}

.button_yellow:hover {
	background-image: none;
	background: #B85020;
	color: #fff
}

.my-gallery {
  width: 100%;
  float: left;
}

.my-gallery img {
    width: 99%;
	border: 1px solid #d6d6d6;
	background: #fff;
	position: absolute;
	top: 0;
	left:0;
	box-shadow:         2px 2px 2px rgba(50, 50, 50, 0.35);
}

.my-gallery img:hover {

  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition-duration: 1s;
}
  
.my-gallery figure {
	display:-moz-inline-box; 
	display:inline-block; *zoom:1; *display:inline;
	position:relative;
	overflow: hidden;
	width: 49%;
	height: 224px;
	vertical-align: top;
	margin: 0 5px 30px 0;
	line-height: 100%;

}

.landing .my-gallery figure {
	height: 304px;


}

.my-gallery figcaption {
  display: none;
}

.my-gallery .img_title {
	font-size: 12px;
	width: 100%;
	color: #666;
	position: absolute;
		left: 0;
		bottom:0;
	background: linear-gradient(
	rgba(255, 255, 255, 0.75),
	rgba(255, 255, 255, 0.75)
	);
	padding: 5px 0 5px 0
}

.real {
	background-color: #c0c0c0; 
	margin: auto
}

.real td {
	background-color: #fff;
}


/* Begin of Shadowbox style */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;cursor:pointer}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(img/close.png);}
#sb-nav-next{background-image:url(img/next.png);}
#sb-nav-previous{background-image:url(img/previous.png);}
#sb-nav-play{background-image:url(img/play.png);}
#sb-nav-pause{background-image:url(img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* End of Shadowbox style */

@media screen and (max-width: 768px) {

#central2 #left_cell {
	max-width: 400px;
    float: left;
	background-image: none;
	height: 218px;
	width: 47%;
	display: inline-block;
	border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
	text-align: left;
	padding-right: 2%;
	border-right: 1px solid #dcd1bb
}

#central2 #left_cell #wrap {
	margin: 30px 0 0 50px
}

#central2 #right_cell {
	max-width: 400px;
	float: left;
	background-image: none;
	height: 188px;
	width: 47%;
	text-align: left;
	padding: 30px 0 0 3%;
	display: inline-block;
	border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
    .landing .my-gallery figure {height:230px}
}

@media screen and (max-width: 600px) {

#central2 #left_cell #wrap {
	margin: 30px 0 0 20px
}

	.my-gallery {text-align: center}
	
	.kitten {
width: 93%;
padding: 3%;
margin: 0 0 10px 0;
		float: none
}
	
.my-gallery figure {	
	width: 100%;	
	margin: 0 0 20px 0;

}
	
.my-gallery figure img {
	width: 100%
}
	
.my-gallery .img_title { 
	width: 100%;
	margin-top: 0;
}
	
}


@media screen and (max-width: 550px) {
#call_designer {
	width: 96%;
	min-height: 350px;
	top: 0;
	left: 0;
	margin-left: 0;
	padding: 5px;
	font-size: 12px
}
	

	#call_designer #claim {
		width: 90%; 
		margin: auto; 
		margin-bottom: 5px; 
		padding: 5px; 
		font-weight: normal;
		font-size: 11px;
	}

	#designer .input {
		width: 90px;
	}

	#designer #message {
		height: 50px;
		width: 97%;
		max-width: 280px;
	}
    
}

@media screen and (max-width: 500px) {

	#bottom #copyright {
	width: 98%;
	float: none;
	padding: 1%;
		text-align: center
}

#bottom #counter {
	float: none;
	width: 100%;
	margin:30px 0 30px 0
}

#bottom #promo {
	padding: 0 0 30px 0
}
	
	#bot_phone {
		float: none;
		clear: both;
		text-align: center;
		margin: 20px 0 20px 0
	}

	
	#central2 #left_cell {
	max-width: auto;
	float: none;
	height: auto;
	width: 94%;
	display: inline-block;
	border-radius: 15px;
	text-align: left;
	padding: 20px 2% 20px 2%;
	border-right: none;
	margin: 0 auto 20px auto
}


#central2 #right_cell {
	max-width: auto;
	float: none;
	background-image: none;
	height: auto;
	width: 86%;
	margin: 0 auto 20px auto;
	text-align: left;
	padding: 20px 6% 20px 6%;
	display: inline-block;
	border-radius: 15px
}
	
	#content-zone {
		width: 98%;
		float: none;
		margin: 0 1% 0 1%
	}
	
	#leftmenu {
		float: none;
		width: 100%
	}
	
	#random-img {text-align:center}
}






@media screen and (max-width: 450px) {
    #call_disigner_head {
	font-size: 14pt;
	font-weight: bold
}
	#call_designer #designer input {
	font-size: 10pt;
}
	#call_designer .pol {
		font-size: 7pt
	}
    
    h2.landing {font-size: 15pt}
    .landing h1 {font-size: 16pt}
    .landing p {font-size: 11pt}
    .landing .my-gallery figure {height:250px}
}

@media screen and (max-width: 375px) {
    .landing .my-gallery figure {height:230px}
    
}