html body.font-aaa,
body.font-aaa,
body.font-aaa #contenttext li,
body.font-aaa p,
body.font-aaa p span,
body.font-aaa #contenttext ul,
body.font-aaa #contenttext td
{
font-size: 20px!important;
}


body.font-aaa .list-title .publishdate{
max-width: 90px; 
}


body.font-aaa #contenttext h1
{
font-size: 125%;
} 

 body.font-aaa #contenttext h3
{
font-size: 90%;
} 

 body.font-aaa #bot h3{
 font-size: 92%;
 }
 
 
 body.font-aaa .moduletable h3{
  font-size: 110%;
 }
 
 body.font-aaa #gallery H3,  body.font-aa  .moduletableanonce  h3{
 font-size: 125%;
 }
 }

body.font-aaa #social h3{
 font-size: 110%;
 }
 
 
body.white-and-black.font-aaa  #right-menu .image-title, 
body.white-and-black.font-aaa  #reload .image-title ,
body.black-and-white.font-aaa  #right-menu .image-title, 
body.black-and-white.font-aaa  #reload .image-title    {
 font-size: 105%;
 overflow: hidden;
}
 
body.font-aaa span.pagenav,
body.font-aaa .pagination li a
{
font-size: 110%;
}


body.font-aaa .create{
font-size: 15px;
}

















html body.font-aa,
body.font-aa,
body.font-aa #contenttext li,
body.font-aa p,
body.font-aa p span,
body.font-aa #contenttext ul,
body.font-aa #contenttext td
{
font-size: 18px!important;
}

body.font-aa #contenttext h1
{
font-size: 120%;
} 

 body.font-aa #contenttext h3
{
font-size: 85%;
} 

 body.font-aa #bot h3{
 font-size: 87%;
 }
 
 
 body.font-aa .moduletable h3{
  font-size: 105%;
 }
 
 body.font-aa #gallery H3,  body.font-aa  .moduletableanonce  h3{
 font-size: 120%;
 }
 }

body.font-aa #social h3{
 font-size: 105%;
 }
 
 
body.white-and-black.font-aa  #right-menu .image-title, 
body.white-and-black.font-aa  #reload .image-title ,
body.black-and-white.font-aa  #right-menu .image-title, 
body.black-and-white.font-aa  #reload .image-title 
  {
 font-size: 100%;
}
 
body.font-aa span.pagenav,
body.font-aa .pagination li a
{
font-size: 105%;
}


body.font-aa .create{
font-size: 14px;
}





/*theme white and black*/
body.white-and-black #contenttext ul,
body.white-and-black #contenttext .create,
body.white-and-black #contenttext p, 
body.white-and-black #contenttext th,
body.white-and-black #contenttext td,
body.white-and-black #contenttext h1,
body.white-and-black #contenttext h1 a,
body.white-and-black #contenttext h1 a:hover,
body.white-and-black #contenttext h2,
body.white-and-black #contenttext h2 a,
body.white-and-black #contenttext h2 a:hover,
body.white-and-black #contenttext h3,
body.white-and-black #contenttext h3 a,
body.white-and-black #contenttext h3 a:hover,
body.white-and-black #contenttext h4,
body.white-and-black #contenttext h4 a,
body.white-and-black .breadcrumbs a, 
body.white-and-black  a.pathway:hover ,
body.white-and-black .category-list a:hover,  
body.white-and-black .category-list  a:link,
 body.white-and-black .category-list  a:visited ,
  body.white-and-black #contenttext .category a:hover,
    body.white-and-black #contenttext p a:hover,
 body.white-and-black #contenttext .expired,
 body.white-and-black #contenttext .number,
 body.white-and-black #contenttext .text,
 body.white-and-black,
body.white-and-black #contenttext .item-page p,
body.white-and-black #contenttext .item-page table,
body.white-and-black #contenttext .item-page span,
body.white-and-black #contenttext .item-page stable,
body.white-and-black #contenttext .item-page p span,
body.white-and-black #contenttext .item-page td span,
body.white-and-black #contenttext .item-page td
{
color: #fff!important;
}






body.white-and-black #contenttext .tablecenter td{
background: none!important;
}




 body.white-and-black a:link, 
 body.white-and-black a:visited 
{
color: #fff;
}

body.white-and-black #contenttext .span4:hover  .item-image, body.white-and-black #contenttext .span3:hover  .item-image, body.white-and-black #contenttext .span2:hover  .item-image{
opacity: 1;
background: #fff;
color: #000;
 }
 
body.white-and-black #contenttext .items-row .span4:hover  .item-image img{
opacity: 0.1;
}


body.white-and-black #contenttext table.category.table tr:nth-child(2n), body.white-and-black #contenttext #level2.active {
    background: #000;
}

body.white-and-black #contenttext .list-title {
    border-bottom: 1px dotted #fff;
    padding: 5px;}
	
	
body.white-and-black #contenttext .list-title .publishdate {
    border-right: 1px dotted #fff;
   }
	
body.white-and-black #contenttext h1,  body.white-and-black #contenttext  #level2 {
border-bottom: 1px dotted #fff;
}

body.white-and-black #level3  h3 a:hover{
color: #000!important;
}

body.white-and-black #contenttext .bb{
background: url(../images/right-w.png);
background-position-y: 50%;
background-repeat: no-repeat;

}

body.white-and-black #contenttext .active .bb{
background: url(../images/down-w.png);
background-position-y: 50%;
background-repeat: no-repeat;


}





body.white-and-black ,
.white-and-black  #contenttext,
.white-and-black  #content

{
background: #000;
color:#fff;
}


.white-and-black #footer,
.white-and-black #bottom1,
.white-and-black #bottom2,
.white-and-black #bottom3,
.white-and-black #bottom4,
.white-and-black #design a ,
.white-and-black #design a:hover, 
.white-and-black #footer a:link,
.white-and-black  #footer a:visited,
.white-and-black #footer .moduletable h3
{
color:#000;
}

.white-and-black .blog .clearfix .span6{
background:#000!important;
}

.white-and-black #contenttext iframe{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}





.white-and-black .icon-social img{
-webkit-filter: invert(100%);
filter: invert(100%);
}
 .white-and-black .logo-menu img, .white-and-black #simvolika img{
filter: invert(100%);
 }
 
  .white-and-black a.logo-menu,  .white-and-black #simvolika{
filter: grayscale(100%);
 }



.white-and-black  .sb-icon-search{
background-image: url(../images/search-b.png);
}

.white-and-black  .sb-icon-eye{
background-image: url(../images/eye-b.png);
}

.white-and-black #mod-search-searchword119.open-search.inputbox, .white-and-black #mod-search-searchword119.open-search.inputbox:hover{
background: #000;
color:#fff;
}


.white-and-black .item-page{
color:#fff;
background: #000;
}

.white-and-black img {
filter: grayscale(100%);

}


.white-and-black #head-bg { 
background-color: #ffffff;
}

.white-and-black #right-menu img, .white-and-black #reload .menu img {
opacity:0;
}
    
.white-and-black #right-menu li , .white-and-black #reload .menu li{
background: #ffffff;
border:1px solid#000;
}

.white-and-black #right-menu li:hover , .white-and-black #reload .menu li:hover{
background: #000;
border:1px solid#fff;
}

.white-and-black #right-menu li:hover .image-title, .white-and-black #reload li:hover .image-title{
color: #fff;
}

.white-and-black #right-menu li .image-title, .white-and-black #reload li .image-title{
color: #000
}

.white-and-black #right-menu ul{
height: auto;
}


.white-and-black #right-menu .image-title, .white-and-black #reload .menu  .image-title{
padding: 9px 4px 4px 4px;
    
}

@media (min-width: 1461px){
.white-and-black #right-menu .image-title, .white-and-black #reload .menu  .image-title{
width: 258px;
}
}

@media (max-width: 1460px){
.white-and-black #right-menu .image-title, .white-and-black #reload .menu  .image-title{
width: 210px;
}
}








.white-and-black .hotline-box .submit.btn-red{
background: #ffffff;
color:#000;
}

.white-and-black .hotline-box .submit.btn-red:hover{color:#fff;border:1px solid #fff; background-color:transparent}




.white-and-black .links-box__btn{
background: #fff;
}
.white-and-black .links-box__btn a{
color: #000!important;
}

.white-and-black  .links-box__btn img{
display:none;
}



.white-and-black #bottom{
background: #ffffff;
}


.white-and-black .menuinfoblocks li a {
       background-color: rgba(0, 0, 0, 1);
}



	
.white-and-black #foto{
color: #fff;
}

.white-and-black #panel a, .white-and-black .announce a{
color: #fff;
}
	
	.white-and-black #panel h3, .white-and-black .announce h3 {
color: #fff;
}

.white-and-black #panel .publishdate {
color: #fff;
}


.white-and-black .announce .publishdate{
border-right: 1px dotted #fff;
color: #fff;
}


.white-and-black .announce .publishdate .number{
color: #fff;
}

.white-and-black .announce .publishdate .text{
color: #fff;
}

.white-and-black #infoblocks2 h3  , .white-and-black #infoblocks h3, .white-and-black  #fotogallery  h3,  .white-and-black  #videogallery  h3{
color: #fff;
}	
.white-and-black #gallery a:link, .white-and-black #gallery a:visited{
color: #000;
}

.white-and-black #panel{
border: 0px solid #fff;
background: #000;
}
	
.white-and-black .portfolio{
color: #000;}

.white-and-black .portfolio:hover{
background: #fff;
color: #000;
}
.white-and-black #headsearch	{
background: #fff	;
}
	
.white-and-black #main ul	{
background: #fff;

}




.white-and-black .items-row .span4:hover  .item-image:before{
color: #000;
}




@media (min-width: 800px){
.white-and-black #nav .deeper.parent:hover, .white-and-black #nav .deeper.parent.active {
color: #fff;
background: #000 url(../down-hover-w.png)  ;
background-position: right 50%  bottom 5px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 35px;
transition-duration: 0s;
}

.white-and-black #nav .deeper.parent {
color: #000;
background: #fff url(../down-hover-b.png)  ;
background-position: right 50%  bottom 5px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 35px;
transition-duration: 0s;
}

.white-and-black #main ul li:hover ul{
background: #fff;
border-top: 1px solid #000;
}

.white-and-black #main ul li:hover ul li:first-child{
border-left: 1px solid#000;
}

.white-and-black #main ul li:hover ul li {
border-right: 1px solid#000;
}


.white-and-black #nav li.active a , .white-and-black #nav li.active .nav-header {
color: #fff;
}

.white-and-black #nav li  a , .white-and-black #nav li .nav-header{
color: #000;
}

.white-and-black #nav li.active{
background: #000;
}


.white-and-black #nav .deeper.parent:hover a, .white-and-black #nav .deeper.parent:hover .nav-child li:hover a,
.white-and-black #nav .deeper.parent.active a, .white-and-black #nav .deeper.parent:hover span, .white-and-black #nav li:hover a {
color: #fff;
}


.white-and-black #nav li.active.deeper.parent li.current.active a{
color: #fff;
}



}


@media (max-width: 799px){
.white-and-black #menu-icon.active {
		background: #fff url(../images/menu-icon-close-b.png) no-repeat 10px center;
}

.white-and-black #menu-icon {
		background: #fff url(../images/menu-icon-b.png) no-repeat 10px center;
}

.white-and-black #main a, .white-and-black #main span {
color: #000;

}

.white-and-black #nav li{
border: solid 1px #fff;
background: #fff;
}


.white-and-black #nav li  a , .white-and-black #nav li .nav-header{
color: #000;
}
	
.white-and-black #nav  .deeper.parent {
background: #fff;
border: solid 1px #000;
background: #fff url(../right.gif) ;
background-position: right 10px  top 13px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 30px;
transition-duration: .2s;
padding-top: 5px;
}


.white-and-black #nav li.deeper.parent:hover{
background: #000;
border: solid 1px #000;
background: #000 url(../right.gif) ;
background-position: right 10px  top 13px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 30px;
transition-duration: .2s;
padding-top: 5px;
}

.white-and-black #nav .deeper.parent.open, .white-and-black #nav  .deeper.parent.open:hover {
background: #000;
border: solid 1px #000;
background: #000 url(../down.gif) ;
background-position: right 10px  top 15px; 
background-repeat: no-repeat;
transition-duration: .2s;
padding-top: 10px;

}


.white-and-black #nav  .deeper.parent.open  .nav-child{
background: #000;

}

.white-and-black #nav li.deeper.parent.open span.nav-header{
color: #fff;
}

.white-and-black #nav li.deeper.parent:hover span.nav-header,   .white-and-black #nav li:hover a{
color: #fff;
}


.white-and-black #nav li.open ul.nav-child li:hover a{
color: #fff!important;
}

	
	
	
.white-and-black	#nav .parent ul {
background: #fff;
transition-duration: .3s;
}


.white-and-black #nav li.active.deeper.parent li.current.active a, .white-and-black #nav li.active.deeper.parent li:hover a,  .white-and-black #nav li.current.active a{
color: #fff;
}

.white-and-black #nav li.active.deeper.parent li.current.active, .white-and-black #nav li.current.active {
background: #000;
}	
	
}



.white-and-black #main li:hover, .white-and-black #main ul li:hover ul li:hover {
background: #000;
color: #fff;
transition-duration: 0s;
}


.white-and-black #nav .deeper.parent:hover .nav-child li a{
color: #000;

}




.white-and-black #floating, .white-and-black .icon-social{
background: #fff;
}



/*pagination - black and white*/


.white-and-black #contenttext .pagination li:hover a{
color: #000!important;
}

.white-and-black #contenttext .pagination ul li {
background-color: #000;
}

.white-and-black #contenttext .pagination li.active {
background-color: #fff;
}

.white-and-black #contenttext .pagination li:hover {
background-color: #fff;
}

.white-and-black .pagination span, .pagination span a:hover {
    background-color: #000;
    color: #fff;
}

.white-and-black span.pagenav {
    background: #fff none repeat scroll 0 0;
    color: #000;
}

.white-and-black .pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
    background-color: #000;
    color: #fff;
}

.white-and-black .readmore  a.btn{
background: #fff;
    color: #000;
}
.white-and-black .readmore  a.btn:hover{
background: #000;
    color: #fff;
}

/*end pagination - black and white*/



/*end theme white and black*/















/*theme black and white*/
body.black-and-white #contenttext .create,
body.black-and-white #contenttext p, 
body.black-and-white #contenttext th,
body.black-and-white #contenttext td,
body.black-and-white #contenttext h1,
body.black-and-white #contenttext h1 a,
body.black-and-white #contenttext h1 a:hover,
body.black-and-white #contenttext h2,
body.black-and-white #contenttext h2 a,
body.black-and-white #contenttext h2 a:hover,
body.black-and-white #contenttext h3,
body.black-and-white #contenttext h3 a,
body.black-and-white #contenttext h3 a:hover,
body.black-and-white #contenttext h4,
body.black-and-white #contenttext h4 a,
body.black-and-white .breadcrumbs a, 
body.black-and-white  a.pathway:hover ,
body.black-and-white .category-list a:hover,  
body.black-and-white .category-list  a:link,
 body.black-and-white .category-list  a:visited ,
  body.black-and-white #contenttext .category a:hover,
    body.black-and-white #contenttext p a:hover,
 body.black-and-white #contenttext .expired,
 body.black-and-white #contenttext .number,
 body.black-and-white #contenttext .text,
 body.black-and-white
{
color: #000!important;
}



body.black-and-white #contenttext .span4:hover  .item-image, body.black-and-white #contenttext .span3:hover  .item-image, body.black-and-white #contenttext .span2:hover  .item-image{
opacity: 1;
background: #000;
color: #fff;
 }
 
body.black-and-white #contenttext .items-row .span4:hover  .item-image img{
opacity: 0.1;
}


body.black-and-white #contenttext table.category.table tr:nth-child(2n), body.black-and-white #contenttext #level2.active {
    background: #fff;
}

body.black-and-white #contenttext .list-title {
    border-bottom: 1px dotted #000;
    padding: 5px;}
	
	
body.black-and-white #contenttext .list-title .publishdate {
    border-right: 1px dotted #000;
   }
	
body.black-and-white #contenttext h1,  body.black-and-white #contenttext  #level2 {
border-bottom: 1px dotted #000;
}



body.black-and-white #contenttext .bb{
background: url(../images/right-b.png);
background-position-y: 50%;
background-repeat: no-repeat;

}

body.black-and-white #contenttext .active .bb{
background: url(../images/down-b.png);
background-position-y: 50%;
background-repeat: no-repeat;


}







.black-and-white #contenttext  iframe{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}






.black-and-white img {
filter: grayscale(100%);

}


.black-and-white #head-bg { 
background-color: #000000;
}

.black-and-white #right-menu img, .black-and-white #reload .menu img {
opacity:0;
}
    
.black-and-white #right-menu li , .black-and-white #reload .menu li{
background: #000000;
border:1px solid#fff;
}

.black-and-white #right-menu li:hover , .black-and-white #reload .menu li:hover{
background: #fff;
border:1px solid#000;
}

.black-and-white #right-menu li:hover .image-title, .black-and-white #reload li:hover .image-title{
color: #000;
}

.black-and-white #right-menu ul{
height: auto;
}


.black-and-white #right-menu .image-title, .black-and-white #reload .menu  .image-title{
padding: 9px 4px 4px 4px;
    
}

@media (min-width: 1461px){
.black-and-white #right-menu .image-title, .black-and-white #reload .menu  .image-title{
width: 258px;
}
}

@media (max-width: 1460px){
.black-and-white #right-menu .image-title, .black-and-white #reload .menu  .image-title{
width: 210px;
}
}








.black-and-white .hotline-box .submit.btn-red{
background: #000000;
}

.black-and-white .hotline-box .submit.btn-red:hover{color:#000;border:1px solid #000; background-color:transparent}

.black-and-white .links-box__btn{
background: #000000;
}

.black-and-white  .links-box__btn img{
display:none;
}



.black-and-white #bottom{
background: #000000;
}


.black-and-white .menuinfoblocks li a {
       background-color: rgba(0, 0, 0, 1);
}



	
.black-and-white #foto{
color: #000;
}

.black-and-white #panel a, .black-and-white .announce a{
color: #000;
}
	
	.black-and-white #panel h3, .black-and-white .announce h3 {
color: #000;
}

.black-and-white #panel .publishdate {
color: #000;
}


.black-and-white .announce .publishdate{
border-right: 1px dotted #000;
color: #000;
}


.black-and-white .announce .publishdate .number{
color: #000;
}

.black-and-white .announce .publishdate .text{
color: #000;
}

.black-and-white #infoblocks2 h3  , .black-and-white #infoblocks h3, .black-and-white  #fotogallery  h3,  .black-and-white  #videogallery  h3{
color: #000;
}	

.black-and-white #panel{
border: 0px solid #000;
background: #fff;
}
	
	

.black-and-white .portfolio:hover{
background: #000;
}
.black-and-white #headsearch	{
background: #000	;
}
	
.black-and-white #main ul	{
background: #000;
}









@media (min-width: 800px){
.black-and-white #nav .deeper.parent:hover, .black-and-white #nav .deeper.parent.active {
color: #000;
background: #fff url(../down-hover-b.png)  ;
background-position: right 50%  bottom 5px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 35px;
transition-duration: 0s;
}
.black-and-white #main ul li:hover ul{
background: #000;
border-top: 1px solid #fff;
}

.black-and-white #main ul li:hover ul li:first-child{
border-left: 1px solid#fff;
}

.black-and-white #main ul li:hover ul li {
border-right: 1px solid#fff;
}


.black-and-white #nav li.active a , .black-and-white #nav li.active .nav-header {
color: #000;
}

.black-and-white #nav li.active{
background: #fff;
}


.black-and-white #nav .deeper.parent:hover a, .black-and-white #nav .deeper.parent:hover .nav-child li:hover a,
.black-and-white #nav .deeper.parent.active a, .black-and-white #nav .deeper.parent:hover span, .black-and-white #nav li:hover a {
color: #000;
}


.black-and-white #nav li.active.deeper.parent li.current.active a{
color: #000;
}


}


@media (max-width: 799px){
.black-and-white #menu-icon.active {
		background: #000 url(../images/menu-icon-close.png) no-repeat 10px center;
}

.black-and-white #nav li{
border: solid 1px #000;
background: #000;
}
	
.black-and-white #nav  .deeper.parent {
background: #000;
border: solid 1px #fff;
background: #000 url(../right.gif) ;
background-position: right 10px  top 13px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 30px;
transition-duration: .2s;
padding-top: 5px;
}


.black-and-white #nav li.deeper.parent:hover{
background: #fff;
border: solid 1px #fff;
background: #fff url(../right.gif) ;
background-position: right 10px  top 13px; 
background-repeat: no-repeat;
cursor: pointer;
min-height: 30px;
transition-duration: .2s;
padding-top: 5px;
}

.black-and-white #nav .deeper.parent.open, .black-and-white #nav  .deeper.parent.open:hover {
background: #fff;
border: solid 1px #fff;
background: #fff url(../down.gif) ;
background-position: right 10px  top 15px; 
background-repeat: no-repeat;
transition-duration: .2s;
padding-top: 10px;

}


.black-and-white #nav  .deeper.parent.open  .nav-child{
background: #fff;

}

.black-and-white #nav li.deeper.parent.open span.nav-header{
color: #000;
}

.black-and-white #nav li.deeper.parent:hover span.nav-header,   .black-and-white #nav li:hover a{
color: #000;
}


.black-and-white #nav li.open ul.nav-child li:hover a{
color: #000!important;
}

	
	
	
.black-and-white	#nav .parent ul {
background: #000;
transition-duration: .3s;
}


.black-and-white #nav li.active.deeper.parent li.current.active a, .black-and-white #nav li.active.deeper.parent li:hover a,  .black-and-white #nav li.current.active a{
color: #000;
}

.black-and-white #nav li.active.deeper.parent li.current.active, .black-and-white #nav li.current.active {
background: #fff;
}	
	
}



.black-and-white #main li:hover, .black-and-white #main ul li:hover ul li:hover {
background: #fff;
color: #000;
transition-duration: 0s;
}


.black-and-white #nav .deeper.parent:hover .nav-child li a{
color: #fff;

}




.black-and-white #floating, .black-and-white .icon-social{
background: #000;
}

.black-and-white .readmore  a.btn{
background: #000;
    color: #fff;
}
.black-and-white .readmore  a.btn:hover{
border-color: #000;
	background: #fff;
    color: #000;
}

.black-and-white .blog .clearfix .span6 {
    border-top: 5px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 5px 5px 20px 5px;
    margin-top: 10px;
    background-color: #ffffff;
    border-radius: 10px;
}


/*pagination - black and white*/


.black-and-white #contenttext .pagination li:hover a{
color: #fff!important;
}

.black-and-white #contenttext .pagination ul li {
background-color: #fff;
}

.black-and-white #contenttext .pagination li.active {
background-color: #000;
}

.black-and-white #contenttext .pagination li:hover {
background-color: #000;
}

.black-and-white .pagination span, .pagination span a:hover {
    background-color: #fff;
    color: #000;
}

.black-and-white span.pagenav {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}

.black-and-white .pagination-start span.pagenav, .pagination-prev span.pagenav, .pagination-end span.pagenav, .pagination-next span.pagenav {
    background-color: #fff;
    color: #000;
}

/*end pagination - black and white*/



/*end theme black and white*/