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

/*/////////////////////*/
/*art layout*/
.art_container {
	margin:0px 0px;
	margin-top:10px;
}
.art_container .desc {
	font-size:14px;
}
.art_title {
	padding-bottom:10px;
}

.art_title h1{
	font-size:20px;	
	font-weight:bold;
	font-family:"Roboto Condensed", sans-serif;
	margin:0px;
	padding:0px;
}

.warehouse span{
	color:#3c941a;
	font-weight:600;
}

.art_next {padding-bottom:20px; color:#063; width:50px; float:left;}

.art_container .left {
	float:left;
	width:150px;
}
.art_container .center {
	float:left;
	width:545px;
	margin-right:10px;
	text-align:center;
	position:relative;	
}
#art_image {
	float:left;
	width:540px;
	height:345px;
	overflow:hidden;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFF;
	margin-bottom:10px;
	background-size:contain;
	border:2px solid #cbd0d8;
	}
.art_container .right {
	float:right;
	width:300px;
}
/*art layout*/
/*/////////////////////*/

/*/////////////////////*/
/*thumbs*/

.art_container a.thumb {
	display:block;
	float:left;
	
	width:86px;
	height:86px;
	
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	border:1px solid #fff;
}
.art_container a.thumb:link, .art_container a.thumb:visited, .art_container a.thumb:active {
}
.art_container a.thumb:hover {
}

.art_container a.thumb.sel {border:1px solid #0066b3;}

/*thumbs*/
/*/////////////////////*/

/*/////////////////////*/
/*art details*/
/*/////////////////////*/
/*/////////////////////*/
/*/////////////////////*/
/*/////////////////////*/
/*art props*/
.art_container .right .props {
	margin-top:10px;
}

.cat_title{
	margin-top:30px;
	border-bottom:2px solid #e3e5e8;
	height:27px;
	text-align:center;
	margin-bottom:30px;
}

.cat_title h2{
	font-size:20px;
	color:#151719;
	font-weight:bold;
	font-family:"Roboto Condensed", sans-serif;
	display:inline-block;
	background-color:#fff;
	padding:0px 30px;
	text-transform:uppercase;
}

.props .enabled {
	width:45px;
	float:left; 
	margin:0px 0px 0px 0px;
	line-height:10px; 
	font-size:18px;
	text-align:center; 
	vertical-align:middle; 
	background-color:#fff; 
	border:1px solid #cbd0d8; 
	cursor:pointer;
	padding-top:15px;
	padding-bottom:15px;
	color:#141618;
	font-weight:400;
	}

.props .disabled {	
	width:45px;
	float:left; 
	margin:0px 0px 0px 0px;
	line-height:10px; 
	font-size:18px;
	text-align:center; 
	vertical-align:middle; 
	background-color:#fff; 
	border:1px solid #cbd0d8; 
	cursor:pointer;
	padding-top:15px;
	padding-bottom:15px;
	color:#141618;
	font-weight:400;
	filter:alpha(opacity=20);	-moz-opacity:0.20;	-khtml-opacity: 0.20;	opacity: 0.20;
	}

.props .selected {
	width:45px;
	float:left; 
	margin:0px 0px 0px 0px;
	line-height:10px; 
	font-size:18px;
	text-align:center; 
	vertical-align:middle; 
	background-color:#fff; 
	border:1px solid #0066b3; 
	cursor:pointer;
	padding-top:15px;
	padding-bottom:15px;
	color:#0066b3;
	font-weight:400;
	}

.props h3 {
	margin:0px;
	margin-bottom:20px;
	color:#252525;
	font-weight:600;
	font-size:15px;
	margin-top:30px;
	text-transform:uppercase;
}


/*/////////////////////////////////////////////////////////*/

.art_container .right .price_container .price_regular div.c1,
.art_container .right .price_container .price_regular div.c2 {
	
}
.art_container .right .price_container .price_regular div.c2 {
	
}

.art_container .right .price_container .price_regular div.c2 {}

.art_container .right .price_container .price_regular div.c1 {
	
}
.art_container .right .price_container .price_regular div.c2 {
	
}



.art_container .right .price_container .price_web div.c1,
.art_container .right .price_container .price_web div.c2 {
	color:#252525;
}
.art_container .right .price_container .price_web div.c2 {
	
}

.art_container .right .price_container .price_web div.c1 {
	
}
.art_container .right .price_container .price_web div.c2 {
	
}

.button {margin-top:5px;}
/*art details*/
/*/////////////////////*/

/*/////////////////////*/
/*art templates*/

.templates_container {margin-top:10px;}
.templates_container a.thumb {
	display:block;
	float:left;
	
	width:125px;
	height:105px;
	
	margin-right:6px;
	margin-bottom:10px;
	
	border:1px solid;
	
	background-repeat:no-repeat;
	background-position:center center;
}
.templates_container a.thumb:link, .templates_container a.thumb:visited, .templates_container a.thumb:active {
	border-color:#c6c6c6;
}
.templates_container a.thumb:hover {
	border-color:#666;
}

.templates_container a.thumb.sel {
	border-color:#ED1C24;
}

.quantity_container{
	float:left;
}

.quantity_container a{
	display:block;
	float:left;
	margin-top:12px;
}

.quantity_container input{
	float:left;
	font-size:20px;
	color:#464646;
	text-align:center;
	width:68px;
	border:1px solid #c2c2c2;
	padding:10px 0px;
	margin:0px 5px;
	
}

.social{
	margin-top:85px;
}

a.order_button{
	background-color:#0066b3;
	background-repeat:no-repeat;
	background-position:center right;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    padding:15px 30px 15px 30px;
	text-decoration:none;
	display:inline-block;
	margin-top:15px;
	margin-bottom:10px;
}

.opis h3{
	margin-top:0px;
}

.related_item{
	float:left;
	width:265px;
	text-align:center;
	font-size:18px;
	text-decoration:none;
}

.related_item a.head{
	color:#252525;
	font-size:18px;
	text-decoration:none;
	margin-top:15px;
	display:block;
}


.art_related .art_item{
	float:left;
	width:220px;
	border:2px solid #cbd0d8;
	text-align:left;
	overflow:hidden;
	color:#333333;
	text-decoration:none;
	position:relative;
	margin:8px 21px;
	margin-left:0px;
	font-size:14px;
	background-color:#fff;
	transition:all ease-in-out 0.3s;
}

.art_related .art_item .overlay{
	opacity:0;
	transition:all ease-in-out 0.3s;
}

.art_related .art_item:hover{
	background-color:#f1f1f2;
	border:2px solid #0066b3;
}

.art_related .art_item:hover .overlay{
	opacity:1;
}

.art_related .art_item img{
	position:relative;
}

.art_related .art_item .title{
	padding:10px;
	text-decoration:none;
	font-size:16px;
	display:block;
	color:#151719;
	font-weight:bold;
	font-family:"Roboto Condensed", sans-serif;
	text-transform:uppercase;
	min-height: 95px;
}

.art_related .art_item .title span{
	display:block;
	color:#333333;
	font-size:18px;
	font-weight:bold;
}

.art_related .art_item .button_more,
.art_related .art_item .button_cart{
	position:absolute;
	top:50px;
	width:140px;
	left:-70px;
	margin-left:-70px;
	padding:10px 0px;
	background-color:#3c941a;
	color:#fff;
	transition:all ease-in-out 0.3s;
	z-index:2;
	opacity:0;
	text-decoration:none;
}

.art_related .art_item .button_more{
	left:50%;
	background-color:#3c941a;
}

.articles_content h1{
	font-size:30px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	margin-bottom:30px;
}

.blagovne{
	border-top:1px solid #c2c2c2;
	margin-top:50px;
	padding-top:50px;
}

.blagovne img{
	margin:0px 18px;
}

.art_item .overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:190px;
	height:150px;
	padding:45px 15px;
	background-color:#0066b3;
	z-index:999;
	text-align:center;
}

.art_item .overlay a{
	display:inline-block;
	color:#fff;
	text-decoration:none;
	padding:10px 0px;
	font-size:16px;
	font-weight:normal;
	padding:10px 0px 10px 30px;
}

.art_item .overlay .delim{
	margin-top:30px;
	border-top:2px dashed #e3e5e8;
	padding-bottom:30px;
}

.select_custom{
	width:220px;
	overflow:hidden;
	background:url(/images/select_button_custom.png) center right no-repeat;
	border:1px solid #cbd0d8;
}

.select_custom select{
	border:none;
	background-color:transparent;
	color:#4d555c;
	font-family:"Roboto Condensed", sans serif;
	width:250px;
	padding:5px 10px;
	font-size:14px;
}

a.art_item{
	width:54px;
	height:54px;
	display:inline-block;
	background-size:contain !important;
	border:1px solid #fff;
	transition:all ease-in-out 0.3s;
}

a.sel,
a.art_item:hover{
	border:1px solid #0066b3;
}

.social_items{
	margin-top:35px;
	font-size:16px;
	text-align:left;
	text-transform:uppercase;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:bold;
}

.social_items a{
	display:inline-block;
	margin:10px 10px;
}

.right_side{
	float:left;
	width:320px;
}
/*art templates*/
/*/////////////////////*/

.colors_container .enabled{
	border:1px solid #fff;
	width:55px;
	height:55px;
	padding:0px !important;
	margin-right:3px;
}

.colors_container .disabled{
	opacity:0.5;
	width:55px;
	height:55px;
	padding:0px !important;
	margin-right:3px;
}

.colors_container .selected{
	border:1px solid #0066b3;
	width:55px;
	height:55px;
	padding:0px !important;
	margin-right:3px;
}