* {margin:0;padding:0;}
body {background:#fff;text-align:center;font-family:Verdana, Helvetica, sans-serif;font-size:12px;color:#555;font-weight:normal}
h1,h2,h3,h4 {font-size:18px;font-weight:normal;}
a {color:#447ab0; text-decoration:underline;}
a:hover {text-decoration:none;}
p {margin:10px 0;line-height:150%;}
/*b, strong {font-weight:normal!important}*/

.wrapper {padding:15px 0;width:1000px;margin:0 auto;text-align:left;}
#logo {height:70px;background:url(images/tel.gif) right top no-repeat;}
.logo_bg {background:transparent url(images/logo.gif) no-repeat left top; color:#586C85; display:block; font-family:Tahoma; font-size:11px; margin-left:30px;padding-top:40px;width:280px;}
.logo_menu {padding-left:370px; position:absolute; top:65px;}
.logo_menu a {color:#336699;}
#head {height:250px;background:url(images/head.jpg) left top no-repeat;padding:25px 0 0 35px;color:#fff;}
.left {float:left;width:320px;color:#fff;}
.box1 {height:230px;background:url(images/box1.jpg) left top no-repeat;padding:25px 20px 20px 35px;}
.box2 {height:227px;background:url(images/box2.jpg) left top no-repeat;padding:30px 20px 20px 35px;}
.box3 {height:165px;background:url(images/box3.jpg) left top no-repeat;padding:30px 20px 20px 35px;}
.box4 {height:140px;background:url(images/box4.jpg) left top no-repeat;padding:30px 20px 20px 35px;}
.box5 {text-align:center;}
#head a,.left a {color:#fff;}

#head li,.left li {margin:8px 0 0 8px;list-style:none;}
.right {float:right;width:650px;padding:10px;}
#footer {clear:both;background:;padding:10px 0;text-align:right;color:#999;font-size:10px;border-top:2px solid #c9c9c9;}
.footer_left {float:left; width:300px; margin-top:5px;}
.footer_right {float:right; width:650px;}

.right h1,.right h3 {color:#447ab0;}
.right h2 {color:#b07d66;}
.right h4 {color:#e1551f;}

.sakura_bg {background:url(http://matrasy.org/assets/images/sakura.jpg) no-repeat center;}
.contact {background:url(http://matrasy.org/assets/images/contact.jpg) no-repeat top left; height:534px;}

.cat_box {clear: both; padding:5px 0;}
img.f-left {float:left;margin-right:1em;border:0;}
img {border:0 none;}
.spec {border:1px solid #D8DCE2; display:block; float:left; width:185px; height:220px; padding-left:10px; margin-bottom:15px; margin-right:15px; text-decoration:none;}
.spec_img {display:block; width:180px; height:135px;}
.spec_name {display:block; color:#447ab0; margin-bottom:4px; text-decoration:underline;}
.spec_href,.spec_cena {display:block; width:175px; font-size:11px; color:#777;}
.spec_cena {text-align:center;}
.clear {clear:both;height:1px;}
.seotext {font-size:11px; color:#777;}
/* Tables */
table {border-collapse:collapse;font-size:10px;border:0;width:480px;}
table th, table td {border:1px solid #E8E3CF;padding:2px 3px;vertical-align:top;}
table th {font-weight:bold;}
.sto {width:600px;margin-top:5px;}
/* Inputs */
input, textarea { vertical-align: middle; border:1px solid #ccc; font-size:12px;}
.i-checkbox { margin-top: 3px; }
.i-text { width: 12px; padding: 0 1px; font: 1em sans-serif; }
.button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }
/* table cost */
.span19 {display:block;margin:4px 1px;}
/* spec */
.head_left {float:left; width:270px;}
.head_right {float:right; width:200px;}

span.price {color:red; padding-right:0px}
.shk-but {border:0; background:#fff; color:#447AB0; border-bottom:1px #447AB0 solid; font-family:Verdana,Helvetica,sans-serif; font-size:10px; cursor:pointer;margin-left:5px;margin-right:5px;}
.butEmptyCart, .cart-order, .price_total {padding-top:10px;padding-bottom:5px}
#shopOrderForm table th, #shopOrderForm table td {border:0px}
#cartEmpty {padding-top:30px}


.spec_img{height:135px;}
.spec_href{height:45px;}

/* helper box */
#stuffHelper {position: absolute; z-index:100; width:150px; padding:5px; background-color:#f5f5f5; border:1px solid #888; display:none;}
#stuffHelper div {/*padding:5px 0; */text-align: center;}