/*@import url(http://fonts.googleapis.com/css?family=Exo+2|Lobster|Cuprum:400|Roboto:400,300,100,500,900&subset=latin,cyrillic);*/
@import url('font.css');
/*--------------------------- сброс стилей */
* {margin:0; padding:0;} 

/*--------------------------- базовые стили */
html {height: 100%;}
BODY {height: 100%; font-size:16px; background-color: #FFFFFF; color: #000000; margin:0; padding:0; border:none; font-family: arial;}
input, textarea, option, select {font-size:13px;}
P {padding-bottom: 7px;}
IMG {border: solid 0px #FFF;}

/*--------------------------- общие стили */
strong {font-size:16px; color: #FF9900; font-weight: 500;}
a:link,a:visited {color:#fdf3b2; text-decoration:underline;}								
a:hover,a:active {color:#fdf3b2; text-decoration:underline;}								
a.logo, a.logo a:link,a.logo a:visited,a.logo a:hover,a.logo a:active {color:#FFFFFF; text-decoration:none;}

a.design {color:#4EB7F1; text-decoration:underline;}

.main {min-height: 100%; border: solid 0px green;}			
.container1 {width: 1000px; margin: 0 auto; display:table; border: solid 0px green; padding: 0px 0px 0px 0px;}

.center {margin: 0 auto; display: table;}

#bor {border: solid 1px #7F7F7F; padding: 2px;}																												/* просто рамка вокруг картинки */

.floatright {float: right;}
.floatno {float: both;}
.tab_all     {display:table; border-collapse:collapse; width: 100%; margin: 0px 0px 0px 0px;}																/* просто таблица на все случаи жизни, контет middle по вертикали */
.tab_all_tr  {display:table-row;}
.tab_all_td  {display:table-cell; padding: 0px 0px 0px 0px; vertical-align:middle; border: solid 0px blue;}

.tab_allt     {display:table; border-collapse:collapse; width: 100%; margin: 0px 0px 0px 0px;}																/* просто таблица на все случаи жизни, контент прижат вверх */
.tab_allt_tr  {display:table-row;}
.tab_allt_td  {display:table-cell; padding: 0px 0px 0px 0px; vertical-align:top; border: solid 0px blue;}

.tab_all_no100     {display:table; border-collapse:collapse; margin: 0px 0px 0px 0px;}																		/* просто таблица на все случаи жизни, не 100% */
.tab_all_no100_tr  {display:table-row;}
.tab_all_no100_td  {display:table-cell; padding: 0px 0px 0px 0px; vertical-align:middle; border: solid 0px blue;}

/*--------------------------- топ ---------------------------------------------------------*/
.cap {background: url(../image/fon1.jpg) center center; height: 542px;}
.cap_next {background: url(../image/fon1.jpg) center center; height: 284px;}

.topmenu1 {padding: 0px 0px 0px 0px; margin: 9px 0px 0px 0px; border: solid 0px white; width: 100%; border-collapse:collapse;}								/* таблица Главные преимущества */
.topmenu1 td {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px white; vertical-align: middle;}
.topmenu1 td.logo {text-align: left; font-family: 'Roboto'; font-weight: 400; color: #FFFFFF; font-size: 24px;}
.topmenu1 td.logo span {font-weight: 200; color: #FFDE00; font-size: 24px;}
.topmenu1 td.men {text-align: center;}
.topmenu1 td.zakaz {text-align: right;}

.topmenu2 {padding: 0px 0px 0px 0px; margin: 0 auto; border: solid 0px blue; border-collapse:collapse;}								/* таблица Главные преимущества */
.topmenu2 td a {font-family: 'Roboto'; font-weight: 100; color: #FFFFFF; font-size: 17px; padding: 0px 10px 0px 10px;}
.topmenu2 td a:hover {color: #FFDE00;}

.zagol1 {font-family: 'Cuprum', sans-serif; font-weight: 400; font-size:102px; padding: 125px 0px 40px 0px; color: #FFDE00; text-shadow: 0px 4px 0px #384A48;}
.zagol2 {
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.2;
font-size: 38px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
color: #FFFFFF;
border: solid 0px blue;
text-align: center;
display: inherit;
background: rgba(0, 0, 0, 0.66);
background-repeat: no-repeat;
background-position: 0px 0px;}

.zagol1_next {font-family: 'Cuprum', sans-serif; font-weight: 400; font-size:70px; padding: 22px 0px 18px 0px; color: #FFDE00; text-shadow: 0px 4px 0px #384A48;}
.zagol2_next {font-family: 'Roboto', sans-serif; font-weight: 100; font-size:25px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #FFFFFF; border: solid 0px blue; text-align: center; display: inherit; background-image: url(../image/fon11.png); background-repeat: repeat-x; background-position: 0px 0px;}
.button3_next {font-size:24px; font-family: 'Roboto'; color: #000000; border: solid 1px #FFDE00; background-color: #FFDE00; width: 414px; height: 48px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 300; text-shadow: 0px 1px 0px #FFFFFF; box-shadow: 1px 2px 1px #BB9760; text-align: center; vertical-align:middle; display:table-cell; }


.edin  {font-size:15px; color: #8A8A8A; padding: 10px 0px 27px 0px;}
.edin2 {font-size:17px; color: #000000; padding: 7px 0px 0px 0px; font-weight: 300; font-family: 'Roboto';}
.phone1 {font-size:38px; color: #000000; padding: 0px 0px 0px 0px; font-weight: 700; font-family: 'Roboto';}
.email1 {font-size:26px; color: #000000; padding: 0px 0px 0px 0px; font-weight: 400; font-family: 'Roboto';}
.email1 a {font-size:26px; color: #000000; padding: 0px 0px 0px 0px; font-weight: 400; font-family: 'Roboto'; text-decoration: none; border-bottom: dashed 1px #000000;}
.email1 a:hover {border-bottom: none;}
.seo {font-size: 10px; color:#4EB7F1; padding: 7px 0px 0px 0px; font-weight: 300; font-family: 'Roboto';}
.wm {padding: 0px 11px 0px 0px; margin: -65px 0px 0px 0px; border: solid 0px red;}
.wm_next {padding: 0px 11px 0px 0px; margin: -24px 0px 0px 0px; border: solid 0px red;}

/*--------------------------- основной контент страниц ------------------------------------*/
.topic1 {font-family: 'Roboto', sans-serif; font-size: 30px;}
.topic2 {font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 900;}
.topic2 span {font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 400;}

.preim1 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px blue; width: 100%; border-collapse:collapse;}								/* таблица Главные преимущества */
.preim1 td {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px green; -xwidth: 50%; vertical-align: top;}
.preim1 td.promez {padding: 19px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px red; width: 25px;}

.preim2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px red; width: 100%; border-collapse:collapse;}								/* под-таблица Главные преимущества */
.preim2 td {padding: 0px 0px 35px 0px; margin: 0px 0px 0px 0px; border: solid 0px blue; font-family: 'Roboto'; vertical-align: top; font-weight: 300;}
.preim2 td.ico {padding: 19px 0px 0px 0px; margin: 0px 0px 0px 0px; border: solid 0px red; width: 100px; vertical-align: top;}
.preim2 td .topic {font-weight: 400; font-size:16px; padding: 0px 0px 8px 0px;}

.nadoelo {background: url(../image/fon2.jpg) center center; height: 417px;}
.podl1   {background-image: url(../image/fon12.png); background-repeat: repeat; background-position: 0px 0px; height: 417px;}
.podl500 {background-image: url(../image/500.png); background-repeat: no-repeat; background-position: 0px -1px; height: 122px; width: 120px;}
.reshen {background: url(../image/fon3.jpg) center center; height: 417px;}

.nado_centr {margin: 0 auto; text-align: center; width: 89%;}
.nado_zag {font-family: 'Roboto', sans-serif; font-weight: 700; font-size:50px; padding: 74px 0px 0px 0px; margin: -120px 0px 0px 0px; color: #FFDE00; text-shadow: 0px 2px 0px #384A48;}
.nado_text {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:25px; padding: 0px 0px 40px 0px; color: #FFFFFF;}

.reshen_centr {margin: 0 auto; text-align: center; width: 89%;}
.reshen_zag  {font-family: 'Roboto', sans-serif; font-weight: 400; font-size:40px; padding: 37px 0px 0px 0px; color: #FFDE00; -xtext-shadow: 0px 2px 0px #384A48;}
.reshen_zag2 {font-family: 'Roboto', sans-serif; font-weight: 700; font-size:42px; padding: 0px 0px 22px 0px; color: #FFDE00; -xtext-shadow: 0px 2px 0px #384A48;}
.reshen_text {font-family: 'Roboto', sans-serif; font-weight: 300; font-size:25px; padding: 0px 0px 40px 0px; color: #FFFFFF;}

.tab_klient     {display:table; border-collapse:collapse; margin: 0px 0px 0px 0px;}																/* просто таблица на все случаи жизни, контет middle по вертикали */
.tab_klient_tr  {display:table-row;}
.tab_klient_td  {display:table-cell; padding: 0px 20px 50px 20px; vertical-align:middle; border: solid 0px blue;}

.karus {width:935px; height:443px; border: solid 0px red; box-shadow: 0px 4px 44px #84939C;}

.news {border: solid 0px red; font-family: 'Roboto';}
.news .zagol {font-size:25px; color: #CEB500; font-family: 'Roboto'; font-weight: 400; padding: 25px 0px 0px 0px;}
.news .anons {font-size:18px; color: #000000; font-family: 'Roboto'; font-weight: 400;}
.news .shot1 {padding: 10px 0px 10px 0px;}
.news p {font-weight: 400;}
.news ul {padding: 0px 0px 15px 40px;}
.news ol li ul li {list-style: none; background: url(../image/pointer2.gif) no-repeat 4px 0px; padding: 0px 0px 4px 25px;}
.news ol {padding: 0px 0px 0px 0px;}
.news ol li {list-style: none; background: url(../image/pointer1.gif) no-repeat 0px 6px; padding: 0px 0px 4px 25px;}
.news a {color: #0288B3; font-weight: 500;}

#forma1 {display: none;}

/*------------ поля ввода и кнопки --------------------------------------------------------*/
.button1 {font-size:24px; font-family: 'Roboto'; color: #4EB7F1; border: solid 1px #4EB7F1; background-color: #FFFFFF; width: 330px; height: 38px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer;}		
.button2 {font-size:16px; font-family: 'Roboto'; color: #FFFFFF; border: solid 1px #FFFFFF; background: none; width: 172px; height: 30px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 100;}
.button3 {font-size:28px; font-family: 'Roboto'; color: #000000; border: solid 1px #FFDE00; background-color: #FFDE00; width: 414px; height: 48px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 300; text-shadow: 0px 1px 0px #FFFFFF; box-shadow: 1px 2px 1px #BB9760;}
.button4 {font-size:23px; font-family: 'Roboto'; color: #A00800; border: solid 1px #FFDE00; background-color: #FFDE00; width: 219px; height: 38px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 3px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 300; text-shadow: 0px 1px 0px #FFFFFF; box-shadow: 1px 2px 1px #BB9760;}
.button5 {font-size:28px; font-family: 'Roboto'; color: #000000; border: solid 1px #FFDE00; background-color: #FFDE00; width: 414px; height: 48px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 300; -xtext-shadow: 0px 1px 0px #FFFFFF; -xbox-shadow: 1px 2px 1px #BB9760;}
.button6 {font-size:23px; font-family: 'Roboto'; color: #FFDE00; border: solid 1px #FFDE00; background: none; width: 297px; height: 43px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 400;}
.button7 {font-size:28px; font-family: 'Roboto'; color: #000000; border: solid 1px #FFDE00; background-color: #FFDE00; width: 480px; height: 48px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; -xposition: absolute; border-radius: 3px; cursor: pointer; font-weight: 300; -xtext-shadow: 0px 1px 0px #FFFFFF; box-shadow: 1px 2px 1px #BB9760;}

.post_inp1 {font-size:20px; font-family: 'Roboto'; font-weight: 300; color: #999595; background-color: #FFFFFF; margin-top: 0px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; border: none; outline: none; -webkit-appearance: none; width: 280px; height: 36px;}
/*--------------------------- футер -------------------------------------------------------*/
.hfooter {height: 1px; border: solid 0px blue;}
.footer  {height: 1px; margin-top: -1px; border: solid 0px red;}

/*--------------------------- стили под планшеты -------------------------------------------------------*/
@media screen and (max-width: 1000px)
{
.zagol2 {font-family: 'Roboto', sans-serif; font-weight: 100; font-size:38px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #FFFFFF; border: solid 0px blue; text-align: center; display: inherit; background-image: url(../image/fon11.png); background-repeat: no-repeat; background-position: 0px 0px;}
.container1 {width: 980px; margin: 0 auto; display:table; border: solid 0px green; padding: 0px 0px 0px 0px;}
}


.rub{ display: inline-block; font-size: 24px; line-height: 7px; border-bottom: 2px solid #fff; width:0.4em;