/* ------------------------------------------ СБРОС -- */ 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;} :focus {outline:0;} body {line-height:1;color:black;background:white;} ol, ul {list-style:none;} table {border-collapse:separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /* ----------------------------------------- /СБРОС -- */ /* --------------------------------------------------- */ html { -webkit-text-size-adjust:none; } .clrb:after { display:block;content:"";clear:both; } /* --------------------------------------------------- */ h1, h2 { color:#3a3a3a; font-size:30px; margin-bottom:10px; } body {background: url("images/bg1.jpg") no-repeat;background-size: cover;background-attachment: fixed;font: 16px RobotoCondensed;} #con {width: 960px;margin: 0 auto;background-color: #F0F0F0;-webkit-box-shadow: 0 0 35px 2px #000000;box-shadow: 0 0 35px 2px #000000;position: relative;} #header {background: url(images/header.png);height: 116px;} #logo {display: block;width: 310px;height: 76px;margin: 10px 50px 0px 15px;float: left;background:url(images/logo.png) no-repeat;} #header > #text_center {width: 300px;float: left;color: #fff;text-align: center;margin: 6px 0px 0px 0px;} #header > #text_center > span {font-size: 26px;text-transform: uppercase;font-weight: bold;} #header > #text_center > p {font-size: 18px;text-transform: uppercase;} #header > #text_right {/*width: 160px;*/ float: right; text-align: right; color: #fff;margin: 6px 15px 0px 0px;} #header > #text_right > span {font-size: 20px; /*text-transform: uppercase;*/ font-weight:bold; display:block;} #header > #text_right > a {display: block;height: 30px;border: 1px dotted #fff;font-size: 20px;color:#fff;text-decoration:none;margin-top: 10px;} #header_menu {height: 45px;} #header_menu ul { margin-left:75px; /*width:640px; margin:0 auto;*/ } #menu_header > li { float:left; } #menu_header > li > a, #menu_header > li > span {display: block;height: 30px;font: 15px RobotoCondensed;color: #1d1d1d;text-decoration: none;line-height: 30px;padding: 0px 10px 0px 10px;} #menu_header > li > span { background:#475E96; color:#FFFFFF; /*display:inline-block; padding:2px 5px 7px;*/ } #menu_header > li:hover { background:#91ACEF;} #header_forma {height:437px;background: url(images/header_fon.png);} #detal {width: 470px;height: 440px;background: url(images/detal.png) no-repeat;background-size: contain;margin: 0px 0px 0px 47px;float: left;} #forma_zakaz {float: left;margin: 0px 0px 0px 80px;} #innertop > #preim {height:210px;width:700px;margin:0 auto;} #innertop > #preim a {display:block;height:115px;width:140px;float:left;text-decoration:none;color:#3a3a3a;} #innertop > #preim a > span {padding: 100px 0px 0px 0px;display: block; /*text-transform: uppercase;*/ text-align: center;} #innertop > #preim > #preim1 {background: url(images/preim/01.png) no-repeat;background-position: center;} #innertop > #preim > #preim2 {background: url(images/preim/02.png) no-repeat;background-position: center;} #innertop > #preim > #preim3 {background: url(images/preim/03.png) no-repeat;background-position: center;} #innertop > #preim > #preim4 {background: url(images/preim/04.png) no-repeat;background-position: center;} #innertop > #preim > #preim5 {background: url(images/preim/05.png) no-repeat;background-position: center;} #innertop > #preim > h3 {font-size: 20px;color: #232323;text-align: center;font-weight: bold;margin-bottom: 20px;} aside { float:left; /* width:335px; height:470px;*/} .prilip {position: fixed;z-index: 51;} /* фиксация sidebar-а к блоку "header" при пролистывании */ .stop {position: relative;} /* отмена фиксация sidebar-а при упирании в блок "footer" при пролистывании */ #sidebar { float:left; /*width:335px; height:470px;*/ } #content { margin:0 10px 0 350px; /*float: right;width: 610px;margin: 0 10px 0 5px;*/} #yoo-zoo { margin-top: 8px;} #main {background: url(images/content_bg.png) no-repeat;min-height:740px;background-size: 66%;background-position: 80% 0%;position: relative;} #sidebar a, #sidebar span {color:#3a3a3a;font-size:18px;text-decoration: none;padding-left: 30px;} #sidebar a:hover, #sidebar span { color:orange; } #sidebar h3 {color:#3a3a3a; font-size:30px; margin-top:30px; padding-left: 30px;padding-bottom: 20px;margin-right: 45px;font-weight: bold;} /*#sidebar > .roof > ul {width: 240px;}*/ aside { /*width:295px; height:780px;*/ margin-top:-27px; } .zoo-category-list > li {height: 35px;line-height: 35px;} .zoo-category-list > li.current { background-image: -webkit-linear-gradient(left, #8991a5, #8991a5 90%, rgba(0,0,0,0)); /* указываем left для того чтобы градиент начинался от левого края, иначе градиент пойдёт сверху */ background-repeat: no-repeat; /* убираем повторение градиента, необходимо для работы background-size */ background-position: 50% 100%; background-size: 100% 2px;} /* .zoo-category-list li a { color:#FF00FF; } .zoo-category-list > li.current > span {color:orange;} */ #yoo-zoo div.box-1 {background:none!important;border:none;margin-top: -15px;} #yoo-zoo div.box-1 .width50 {background:#fff;width: 40.999%;margin: 0px 10px 0px 10px;border-radius: 10px;} .box-t2,.box-b2 {display:none;} .teaser-item > .pos-media {width:100%;} .teaser-item > .pos-media img{margin: 20px 0px 20px 0px;} .item .pos-media img{margin-left: -15px;} #yoo-zoo .items div.teaser-item {text-align:center;} .pos-links {margin-bottom:10px!important;} .product-default {} #yoo-zoo .item h1.pos-title {margin: 0px;font-weight: bold;color: #505050;font-size: 30px;line-height: 50px;} #footer_menu {height:270px;background: #475577;} #footer_text {height:100px;background: #475577;color:#fff;} #footer_text div {margin-top:20px;font-size: 22px;} #footer_text1 {width: 440px;float: left;margin-left: 15px;} #footer_text2 {width: 300px;float: left;text-align: center;} #footer_text3 {/*width: 320px;*/float: right;text-align: right;margin-right: 15px;} #content p { margin:10px 0;/*line-height: 24px;padding-bottom: 20px;*/ } /*Доработки от 23.09.2014*/ .category >.title a {text-transform: uppercase;text-align: center;color: #383838;display:block;word-break: break-word;} .category >.title a > p {margin: 0 auto;padding: 0!important;text-indent: 0!important;width: 137px;} /*конец*/ /*Доработки 7,11,2014*/ .download {background: url(http://localhost/fileadmin/images/2.png) no-repeat;background-size: 45px;padding-left: 40px;height: 80px;display: block;line-height: 41px;} /*Конец*/ /* ----------------------------------------- РАЗНОЕ -- */ #input_subscribe_jc,.smiles,#comments-footer {display:none;} #jc h4,#comments-footer {border:none;} #jc {padding-bottom: 10px;color:#fff;} #comments-form p {text-indent: 0px;line-height: 24px;padding-bottom: 20px;} #partners h3 {text-align: center;font-size: 36px;} #partners {width: 880px;margin: 0 auto;/*padding-top: 70px;*/} .partners {width: 200px;height: 100px;float: left;background: orange;margin:10px;} .partners img {width: 200px;height: 100px;} .details > .box-1 > .description p {padding: 0px!important;margin: 0;} /* ---------------------------------------- /РАЗНОЕ -- */ /* ---------------------------------- МЕДИА ЗАПРОСЫ -- */ /* --------------------------------- /МЕДИА ЗАПРОСЫ -- */ /* ------------------------------- СТОРОННИЕ ШРИФТЫ -- */ @font-face { font-family: 'RobotoCondensed'; src: url('fonts/RobotoCondensed-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } /* ------------------------------ /СТОРОННИЕ ШРИФТЫ -- */ #sidebar .download {/*width: 234px;padding-left: 55px;margin: 10px;line-height: 20px;*/} #partners a{-webkit-box-shadow: 0px 0px 20px 2px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 0px 20px 2px rgba(50, 50, 50, 0.75);box-shadow: 0px 0px 20px 2px rgba(50, 50, 50, 0.75);} .item-page {min-height: 480px;} .align{ list-style: circle; list-style-position: inside; }