﻿@font-face {
font-family: 'Ariadnascript';
     src:    url('Ariadnascript.eot?#iefix') format('embedded-opentype'),
            url('Ariadnascript.woff') format('woff'),
            url('Ariadnascript.woff2') format('woff2');
}

@font-face {
font-family: 'HeliosBlack';
    src:    url('HeliosBlack.eot?#iefix') format('embedded-opentype'),
            url('HeliosBlack.woff') format('woff'),
            url('HeliosBlack.woff2') format('woff2');
}

@font-face {
font-family: 'AGHelvetica';
    src:    url('AGHelvetica.eot?#iefix') format('embedded-opentype'),
            url('AGHelvetica.woff') format('woff'),
            url('AGHelvetica.woff2') format('woff2');
}


a {  color: #f13d5c;  text-decoration: none;    }
a:hover{    color: #73061c;  text-decoration: underline;    }

img a {   border: : 0;}
p { margin: 3px 0 10px 0;  text-indent: 0px;  }


.fonverh {
  background: url(../imagest/fon.jpg) top center no-repeat;
}




.block1l {
  max-width: 745px;
  float: left;
  font: normal 32px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #c16e40, -2px 2px 2px #c16e40, 2px -2px 2px #c16e40, -2px -2px 2px #c16e40;
  padding: 0 0 0 30px;
}

.block1r {
  padding: 10px 0 0 0;
  width: 185px;
  float: right;
}


.block2l {
  max-width: 270px;
  float: left;
  font: normal 98px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #ba1c1c;
  text-shadow: 2px 2px 2px #f7d5c6, -2px 2px 2px #f7d5c6, 2px -2px 2px #f7d5c6, -2px -2px 2px #f7d5c6;
  padding: 0 0 0 30px;
   text-transform: uppercase;
}

.block2r {
   width: 320px;
  float: left;
  font: normal 31px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #ba1c1c;
  text-shadow: 1px 1px 1px #f7d5c6, -1px 1px 1px #f7d5c6, 1px -1px 1px #f7d5c6, -1px -1px 1px #f7d5c6;
 text-transform: uppercase;
  padding: 20px 0 0 40px;
}

.tx1 {
  font-size: 43px;
  text-transform: uppercase;
}


.block3 {
  max-width: 555px;
  float: none;
  text-transform: uppercase;
    font: normal 37px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #c16e40, -2px 2px 2px #c16e40, 2px -2px 2px #c16e40, -2px -2px 2px #c16e40;
  padding: 0 0 0 30px;
  text-align: center;
}

.block4 {
  max-width: 555px;
  float: none;
  text-transform: uppercase;
    font: normal 59px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #ba1c1c;
  text-shadow: 2px 2px 2px #f7d5c6, -2px 2px 2px #f7d5c6, 2px -2px 2px #f7d5c6, -2px -2px 2px #f7d5c6;
  padding: 0 0 0 30px;
  text-align: center;
}

.block5 {
  max-width: 555px;
  float: none;
    font: normal 35px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #c16e40, -2px 2px 2px #c16e40, 2px -2px 2px #c16e40, -2px -2px 2px #c16e40;
  padding: 0 0 0 30px;
  text-align: center;
}

.block6 {
  max-width: 555px;
  float: none;
  text-transform: uppercase;
    font: normal 49px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #ba1c1c;
  text-shadow: 2px 2px 2px #c16e40, -2px 2px 2px #c16e40, 2px -2px 2px #c16e40, -2px -2px 2px #c16e40;
  padding: 0 0 0 30px;
  text-align: center;
}

.block6 span{
  text-transform: uppercase;
  font: normal 49px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #fff;
}

.block7 {
  max-width: 555px;
  float: none;
    font: normal 47px 'HeliosBlack', Arial, Helvetica, sans-serif;
  color: #fff;
  text-shadow: 2px 2px 2px #c16e40, -2px 2px 2px #c16e40, 2px -2px 2px #c16e40, -2px -2px 2px #c16e40;
  padding: 0 0 0 30px;
  text-align: center;
}

.block8 {
  max-width: 620px;
  float: none;
  font: normal 75px 'Ariadnascript', Lucida Console, Monaco, monospace;
  color: #1d1d1b;
  text-shadow: 2px 2px 2px #f7d5c6, -2px 2px 2px #f7d5c6, 2px -2px 2px #f7d5c6, -2px -2px 2px #f7d5c6;
  padding: 0 0 0 30px;
  text-align: center;
}

.block9 {
  max-width: 600px;
  float: none;
  padding: 0 0 0 30px;
  text-align: center;
  min-height: 285px;
}

.block10 {
 max-width: 820px;
 float: none;
 padding: 0 0 0 0px;
 margin: 0 auto;
 min-height: 285px;
 background: rgba(242, 227, 218, 0.75);
 box-shadow: 3px 3px 3px  rgba(109, 109, 109, 0.42);
 padding: 20px 40px;
}

.tx2 {
  font: normal 70px 'Ariadnascript', Lucida Console, Monaco, monospace;
  color: #1d1d1b;
  text-shadow: 2px 2px 2px #f7d5c6, -2px 2px 2px #f7d5c6, 2px -2px 2px #f7d5c6, -2px -2px 2px #f7d5c6;
  text-align: center;
}

.block10 ul{
 max-width: 820px;
 float: none;
 padding: 0 0 0 0px;
 margin: 0 auto;
 min-height: 285px;
 background: rgba(242, 227, 218, 0.75);
 box-shadow: 3px 3px 3px  rgba(109, 109, 109, 0.42);
 padding: 20px 40px;
}

.block10 ul {
 margin:0 auto;
 max-width: 640px;
 background: none;
 box-shadow: none;
 color: #7e4a37;
  }

.block10 ul li {
/*  line-height: 20px; */
  background: url(../imagest/strelk1.png) 0 3px no-repeat;
  list-style: none;
  text-align: justify;
  padding: 0 0 0 50px;
  margin: 15px 0 5px 0;
}

.block11 {
  background: url(../imagest/fon2.png) left center no-repeat;
  margin:0 auto;
 max-width: 705px;
 text-align: center;
  }

.block11tx {
  margin:0 auto;
 max-width: 420px;
 color: #7e4a37;
 font-size: 16px;
  }


.kurs {
  font-family: Segoe UI,Tahoma,Arial,Helvetica,sans-serif;
}


.fonniz {
  background: #0f2215 url(../imagest/fonniz.png) top center no-repeat;
  padding-top: 350px;
  }



.block700 {
  max-width: 700px;
  margin:0 auto;
}
.block600 {
  max-width: 600px;
  margin:0 auto;
}


.fonpolov {
  width: 50%;
  min-width: 360px;
  float: left;
      }


.blockprice {
  background: url(../imagest/fonprice.jpg) center bottom repeat-x;
  color:#24303a;
      }


.tx18 {   font-size: 18px; }
.tx20 {   font-size: 20px; }

.txred {    color: #9a0d17;   }

.tx18red {
  color: #ba0032;
  font-size: 18px;

}


.tx46red {
 color: #ba0032;
  font-size: 46px;
}


.tx35 {   font-size: 35px; }

.tx35red {
 color: #ba0032;
  font-size: 35px;
}

.tx35redUP {
  color: #9a0d17;
  font-size: 35px;
  text-transform: uppercase;
}


.tx29redbold {
  color: #9a0d17;
  font-size: 29px;
  font-weight: bold;
}

.tx18redUP {
  color: #9a0d17;
  font-size: 18px;
  	text-transform: uppercase;
}

.tx30 { font-size: 30px; }

.tx30centr {
    font-size: 30px;
   text-align: center;
}


.tx30centrRed {
    font-size: 30px;
   text-align: center;
   color: #cb2f17;
}

.tx24centrRed {
    font-size: 24px;
   text-align: center;
   color: #cb2f17;
}

.tx24greenup { font-size: 24px;  color: #6a7327; text-transform: uppercase;  	text-align: center; }

.tx36greenup { font-size: 36px;  color: #6a7327; text-transform: uppercase;  	text-align: center; }


.tx24UP {
  font-size: 24px;
  text-transform: uppercase;
  }
.tx24centr {
    font-size: 24px;
   text-align: center;
}
.tx24 {      font-size: 24px;  }

.tx24sh {      font-size: 24px;  text-shadow: 1px 1px 1px #999; }

.tx36UP {
  font-size: 36px;
  text-transform: uppercase;
  }



.razd11 {
  background: url(../imagest/runyline.png) center center no-repeat;
  min-height: 110px;
}



.textcenter {   	text-align: center;  }

.fonttitle {
   color: #395257;
   font-size: 33px;
}

#fonfootr  {
  margin: 0;
  padding:0;
  font: 14px Verdana, Geneva, sans-serif;
  text-align: center;
  color: #fff;
 max-width:900px;
 margin:0 auto;
    }

#fonfootr  a{
  color: #fff;
  text-decoration: none;
    }

#fonfootr  a:hover{
  color: red;
  text-decoration: underline;
    }

ul.clas1 {
  margin:0 auto;
 width: 270px;
  }

ul.clas1 li {
/*  line-height: 20px; */
  list-style: outside url("../imagest/iconrunyorang.png") disc;
  text-align: justify;
  margin: 15px 0 5px 0;
}

ul.clas2 {
  margin: 0px auto;
 width: 270px;
  }

ul.clas2 li {
/*  line-height: 20px; */
  list-style: outside url("../imagest/iconrunyred.png") disc;
  text-align: justify;
  margin: 15px 0 5px 0;
}


body {
color: #444444;
font: normal 28px 'AGHelvetica', Tahoma, Verdana, Helvetica, sans-serif;
margin: 0;
padding:0;
background: url(../imagest/fonn2.jpg) center 500px repeat;
}

.container {
 max-width: 998px;
 margin: 0 auto;
 overflow:hidden;

}

.container2 {
 max-width: 998px;
 margin: 0 auto;
 overflow:hidden;
}

.pere {
  text-decoration: line-through;
}

.txUP {
  text-transform: uppercase;
}

.podch {
  text-decoration: underline;
}



.autors {     padding: 1%;  }

.textwrap .autors p{ margin:0 0 9px 0;   text-indent: 0px; padding:0;   }

.pricebl1 {
   width: 48%;
   padding: 0 1%;
   float:left;
   min-width: 310px;
}

.price1 {
  background:  url(../imagest/price1.png) top center no-repeat;
   width: 245px;
   height: 330px;
   margin: 0;
   padding: 15px 0 0 20px;
  line-height: 120%;
 text-shadow: 2px 2px 2px #fff, 2px -2px 2px #fff, -2px 2px 2px #fff, -2px -2px 2px #fff;
}

.pricewr a {   color: #4a2709; text-decoration: none;  }
.pricewr a:hover{   color: red; 	  }

a.price1, a.price2, a.price3 {   color: #4a2709; text-decoration: none;  }
a.price1:hover,a.price2:hover,a.price3:hover{   color: red; 	 }


.autorsbl {
  width: 80%;
  margin: 0 auto;
  padding:1%;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -ms-border-radius:8px;
  -o-border-radius:8px;
  border-radius:8px;
  border:1px solid #a6d0e9;
}

.autorstitle {
	font-size: 22px;
    text-shadow: 2px 2px 3px #555;
}

.autorsbl p {   margin:1px 0 1px 0;  padding:0; }

.osobuslov {
  text-transform: uppercase;
  font-size: 24px;
  padding: 5px 15px;
  background: #ffd332;
}


.half {
  width: 48%;
  min-width: 330px;
  padding: 0 1%;
  float: left;
}

.halfright {
  width: 48%;
  min-width: 330px;
  padding: 0 1%;
  float: right;
}



.textwrap {
  max-width: 800px;
  margin:0 auto;
}

.textwrap p{
 text-indent: 25px;
}

input, textarea {
      -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
     border:1px solid #435e60;
     box-shadow: 2px 2px 4px #57797b;


   margin:0 auto;
   	width: 400px;
    padding:6px;

 	font-size: 16px;
  color: #435e60;
}

#saveForm {
     border:none;
     box-shadow: none;
}

table.bt1, table.bt1 td {
  border: 1px solid #fd963a;
  border-collapse: collapse;
  padding:3px;
  background:#fff;
}

table.bt1 th {
  background:#ffe0c5;
  	color: #e76f01;
    font-style: normal; 
  }

table.bt1 td a{
		color: #1756a8;
		   }



#formzav {
   margin:0 auto;
   	width: 500px;
}

.pic {     width:auto;  }
.pic2 {     width:auto;  }
.pic3 {     width:auto;  }
.pic4 {     width:auto;  }
.pic480 {     width:auto;  }

.picleft {
  float: left;
  margin: 10px 10px 10px 0;
}

.picright {
  float: right;
  margin: 10px 10px 10px 0;
}





@media only screen and (max-width: 800px),
only screen and (max-device-width: 800px)  {

.pic {     width: 100%;  }
.pic2 {     width: 96%;  }
.pic3 {     width: 80%;  }

.picleft, .picright {
  float: none;
  margin: 0 auto;
}

/*
.fonverh {
  background: url(../imagest/verh1.jpg) top center/200% no-repeat;
}
*/


.tx24 {      font-size: 20px;  }


.container, .textwrap {
  width: 98%;
  padding: 0 1%;
}

.textwrap p, .textwrap p{    text-indent: 5px;  }

 .half, .halfright {
  width: 98%;
  float: none;
}


}

@media only screen and (max-width: 768px),
only screen and (max-device-width: 768px)  {

.pic {     width: 100%;  }
.pic2 {     width: 96%;  }
.pic3 {     width: 80%;  }
.pic4 {     width: 50%;  }

.divlg {
  display: none;
  text-align: center;
}

.divmb {
  display: inline;
  text-align: center;
}

.block10 {
 max-width: 96%;
 width: 96%;
 padding: 10px 0;
}

.block10 ul {
 padding: 0 2%;
}


.block10 ul li {
/*  line-height: 20px; */
  background: url(../imagest/strelk1.png) 0 3px no-repeat;
  list-style: none;
  text-align: justify;
  padding: 0 0 0 40px;
  margin: 15px 0 5px 0;
}



}



@media only screen and (max-width: 640px),
only screen and (max-device-width: 640px)  {


 .picleft, .picright {    float: none; margin: 0 auto; }


.block1r, .block1l, .block2l, .block2r {
  max-width: 98%;
  float: none;
  margin: 0 auto;
 text-align: center;
}




 }



@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px)  {


.pic480 {     width: 100%;  }


}
