html {

  padding: 0px;
  margin: 0px;
  	 }

body {
     margin: 0px;
     padding: 0px;
     background:  #C5CFD7; 

}
    	
 

body, h1, h2, h3, h4, h5, h6, p, a, ui, li {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height: 1.5;
	color: #333333;
	font-style: normal;         
        font-weight: normal;
        margin-top: 0px;
	margin-bottom: 0px;
     	}


a:link, a:visited {
    color: #436DAA;
    text-decoration: underline;
}

a.f1 {
	font-family: Georgia,"Times New Roman",Times,serif;
   	 font-style: italic;
 	padding:0 3px;
	text-decoration: none;
      	color:#CC0066;
	font-size:14px;
   	}

a.f2   {
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
    padding:0 3px;
    text-decoration: none;
    color:#CC0066;
    font-size:16px;
    }

a.f3  {
	font-family: Georgia,"Times New Roman",Times,serif;
    	font-style: italic;
	padding:0 3px;
    	text-decoration: none;
    	color:#CC0066;
	font-size:18px;
      	}

a.f1:hover, a.f2:hover,a.f3:hover

    {  	color:#660033; }



.artfont
  {   text-align:right;	}


p.inlin {
    display: inline;
    float: right;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-style: italic;
	}
  	
#home {
  cursor: pointer;
  position: absolute;
  left: 45px;
  top: 90px;
  
}

#home img.home {   padding: 5px;  }

#outeround {
	padding: 0 210px 0 30px; 
	margin: 0; 
	position: relative;

background: url("../images/logo1/head8.png") no-repeat scroll 95% 50% #C5CFD7;
	   	}

.fullMap    {text-align: center;}



.share {display: inline; }



#pageHeader {
	margin-top: 10px;
	margin-left: 5px;
	min-height: 150px;
	
}


#pageHeader h2 {
    clear: none;
    font-size: 30px;
    margin-bottom: 7px;
    text-shadow: 1px 1px 1px #FFFFFF;
    line-height: 1.1;
}

#pageHeader h3 {
    clear: none;
    font-size: 24px;
    margin-bottom: 7px;
    text-shadow: 1px 1px 1px #FFFFFF;
    line-height: 1.1;
}

#pageHeader ul.nav {
    float: left;
    margin:  0px;
    padding: 0px;
 position: relative;
    top: 40px;
    }
    
   
  

/*.nav .item:first-child:before {
    content: "";
    margin: 0;
}
.nav .item:before {
    color: #436DAA;
    content: "|";
    margin: 0 5px;
}*/

#pageHeader .item-selected {
    font-weight: bold;
}

#pageHeader a.bld {
    font-weight: bold;
          }
.nav .item {
    color: #436DAA;
    display: inline;
    font-size: 12px;
    padding: 0 !important;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 0 !important;
 	position: relative;
 
}




.insert3 {
    position: relative;
    border-radius: 10px 10px 0 0;
    clear: both;
    float: left;
    margin: 0;
     padding-bottom: 50px;
   width: 100%;
}


.entry-title {
      background-color:  #E3E9EE;
  background: linear-gradient(to bottom, #D6DCE0 0%, #FFFFFF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px 10px 0 0;
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
    
}    

.entry-title h1 {  
    font-size: 22px;
    font-weight: normal;
    line-height: 1.1em;
    margin: 15px 20px;
    max-width: 80%;
}

.entry-title h1 a, .entry-title h1 a:visited {
    text-shadow: 1px 1px 1px #FFFFFF;
}
.entry-title h1 a, .entry-title h1 a:visited {
    color: #333333;
    text-decoration: none;
}

.entry-title h1 a:hover {
    color: #436daa;
    text-decoration: underline;
    cursor: pointer;
 }

.entry-title h4 {  
    font-size: 2vmax;
    font-weight: normal;
    line-height: 1.1em;
    margin: 15px 20px;
 
}

.entry-title a {  
    font-size: 22px;
font-weight: normal;
    line-height: 1.1em;
}

.entry-title A:link, .entry-title A:visited {
    border-bottom: medium none;
}
.entry-title H4 A, .entry-title H4 A:visited {
    text-shadow: 1px 1px 1px #FFFFFF;
}
.entry-title H4 A, .entry-title H4 A:visited {
    color: #333333;
    text-decoration: none;
}

.entry-title H4 A:hover {
    color: #436daa;
    text-decoration: underline;
cursor: pointer;
 }
   
.entry-date {
  position: absolute;
  top: 15px;
  right: 20px;
}

.entry-date p { 
  color: #768794;
}

.entry-title p.aut {	
    margin-left: 10px;

}

.insert3_footer {
    background: none repeat scroll 0 0 #E3E9EE;
    border-radius: 0 0 5px 5px;
    clear: both;
    height: 20px;
    margin: 0 20px;
    padding: 10px 0;
}

.insert3_footer .entry-menu {
    float: left;
margin: 0px;
   }

/*.insert3_footer li:first-child:before {
    content: "";
    margin: 0;
}
.insert3_footer li:before {
    color: #436DAA;
    content: "|";
    margin: 0 5px;
}*/
.insert3_footer li {
    display: inline;
    font-size: 12px;
}

.teaser_text  {	
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 10px 10px;
    clear: both;
    padding: 10px 20px 20px 20px;
   }

#map {
            width: 100%;
            height: 400px;
            padding: 0;
            margin: 0;
        }
        
#map p.text   {
         font-size: 16px;
         font-weight: bold;
         color: #9C1407;
         }     

 #map a.bold {
        font-weight: bold;
 }
 
  #map a.bold:hover  {
        color: #1E90FF;
 }  
 
 #map img.baloon {
         width: 350px;
         height: auto;
   }  
 
 
 

.teaser_text p.font {	
    padding-bottom: 10px;   }
    
.teaser_text   p span.blue {
	color: #436DAA;
 }


.teaser_text p.bld {
font-weight: bold; 
    
}

.teaser_text span.bld {
font-weight: bold; 
    
}

.teaser_text a.bld {
font-weight: bold; 
    
}

.teaser_text a.bld:hover {
text-decoration: none;  
}

.teaser_text img {
        max-width: 100%;
     width: auto;
     height: auto;
     margin-bottom: 10px;
    
	}
.teaser_text img.left {float: left; margin: 0px 25px 15px 0px; }

.teaser_text img.right {float: right; margin: 0px 15px 25px 0px; }

.teaser_text p.marg  {padding: 10px 0px; color: #9C1407; font-size: 16px;}

#linklistR {
	position: absolute;
	width: 190px;
	right: 0px;
	}
        

#linklistR ul { 
	padding: 0px;
	margin-left: 0px;
 		}

#linklistR li.more { 
  cursor: pointer; 
  float: left;
display: inline;
 	}

	
#linklistR li:hover { 
  color: #436daa;
 	}

#linklistR  h4 {
    border-bottom: 1px solid  #333333;
    font-size: 14px;
   line-height: 1.1;
 font-weight: bold;
   text-shadow: 1px 1px 1px #FFFFFF;
width: 90%;
}

#linklistR p.font   {
          
       font-weight: bold;      
        font-size: 14px;  
          }

#linklistR img 
    { 
	border: 1px solid  #e5e5e5;
	border-radius: 10px;
	padding: 8px;

	}
#link_as {
    margin-right: 10px;  
}

#link2 {
    margin-top: 5000px;  
}

#extraDiv1 {

	position: absolute; 

	top: 5px; 

	right: 5px; 


	}

#extraDiv_head {
    left: 5px;
    position: absolute;
    top: 5px;
	height: 70px;
	width: 900px;
	cursor:pointer
}
  	

.teaser_text h6 {
 color: #436DAA;
  margin-top: 12px;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
   cursor: pointer;
   text-decoration: underline; 	
 }

.teaser_text h6:hover {
     
     color: #436DAA;
text-decoration: none; 
}
 

  	
 .teaser_text h6.active1:hover {
 color: #436DAA; 
    text-decoration: none;	

}

.teaser_text h6.active1 {

 color: #436DAA; 	

}

/* Кнопка наверх */
#back-top{
	position:fixed;
	bottom:10px;
    right: 0px;
}

#back-top a{
	width:55px;
	display:block;
	text-align:center;
	font:11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background-color: transparent;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}

/* графическая стрелка */
#back-top span{
	width:55px;
	height:1600px;
	display:block;
	margin-bottom:7px;
    background: url('../images/up-arrow.png') no-repeat bottom center;
	-webkit-transition:1s;
	-moz-transition:1s;
	transition:1s;
}

#back-top a:hover span{background-color: rgba(0, 0, 0, 0.3);}



     
        

	
a.layer2 {
    position: absolute; 
    bottom: 20px; 
    left: 10px;
   
   }
   
 
a.font1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
   font-size: 1.4em;
   font-weight: bold;
   cursor: pointer;
   text-shadow: 1px 1px 2px black, 0 0 1em red;
   color: white;
   text-decoration: none;
 }
 
 a.font1:hover {
     color:  #CD5C5C;
 }  



.ribbon {
  height: 300px;
  position: relative;
  margin-bottom: 30px;
  text-transform: uppercase;
       }
    
.bg1 {
       background: url(../images/taimen/1.jpg) no-repeat;
        background-size: cover;  
     }
.bg2 {
      background: url(../images/rassokha/91.jpg) no-repeat;
       background-size: cover;  
       }
.bg3 {
      background: url(../images/tareya2/3.jpg) no-repeat;
       background-size: cover;  
          }
.bg4 {
      background: url(../images/uzon/87.jpg) no-repeat;
       background-size: cover;  
          }
          
       
.ribbon12 {
  position: absolute;
  top: -6.1px;
  right: 10px;
    color: white;
}
.ribbon12:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #F8463F;
}
.ribbon12 span {
  position: relative;
  display: block;
  text-align: center;
  background: #F8463F;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon12 span:before, .ribbon12 span:after {
  position: absolute;
  content: "";
}
.ribbon12 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #F8463F;
}
.ribbon12 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background:  #C02031;
}  


  
.ribbon1 {
  position: absolute;
  top: -6.1px;
  right: 10px;
    color: white;
}
.ribbon1:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 53px solid transparent;
  border-right: 53px solid transparent;
  border-top: 10px solid #00B3ED;
}
.ribbon1 span {
  position: relative;
  display: block;
  text-align: center;
  background: #00B3ED;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 10px;
  border-top-right-radius: 8px;
  width: 90px;
}
.ribbon1 span:before, .ribbon1 span:after {
  position: absolute;
  content: "";
}
.ribbon1 span:before {
 height: 6px;
 width: 6px;
 left: -6px;
 top: 0;
 background: #00B3ED;
}
.ribbon1 span:after {
 height: 6px;
 width: 8px;
 left: -8px;
 top: 0;
 border-radius: 8px 8px 0 0;
 background: #34849E;
}



.ribbon2 {
 width: 60px;
 padding: 10px 0;
 position: absolute;
 top: -6px;
 left: 25px;
 text-align: center;
 border-top-left-radius: 3px;
 background: #F47530;
}
.ribbon2:before {
 height: 0;
 width: 0;
 right: -5.5px;
 top: 0.1px;
 border-bottom: 6px solid #8D5A20;
 border-right: 6px solid transparent;
}
.ribbon2:before, .ribbon2:after {
  content: "";
  position: absolute;
}
.ribbon2:after {
  height: 0;
  width: 0;
  bottom: -29.5px;
  left: 0;
  border-left: 30px solid #F47530;
  border-right: 30px solid #F47530;
  border-bottom: 30px solid transparent;
}
.ribbon3 {
  width: 150px;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  position: absolute;
  left: -8px;
  top: 20px;
  background: #59324C;
}
.ribbon3:before, .ribbon3:after {
  content: "";
  position: absolute;
}
.ribbon3:before {
  height: 0;
  width: 0;
  top: -8.5px;
  left: 0.1px;
  border-bottom: 9px solid black;
  border-left: 9px solid transparent;
}
.ribbon3:after {
  height: 0;
  width: 0;
  right: -14.5px;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 15px solid #59324C;
}
.ribbon4 {
  position: absolute;
  top: 15px;
  padding: 8px 10px;
  background: #FFD700;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3);
  color: white;
}
.ribbon4:before, .ribbon4:after {
  content: "";
  position: absolute;
}
.ribbon4:before {
  width: 7px;
  height: 100%;
  top: 0;
  left: -6.5px;
  padding: 0 0 7px;
  background: inherit;
  border-radius: 5px 0 0 5px;
}
.ribbon4:after {
  width: 5px;
  height: 5px;
  bottom: -5px;
  left: -4.5px;
  background: #FFFF00;
  border-radius: 5px 0 0 5px;
 }
.ribbon5 {
  display: block;
  width: calc(100% + 20px);
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin-left: -10px;
  margin-right: -10px;
  background: #EDBA19;
  position: relative;
  top: 20px;
}
.ribbon5:before, .ribbon5:after {
  content: "";
  position: absolute;
}
.ribbon5:before {
  height: 0;
  width: 0;
  bottom: -10px;
  left: 0;
  border-top: 10px solid #cd8d11;
  border-left: 10px solid transparent;
}
.ribbon5:after {
  height: 0;
  width: 0;
  right: 0;
  bottom: -10px;
  border-top: 10px solid #cd8d11;
  border-right: 10px solid transparent;
}
.wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -8px;
  left: 8px;
  overflow: hidden;
}
.wrap:before, .wrap:after {
  content: ""; 
  position: absolute;
}
.wrap:before {
  width: 40px;
  height: 8px;
  right: 100px;
  background: #4D6530;
  border-radius: 8px 8px 0px 0px;
}
.wrap:after {
  width: 8px;
  height: 40px;
  right: 0px;
  top: 100px;
  background: #4D6530;
  border-radius: 0px 8px 8px 0px;
}
.ribbon6 {
  width: 200px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px dashed;
  box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6);
  background: #57DD43;
  text-align: center;
}
@media (min-width: 600px) {
  .ribbons-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
      }
  .ribbon {
    width: 48%;
     }
 
}