@font-face {
    font-family: 'Ubuntu-Medium';
    src: url('/sites/fnx/fonts/Ubuntu-Medium.eot?') format('eot'),
    url('/sites/fnx/fonts/Ubuntu-Medium.woff') format('woff'),
    url('/sites/fnx/fonts/Ubuntu-Medium.ttf')  format('truetype'),
    url('/sites/fnx/fonts/Ubuntu-Medium.svg#Ubuntu-Medium') format('svg');
}

@font-face {
    font-family: 'Ubuntu';
    src: url('/sites/fnx/fonts/Ubuntu-Bold.eot?') format('eot'),
    url('/sites/fnx/fonts/Ubuntu-Bold.woff') format('woff'),
    url('/sites/fnx/fonts/Ubuntu-Bold.ttf')  format('truetype'),
    url('/sites/fnx/fonts/Ubuntu-Bold.svg#Ubuntu-Bold') format('svg');
}


.clear { clear:both; }

b,strong{ font-weight:bold; }

/* Site */

body { margin: 0px 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #848485; background:#dedede; text-align: left; overflow-y:scroll; }
.body { margin:0px auto; background:#fff; min-height:100%; padding-top:20px; }

.content { margin-bottom:15px; }
.content img { max-width:100% !important; }
.content h1, .content h2  { font-size: 18px; color: #5F5F59; font-weight: bolder; }
.content ul { padding-left:0; margin-left:0; list-style:none; }
.content ul li { font-style:italic; font-size:120%; color:#E31E24; }
.content ul li:before {
  content: "\f058";
  font-family: FontAwesome;
  font-style:none; 
  margin-right:10px;
  font-size:80%;		
}

.image_left { float:left; margin:0 10px 10px 0;}
.image_right { float:right; margin:0 0 10px 10px;}

.logo img { width:100%; max-width:350px; }

.clear { clear:both; }

.fenix { background: #E7EAEB; margin-top:-20px; padding-bottom:15px; border-top:5px solid #E31E24; }

h1, h2 { font-size:200%;    font-family: "Ubuntu-Medium"; color:#393185 }
h3 { color:#E31E24; font-size:150%;  }
h5 { color:#919191; font-size:130%; }

.btn-primary { bordeR:0; background:#990000; }

.vkontakte { margin-top:10px; }
.vkontakte img { width:40px;}

.phone h2 {
    font-size: 40px;
    color: #2F408F;
	margin-top:0;
    font-weight: normal;
    font-family: "Ubuntu-Medium";
}
.phone div {
    color: #2F408F;
    font-size: 16px;
    margin-bottom: 7px;
}

.content table { margin-bottom:20px; width:100%; }
.content table td, .item_introtext table th { padding:5px; background:#ddd; border:1px solid #E7EAEB; } 
.content table tr:first-child td, .item_introtext table th { color:#fff; background:#565859; text-align:center; }
.content table th { text-align:left; }

.izdroot { list-style-type:none; padding:0; margin:0; margin-left:-20px; margin-right:-30px; margin-top:30px;  }
.izdroot li { padding:0 margin:0; width:100%; padding-right:10px; float:left; margin-bottom:10px; text-align:center;  list-style-type:none;  }
.izdroot li img { border:1px solid #ddd; }
.izdroot li div.ttl { margin-top:10px; height:50px; font-size:120%; }

.izdroot2 { list-style-type:none; padding:0; margin:0; margin-left:-20px; margin-right:-30px; margin-top:30px;  }
.izdroot2 li { padding:0 margin:0; width:100%; padding-right:10px; float:left; margin-bottom:10px; text-align:center;  list-style-type:none;  }
.izdroot2 li img { border:1px solid #ddd; }
.izdroot2 li div.ttl { margin-top:10px; height:50px; font-size:120%; }


.izd { list-style-type:none; padding:0; margin:0; margin-top:20px; }
.izd li { padding:0 margin:0; width:100%; text-align:center; }
.izd li img { border:1px solid #ddd; max-width:50%; }
.izd li div.ttl { margin-top:3px; height:40px; font-size:100%; }

.footer-row { background:#353738; margin-top:20px; margin-right:-15px; margin-left:-15px; padding:20px; padding-top:20px; padding-bottom:20px }


.content table { margin-bottom:20px; width:100%; }
.content table td, .item_introtext table th { padding:5px; background:#ddd; border:1px solid #E7EAEB; } 
.content table tr:first-child td, .item_introtext table th { color:#fff; background:#565859; text-align:left; }


.ramka { cursor:pointer; position: absolute; top: 0; left: 50%; margin-left:7px; background: url('../images/ramka.png') no-repeat; width: 109px; height: 109px; }
.ramka span { display: block; position: absolute; top: 7px; right: 10px; width: 109px; height: 109px; font-size: 22px; color: #fff; text-align: center; letter-spacing: 1px;
-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ramka span:first-child { font-size:10px;   top:5px; right:5px; }
.ramkadet { right:0px; left:auto; margin-left:auto;  }

.izd2 { width:250px; margin:0 0 10px 0; float:none; display:block-inline; position:relative; }
.ramka { display:none; }	

.newizdanie h3 { margin-top:0; margin-bottom:-10px; }
.newizdanie td { vertical-align:top; }
.newizdanie em { color:#666; font-size:14px; }
.newizdanie p { margin-bottom:0 }
.newizdanie tr td, .newizdanie th { background:#fff !important; color:#333 !important; }
.newizdanie tr td img { width:100px; height:auto; min-width:100px; }
.newizdanie tr td:last-child { width:90%; }


@media (min-width: 600px) {
    .izdroot li { width:50%; }
}

@media (min-width: 992px) {
    .izdroot li { width:33.33333%; }
    .izdroot2 li { width:50%; }
    .phone div { text-align:center; }
    .izd2 { float:right; margin:0 0 20px 20px; width:30%; }
    .ramka { display:block; }	
}


@media (max-width: 992px) {
    .logo { text-align:center;   }
    .izd { margin-top:40px; }
    .izd li { width:33.33333%; float:left; }
    .phone div { text-align:center; }
}

@media (min-width: 1200px) {
    .izdroot li { width:25%; }
    .izdroot2 li { width:33.3333333%; }
    .phone div { text-align:right; }
}