#catalogs{
min-width: 1100px;
margin: 0 auto;
min-height: 540px;
width: 1400px;
}

			#wrapper {
width: 100%;
height: 70%;
min-height: 275px;
margin: 9px 0 0 0;
float: left;
position: relative;
top: 0;
left: 0;
			}
			#inner {
				width: 100%;
				height: 544px;
				margin-top: -75px;
				position: relative;
				overflow: hidden;
			}

 #zoom{
background-image: url(../images/zoom.png);
width: 55px;
height: 73px;
display: block;
position: absolute;
background-repeat: no-repeat;
top: 15px;
right: 15px;
cursor: pointer;
z-index: 9999;
 }
.disabled{
	opacity: 0;
}



			#pager {
				text-align: center;
				margin-top: 20px;
				color: #666;
			}
			#show_pag a {
			   background-image: url("../images/catalogs/page.png");
				background-position: 0 13px;
				background-repeat: no-repeat;
				color: #666;
				display: inline-block;
				font-size: 0;
				height: 17px;
				margin: 0 3px;
				padding: 5px 10px;
				text-decoration: none;
				width: 22px;
			}

			#show_pag a.selected {
				background-position: -42px 13px;
			}
			#prev, #next {
				display: block;
				width: 50px;
				height: 80px;
				margin-top: -40px;
				position: absolute;
				top: 41%;
				z-index: 2;
			}
			#prev {
				background: url(../images/catalogs/arrow.png ) no-repeat;
				left: 50%;
				margin-left: -563px;
			}
			#prev:hover {
				background: url(../images/catalogs/arrow_a.png ) no-repeat;
			}			
			#next {
				background: url(../images/catalogs/arrow2.png ) no-repeat;
				right: 50%;
				margin-right: -563px;
			}
			#next:hover {
				background: url(../images/catalogs/arrow2_a.png ) no-repeat;
			}			
			#copy {
				text-align: center;
				width: 100%;
				position: absolute;
				bottom: 10px;
				left: 0;
			}
			#copy, #copy a {
				color: #999;
			}
			
			#donate-spacer {
				height: 100%;
			}
			#donate {
				width: 750px;
				padding: 50px 75px;
				margin: 0 auto;
				overflow: hidden;
			}
			#donate p, #donate form {
				margin: 0;
				float: left;
			}
			#donate p {
				width: 650px;
			}
			#donate form {
				width: 100px;
			}

  #content{
    background-color: #181818;
  }

      #wrapper img {
        display: block;
        float: left;
      }
      #images, #thumbs {
        height: 350px;
        float: left;
        overflow: hidden;
      }
      #images {
        width: 350px;
      }
      #thumbs {
        width: 375px;
        margin-left: 25px;
      }
      #thumbs img {
        margin: 0 1px ;
        cursor: pointer;
      }
      #thumbs img.selected, #thumbs img:hover {
border-color: orange;
border: 1px solid orange;
overflow: hidden;
width: 121px;
height: 54px;
margin: 0 1px;
      }
      
      #thumbs div {
        width: 1075px;
        height: 350px;
        float: left;
      }
      #prev2 a, #next2 a {
        text-decoration: none;
        font-size: 20px;
        color: #999;
        position: absolute;
      }
#prev2{
left: -50px;
position: absolute;
width: 50px;
height: 50px;
}
#prev2 .images{
  text-decoration: none;
font-size: 20px;
color: #999;
top: 192px;
position: absolute;
left: 0;
}


#next2 .images{
display: block;
float: left;
position: relative;
left: 0;
top: 192px;
}

#next2{
right: -72px;
position: absolute;
width: 50px;
height: 500px;
}

#thumb_block{
  float: left;
position: absolute;
top: 86%;
left: 50%;
}

#thumb_block .caroufredsel_wrapper{
  left: -50% !important;
  z-index: 55 !important;
}

      #prev2 a:hover, #next2 a:hover {
        color: #000;
      }
      #prev2 a.disabled, #next2 a.disabled {
        display: none !important;
      }
      #next2 a {
        top: 15px;
      }
      #next2 a {
        bottom: 15px;
      }
      a.images {
        left: 220px;
      }
      a.thumbs {
        right: 220px;
      }
      
#thumb_block  #prev2{
left: -53%;
top: 0;
height: 50px;
}

#thumb_block  #next2{
height: 50px;
right: 44%;
top: 0;
}

#thumb_block  #prev2 .thumbs{
left: 0;
top: 18px;
width: 50px;
}

#thumb_block  #next2 .thumbs{
right: 0;
top: 20px;
}
#images_block{
  position: relative;
  float: left;
 /*left: 50%;*/
 width: 100%;
}
#images_block .caroufredsel_wrapper{
 /*left: -50% !important;*/
}
#images_block img{
	/*height: 100%;*/
}


#catalogs_top{
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
float: left;
width: 100%;
margin-top: 55px;
height: 30px;
position: relative;
z-index: 2;
}
#catalogs_top #catalogs_left{
	float: left;
color: white;
text-align: left;
width: 460px;
}
#catalogs_top #catalogs_left #year{
float: left;
color: #eb4b0b;
font-size: 26px;
margin-right: 14px;
}
#catalogs_top #catalogs_left #name{
float: left;
font-size: 13px;
display: table;
height: 27px;
}

#catalogs_top #catalogs_left #name span{
	display: table-cell;
vertical-align: middle;
}


.search{
float: left;
background-image: url(../images/catalogs/search.png);
background-repeat: no-repeat;
width: 162px;
height: 26px;
font-size: 12px;
color: white;
text-align: left;
cursor: pointer;
margin-left: 10px;
}
#search01{
	float: left;
width: 162px;
height: 26px;
line-height: 24px;
}

#search_input_news{
float: left;
margin-left: 5px;
width: 127px;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#search_btn{
float: left;
width: 29px;
height: 26px;
}
#catalogs_top
#catalogs_right{
	float: right;
	width: 350px;
}

#catalogspdf{
	float: left;
}

.search_over_item{
float: left;
padding: 5px 4px;
background-color: #181818;
width: 127px;
border-left: 1px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
}
#search_btn_{
		float: left;
}
#back{
float: left;
margin-left: 15px;
}
#shape{
position: absolute;
width: 120px;
height: 25px;
z-index: 999;
opacity: 0.5;
color: white;
font-size: 16px;
bottom: 58px;
text-align: right;
right: 0;
/* line-height: 50px; */
opacity: 1;
}
#show_pag{
left: -50%;
position: relative;
z-index: 5;
top: 0;
}


#flexslider{
  float: left;
  width: 100%;margin-bottom: 50px;
  margin-top: 10px;position: relative;
}
#carousel{
  width: 60%;
}
#flexslider #slider{
  width: 100%;
}

@media screen and (min-width: 1300px) and (max-width: 1500px){

#catalogs{
width: 1200px;
}
#flexslider{
margin-bottom: 30px;
}


}

@media screen and (min-width: 1100px) and (max-width: 1300px){

#catalogs{
width: 1100px;
}
#flexslider{
  width: 100%;
margin-bottom: 30px;
}


}





@media screen and (min-width: 800px) and (max-width: 1100px){

#catalogs{
width: 1100px;
}
#flexslider{
  width: 80%;
  margin-left: 10%;
  margin-bottom: 20px;
}


}