@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadPro-It';
	src: url('fonts/MyriadPro-It.eot');
	src: local('☺'), url('fonts/MyriadPro-It.woff') format('woff'), url('fonts/MyriadPro-It.ttf') format('truetype'), url('fonts/MyriadPro-It.svg') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'segoeui';
	src: url('fonts/segoeui.eot');
	src: local('☺'), url('fonts/segoeui.woff') format('woff'), url('fonts/segoeui.ttf') format('truetype'), url('fonts/segoeui.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'segoeui';
	src: url('fonts/seguisb.eot');
	src: local('☺'), url('fonts/seguisb.woff') format('woff'), url('fonts/seguisb.ttf') format('truetype'), url('fonts/seguisb.svg') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'segoeui';
	src: url('fonts/segoeuib.eot');
	src: local('☺'), url('fonts/segoeuib.woff') format('woff'), url('fonts/segoeuib.ttf') format('truetype'), url('fonts/segoeuib.svg') format('svg');
	font-weight: 700;
	font-style: normal;
}




* 		{margin:0;padding: 0;}
html 	{height:100%;}
body	{font:12px Arial, Helvetica, sans-serif;width:100%;color:#000;background:#d0f0fe url(/images/bg.png) 0 0 repeat-x; height:100%; min-width: 999px;}

a 		{color:#0379b3;outline:none;}
a:hover	{text-decoration:none}
	
img		{border:0}
p		{margin:0 0 20px 0}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block;}
.clear {display: block;}
.clearboth {clear:both}
table {border-collapse: collapse}
table tr td {vertical-align: top}
ul {list-style:none}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

h1,h2,h3,h4,h5,h6{ color: #ec3024; font:normal 20px "MyriadPro-Regular", "Myriad Pro", Trebuchet MS, Helvetica, sans-serif; text-transform: uppercase;}
h1 {font-size:21px;margin-bottom:16px}
h2 {margin-bottom:10px; }
h3 {font-size:16px;margin-bottom:10px}
h4 {font-size:14px;margin-bottom:7px}

fieldset {border:0}
input, textarea {outline:none;font:11px Tahoma, Geneva, sans-serif;}
input.button {cursor:pointer}
textarea {resize:none}

div.wrapper {margin: 0 10px;}
div.page {max-width:1388px;margin:0 auto; padding-bottom: 60px;  }




/*//////////------//////////*/
/*          Header          */
/*//////////------//////////*/
div.header {height: 127px; background:url(/images/header.jpg) 50% 0 no-repeat; position: relative; }
div.logo {float:left; padding-top: 24px; }
div.logo p.company {margin: 0; padding-top: 9px; text-align: center; }

div.slogan {position: absolute; left: 50%; width:150px; color: #0775ab;font:italic 19px "MyriadPro-It", "Myriad Pro", Trebuchet MS, Helvetica, sans-serif; top:30px; margin-left: 10px; }

div.topcart {width: 175px; margin-right: 20px; float: right; padding:36px 0 0 60px; background:url(/images/ico_bin.png) 0 28px no-repeat; }
div.topcart dl {margin-bottom: 4px;}
div.topcart dt {float: left; width: 50%;}
div.topcart dd {float: right; width: 50%; text-align: right;}
div.topcart a.order {font:normal 14px "MyriadPro-Regular", "Myriad Pro", Trebuchet MS, Helvetica, sans-serif;}

div.topmenu {clear:both; height: 53px; margin-bottom: 10px;}
div.topmenuBG {position: absolute; left: 0; width: 100%; height: 53px; background: url(/images/topmenu_bg.png) 0 0 repeat-x; }

div.topmenu ul {margin: 7px 10px 0 10px; background: url(/images/topmenu.png) 0 0 repeat-x; -webkit-border-radius:9px;-o-border-radius:9px; border-radius:9px;  height: 36px; padding: 1px 0; font-size: 0; text-align: center; position: relative; }
div.topmenu ul li {display: inline-block;  font-size: 14px; padding-left: 22px; background:url(/images/topmenu_li.png) 7px 15px no-repeat;  }
div.topmenu ul li:first-child {background: none; padding: 0;}
div.topmenu ul li a {display: block; color: #444545; text-decoration: none; text-transform: uppercase; font: 600 14px "segoeui", Trebuchet MS, Helvetica, sans-serif;
	 text-shadow: 0 1px 1px #fff, 0 -1px 1px #fff, 1px 0 1px #fff, -1px 0 1px #fff;
}
div.topmenu ul li a span {display: block; line-height: 36px; padding: 0 6px; background: transparent; -webkit-border-radius:4px;-o-border-radius:4px; border-radius:4px; position: relative;}

div.topmenu ul li.active span, div.topmenu ul li a:hover span {background: url(/images/topmenu_a.png) 0 0 repeat-x; }


/*//////////------//////////*/
/*          Content         */
/*//////////------//////////*/
div.body {margin-bottom: 50px;}
div.table {width: 100%; display: table; }

div.content {display: table-cell !important; display: inline; vertical-align: top; padding-top: 8px; line-height: 18px;}

div.content ul {}
div.content ul li {}

div.content img {}

div.prodlist {margin-bottom: 25px; }
div.prodlist h2 {margin-bottom: 30px}
div.prodlist div.item {float: left; position: relative; width: 191px; height: 215px; background: url(/images/prodlist_bg.png) 0 0 no-repeat; margin:0 19px 19px 0; }
div.prodlist div.item div.pic {height: 130px; margin-top: 9px; line-height: 130px; text-align: center; margin-bottom: 4px; }
div.prodlist div.item div.pic img {vertical-align: middle; }
div.prodlist div.item p.label {background: url(/images/prodlist_label.png) 0 0 no-repeat; width: 77px; height: 18px;  color: #fff; text-align: center; font: 600 12px/18px "segoeui", Trebuchet MS, Helvetica, sans-serif; text-transform: uppercase; position: absolute; top:15px; left: 0; margin-bottom: 3px; }
div.prodlist div.item p.title {padding:0 10px 0 20px;font: 600 12px/14px "segoeui", Trebuchet MS, Helvetica, sans-serif; color: #038fe0; margin: 0; height: 45px; }
div.prodlist div.item div.bottom {padding: 0 15px 0 20px;}
div.prodlist div.item div.bottom p.price {margin: 0; float: left; width: 123px; color: #e31e24;font: 700 18px/20px "segoeui", Trebuchet MS, Helvetica, sans-serif;  }
div.prodlist div.item div.bottom a.buy {float:right; width:23px; height:22px; background:url(/images/prodlist_cart.png) 50% 0 no-repeat;  }

.readall {float: right; margin-right: 20px;}
.but2{
    background: url("/images/but_red.png") repeat-x scroll 0 0 transparent;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 11px;
    text-decoration: none;
	border: 0 none;
	cursor: pointer;
}
.but2:hover {background-position: 0 100%; }
.but_red {display: inline-block; background:url(/images/but_red.png) 0 0 repeat-x; height: 24px; color: #fff; text-decoration: none; line-height: 24px; padding: 0 11px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; }
.but_red:hover {background-position: 0 100%; }
.but_red span {background:url(/images/arrow.png) 100% 3px no-repeat; padding-right: 11px; }

div.welcome {margin: 0 10px 10px 10px;}
div.welcome h2 {margin-bottom: 30px}

div.partners {margin: 0 20px 0 10px; padding: 15px 15px 0 0; background: #fff; -webkit-border-radius:9px;-o-border-radius:9px; border-radius:9px;margin-bottom:10px;}
div.partners p {margin: 0 0 15px 20px; float: left; height: 55px; line-height: 55px;}
div.partners p img {vertical-align: top; }


/*~~~~ВНУТРЕННИЕ СТРАНИЦЫ~~~~*/



/*//////////------//////////*/
/*           Left           */
/*//////////------//////////*/
div.leftCol {width:205px; padding: 0 20px 0 4px; display: table-cell !important; display: inline;vertical-align: top; }

div.leftSearch {margin-bottom: 20px; width: 185px; position: relative;}
div.leftSearch .search_input {width: 144px; height: 28px; background: url(/images/search_input.png) 0 0 no-repeat; border: 0; font:normal 14px/28px "MyriadPro-Regular", "Myriad Pro", Trebuchet MS, Helvetica, sans-serif; padding: 3px 28px 3px 13px; color: #5d5d5d; }
div.leftSearch .search_but {display: block; width: 19px; height: 19px; background:url(/images/search_but.png) 0 0 no-repeat; border: 0;cursor: pointer;  position: absolute; top:9px; right: 6px; }

div.leftmenu {margin-bottom: 20px;}
div.leftmenu li {font: 500 14px/14px "segoeui", Trebuchet MS, Helvetica, sans-serif; width: 185px; margin-bottom: 2px; }
div.leftmenu li a {color: #0379b3; text-decoration: underline;  display: block; }
div.leftmenu li a span {background:transparent; padding: 2px 9px 5px 9px; -webkit-border-radius:4px;-o-border-radius:4px; border-radius:4px; display: block;}
div.leftmenu li.active a {text-decoration: none; color: #fff;}
div.leftmenu li.active a span {background: #44a5d5; }

div.leftmenu li a:hover, div.leftmenu li a:hover {text-decoration: none; color: #fff;}
div.leftmenu li a:hover span, div.leftmenu li a:hover span {background: #44a5d5;}


div.leftmenu li ul {margin-top: 2px;}
div.leftmenu li li {margin-left: 17px; background: url(/images/leftmenu_li.png) 0 7px no-repeat;  }
div.leftmenu li li span {margin-left: 12px; }
div.leftmenu li.active li a {color: #0379b3; text-decoration: underline}
div.leftmenu li.active li a span {background: no-repeat;}
div.leftmenu li.active li.active a {text-decoration: none; color: #fff;}
div.leftmenu li.active li.active a span {background: #44a5d5; }
div.leftmenu li.active li a:hover, div.leftmenu li li a:hover {text-decoration: none; color: #fff;}
div.leftmenu li.active li a:hover span, div.leftmenu li li a:hover span {background: #44a5d5;}

div.leftCar {background:url(/images/leftcar.png) 0 0 no-repeat; height: 152px; position: relative; left: 10px;  }




/*//////////------//////////*/
/*           Right          */
/*//////////------//////////*/
div.rightCol {width:192px;display: table-cell !important; display: inline; padding-left: 15px;vertical-align: top; }
div.rightCol div.rightContacts {background: #c2eafd; border: 2px solid #99d1ed; -webkit-border-radius:10px;-o-border-radius:10px; border-radius:10px; margin-bottom: 40px; text-align: center; font-size: 12px; position: relative; padding: 20px 0 13px 0; }

.leftAuthorization{
    background: none repeat scroll 0 0 #C2EAFD;
    border: 2px solid #99D1ED;
    border-radius: 10px 10px 10px 10px;
    font-size: 12px;
    margin-bottom: 40px;
    padding: 20px 0 13px;
    position: relative;
}
div.leftAuthorization {
padding-left:10px;
}


div.rightCol div.rightContacts p.phone {margin: 0;}
div.rightCol div.rightContacts p.phone span {color: #7d7b7b}
div.rightCol div.rightContacts p.phone b {font-size: 24px; font-weight:500 }
div.rightCol div.rightContacts div.rightContactsIn p.text{
margin-bottom:0px;
}



div.rightCol div.rightContactsIn {position: relative; z-index: 500; }
div.rightCol div.rightContacts .bubble1 {position: absolute; margin: 0; width: 74px; height: 92px; background:url(/images/rightcontacts_bubble1.png) 0 0 no-repeat; top:-12px; left: -15px; z-index: 400; }
div.rightCol div.rightContacts .bubble2 {position: absolute; margin: 0; width: 71px; height: 54px; background:url(/images/rightcontacts_bubble2.png) 0 0 no-repeat; bottom: -25px; right: 27px; z-index: 400 }

div.rightCol div.rightnews h2 {margin-bottom: 30px}
div.rightCol div.rightnews dt {background: #6eccfb; display: inline-block; line-height: 16px; padding: 0 8px; -webkit-border-radius:3px;-o-border-radius:3px; border-radius:3px; margin-bottom: 3px; clear: both;}
div.rightCol div.rightnews dd {margin-bottom: 20px; clear: both;}
div.rightCol div.rightnews dd a {color: #000; }
div.rightCol div.rightnews dd img {float: left; margin:0 5px 3px 0; position: relative; top:2px;}
div.rightCol div.rightnews dd:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.rightCol div.rightnews dd {display: inline-block;}
div.rightCol div.rightnews dd {display: block;}






/*//////////------//////////*/
/*          Footer          */
/*//////////------//////////*/
div.footer {height: 80px; background:#93d8fb url(/images/footer.png) 0 0 repeat-y; -webkit-border-radius:5px;-o-border-radius:5px; border-radius:5px; position: relative;}
div.footer p.bubble {position: absolute; margin: 0; width: 108px; height: 102px; background: url(/images/footer_bubble.png) 0 0 no-repeat; left: 255px; top:26px; }

div.footer div.logo_small {float: left; width: 230px; color: #fff; font-size: 11px; padding-top: 20px; text-align: center; }
div.footer div.logo_small img {margin-bottom: 4px; }

div.footer div.counters {position: absolute; top:25px; left: 50%; width: 300px; text-align: center; margin-left: -150px; }
div.footer div.counters img {margin: 0 15px;}

div.footer div.creator {float: right; margin-right: 33px; padding-top: 26px; font: normal 12px/12px Trebuchet MS, Helvetica, sans-serif; width: 99px; }
div.footer div.creator img {float: left; margin-right: 5px; }