@charset "UTF-8";
/* CSS Document */

@media print {

  .hidden-print {
    display: none !important;
  }  
  .breadcrumb {
    display: none !important;
  }  
  
	@page {
/*    size: 330mm 427mm;*/
/*   margin: 25mm 25mm 25mm 25mm;*/
  }
  .container {
/*     margin: -5mm;*/
  }

/*	@page { size: 330mm 427mm;}*/
	
	
  .navbar {
    display: inline;
	border:none;
/*	  margin-bottom: -5mm;*/
	 
  } 
/*
  .navbar-header {display: none;}
   .navbar-nav {display: none;}
*/
  
  /*footer {
    display: none !important;
  } */ 
  body { 
  	  	font-size: 10pt!important;
	  
  }    
  a[href]:after {
    content: none;
  }  
  .print-banner {
	  background-color:#fff; 
	  font-family:Georia; 
	  font-size:18px; 
	  color:#000;
	  padding-bottom:20px;
    }
  	.print-banner .first-letter {
	  font-size:24px;
  	}
	.print-banner .print-url {
		font-family: 'Roboto', sans-serif;
		font-size: 16px; 
	} 
	.print-footer {
		background-color:#fff; 
	  	font-size:9px;
	  	/*position:absolute;
  		right: 0;
  		bottom: 0;
  		left: 0;*/
    }
	.print-footer-date {
		display:inline; 
		float:right;
    }
	
	#banner-second{
    display: none !important;
  }  
	/************************/
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
	.col-md-12 {
	width: 100%;
	}
	.col-md-11 {
	  width: 91.66666666666666%;
	}
	.col-md-10 {
	  width: 83.33333333333334%;
	}
	.col-md-9 {
	  width: 75%;
	}
	.col-md-8 {
	  width: 66.66666666666666%;
	}
	.col-md-7 {
	  width: 58.333333333333336%;
	}
	.col-md-6 {
	  width: 50%;
	}
	.col-md-5 {
	  width: 41.66666666666667%;
	}
	.col-md-4 {
	  width: 33.33333333333333%;
	}
	.col-md-3 {
	  width: 25%;
	}
	.col-md-2 {
	  width: 16.666666666666664%;
	}
	.col-md-1 {
	  width: 8.333333333333332%;
	}
	.col-md-pull-12 {
	  right: 100%;
	}
	.col-md-pull-11 {
	  right: 91.66666666666666%;
	}
	.col-md-pull-10 {
	  right: 83.33333333333334%;
	}
	.col-md-pull-9 {
	  right: 75%;
	}
	.col-md-pull-8 {
	  right: 66.66666666666666%;
	}
	.col-md-pull-7 {
	  right: 58.333333333333336%;
	}
	.col-md-pull-6 {
	  right: 50%;
	}
	.col-md-pull-5 {
	  right: 41.66666666666667%;
	}
	.col-md-pull-4 {
	  right: 33.33333333333333%;
	}
	.col-md-pull-3 {
	  right: 25%;
	}
	.col-md-pull-2 {
	  right: 16.666666666666664%;
	}
	.col-md-pull-1 {
	  right: 8.333333333333332%;
	}
	.col-md-pull-0 {
	  right: 0;
	}
	.col-md-push-12 {
	  left: 100%;
	}
	.col-md-push-11 {
	  left: 91.66666666666666%;
	}
	.col-md-push-10 {
	  left: 83.33333333333334%;
	}
	.col-md-push-9 {
	  left: 75%;
	}
	.col-md-push-8 {
	  left: 66.66666666666666%;
	}
	.col-md-push-7 {
	  left: 58.333333333333336%;
	}
	.col-md-push-6 {
	  left: 50%;
	}
	.col-md-push-5 {
	  left: 41.66666666666667%;
	}
	.col-md-push-4 {
	  left: 33.33333333333333%;
	}
	.col-md-push-3 {
	  left: 25%;
	}
	.col-md-push-2 {
	  left: 16.666666666666664%;
	}
	.col-md-push-1 {
	  left: 8.333333333333332%;
	}
	.col-md-push-0 {
	  left: 0;
	}
	.col-md-offset-12 {
	  margin-left: 100%;
	}
	.col-md-offset-11 {
	  margin-left: 91.66666666666666%;
	}
	.col-md-offset-10 {
	  margin-left: 83.33333333333334%;
	}
	.col-md-offset-9 {
	  margin-left: 75%;
	}
	.col-md-offset-8 {
	  margin-left: 66.66666666666666%;
	}
	.col-md-offset-7 {
	  margin-left: 58.333333333333336%;
	}
	.col-md-offset-6 {
	  margin-left: 50%;
	}
	.col-md-offset-5 {
	  margin-left: 41.66666666666667%;
	}
	.col-md-offset-4 {
	  margin-left: 33.33333333333333%;
	}
	.col-md-offset-3 {
	  margin-left: 25%;
	}
	.col-md-offset-2 {
	  margin-left: 16.666666666666664%;
	}
	.col-md-offset-1 {
	  margin-left: 8.333333333333332%;
	}
	.col-md-offset-0 {
	  margin-left: 0;
	}
	
	

  .col-sm-1, .col-sm-2, .col-sm-3, .col-xs-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
	/* does not print buttons */
	.btn.btn-default {
		display:none;
	}
	
}
/****************************************************************/
html {
  font-size: 16px;
  /*font-size: 10px;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px; 
	color:#696969;
	font-weight:400;
	letter-spacing:.5px;
	background-color:rgba(54,50,50,0.8); 
	/*margin-top:25px;	 */
/*	background-image:url(https://cybertest.ilsos.net/images/bck.png);*/
}
.navbar.navbar-default {
	background-color:#fff;
	border-right:none;
	border-bottom:none;
	border-left:none;
	border-radius:0px;
	/*box-shadow: 0px -8px 15px #999999; */
	margin-bottom:0px;
}
.offilsos {
	width: 100%;
}
.cyberlogo {
	width:60%;
}
@media (min-width: 620px) {
	.offilsos {
		width: 80%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding-top: 10px;
	}
	.cyberlogo {
		width:60%;
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding-top: 35px;
	}
}
@media (min-width: 768px) {
	.offilsos {
		width: 75%;
		display: inline;
		margin-right: 0;
		margin-left: 0;
		padding-top: 10px;
	}
	.cyberlogo { 
		width:100%;  
		padding-top: 15px; 
	}
}	
/*#banner-second-archives {
	background-image:url(https://cybertest.ilsos.net/images/banners/banner-secondary-archives.jpg); 
	height:50px;
	background-repeat:no-repeat;
	background-position: top center;
	background-size: 100%;
}*/
/*@media screen and  (min-width: 330px)  {
	#banner-second-archives {
		height:52px;
	}
}
@media screen and  (min-width: 340px)  {		
	#banner-second-archives {
		height:53px;
	}
}
@media screen and  (min-width: 350px)  {		
	#banner-second-archives {
		height:55px;
	}
}
@media screen and  (min-width: 360px)  {		
	#banner-second-archives {
		height:56px;
	}
}
@media screen and  (min-width: 375px)  {		
	#banner-second-archives {
		height:58px;
	}
}
@media screen and  (min-width: 400px)  {		
	#banner-second-archives { 
		height:62px;
	}
}
@media screen and  (min-width: 415px)  {		
	#banner-second-archives {
		height:65px;
	}
}
@media screen and  (min-width: 430px)  {		
	#banner-second-archives {
		height:67px;
	}
}
@media screen and  (min-width: 445px)  {		
	#banner-second-archives {
		height:69px;
	}
}
@media screen and  (min-width: 460px)  {		
	#banner-second-archives {
		height:72px;
	}
}
@media screen and  (min-width: 480px)  {		
	#banner-second-archives {
		height:75px;
	}
}
@media screen and  (min-width: 500px)  {		
	#banner-second-archives {
		height:78px;
	}
}
@media screen and  (min-width: 520px)  {		
	#banner-second-archives {
		height:81px;
	}
}
@media screen and  (min-width: 533px)  {		
	#banner-second-archives {
		height:83px;
	}
}
@media screen and  (min-width: 550px)  {		
	#banner-second-archives {
		height:86px;
	}
}
@media screen and  (min-width: 570px)  {		
	#banner-second-archives {
		height:89px;
	}
}
@media screen and  (min-width: 600px)  {		
	#banner-second-archives {
		height:94px;
	}
}
@media screen and  (min-width: 620px)  {		
	#banner-second-archives {
		height:97px;
	}
}
@media screen and  (min-width: 640px)  {		
	#banner-second-archives {
		height:100px;
	}
}
@media screen and  (min-width: 660px)  {		
	#banner-second-archives {
		height:103px;
	}
}
@media screen and  (min-width: 680px)  {		
	#banner-second-archives {
		height:107px;
	}
}
@media screen and  (min-width: 700px)  {		
	#banner-second-archives {
		height:110px;
	}
}
@media screen and  (min-width: 720px)  {		
	#banner-second-archives {
		height:113px;
	}
}
@media screen and  (min-width: 750px)  {		
	#banner-second-archives {
		height:117px;
	}
}
@media screen and  (min-width: 992px)  {		
	#banner-second-archives {
		height:150px;
	}
}
@media screen and  (min-width: 1200px)  {
	#banner-second-archives {
		height:180px;
	}
}*/

.nav {
	background-color: #BF0404;
	color: #ffffff;
	margin-top: -18px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.nav a { 
	color: #ffffff;
	font-size: 16px;
	border-bottom: #ffffff solid 1px;
}
.nav a:hover {
	color: #ffffff;
	border-bottom: 0px;
}
.nav-bottom {
	background-color: #BF0404;
	color: #ffffff;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 10px;
}
.nav-bottom a {
	color: #ffffff;
	font-size: 18px;
}
.nav-bottom a:hover {
	color: #ffffff;
	border-bottom: #ffffff solid 1px;
}
@media (min-width: 992px) {
	.offilsos { 
		padding-top: 15px; 
		width: 85%; 
	}
	.cyberlogo { 
		width:80%; 
		padding-top: 23px;
	}
}
footer {
	background-color:rgba(51,51,51,.9);
	padding-top: 7px;
	padding-bottom: 10px;
}
.container-footer-second a{
	font-size:12px;
	color:#999;
	border-bottom:#999 1px solid;
}

.container-footer-second a:hover,
.container-footer-second a:focus
{
	color: #ffffff;
	border-bottom:#ffffff 1px solid;	
}	
.heading-underline {
/*	border-bottom:#2ba9e1 2px solid; */
	border-bottom:#bf0404 2px solid;
	width:40%; 
	padding-top:0px; 
	margin-bottom:10px; 
	margin-top:0px;
}

.container-main {
	padding-left:0px; 
	padding-right:0px;
	padding-bottom:30px;
	/*box-shadow: 0 0 20px #999999; */
	background-color:#ffffff;
}
.content {
	padding-left:30px; 
	padding-right:30px;
	padding-bottom:25px;
	min-height:300px;	
}
			
a {
	color:#bf0404;
	text-decoration:none;
	border-bottom: #bf0404 solid 1px;
	padding-bottom:.5px;
}
a:hover,
a:focus {
	color:#696969;
	border-bottom: #BF0404 solid 1px;
	text-decoration:none;
	padding-bottom:.5px;
}

h4 {
	color: #bf0404;
}
.m-t-b-35 {margin-top: 35px; margin-bottom: 35px;}
.p-t-20 {padding-top: 20px;}

.btn-default {
  color: #fff!important;
  background-color: #211818!important;
  border-color: #211818!important;
  border-width: 4px!important;
}
.btn-default:focus,
.btn-default:hover {
  color: #211818!important;
  background-color: #ffffff!important;
  border-color: #bf0404!important;
  border-width: 4px!important;
}
a.btn { padding-bottom:6px;}
#panel { margin-bottom: 20px; background-color: #e5e5e5;}
 .panzoom {margin: auto;  padding-top: 15px; padding-bottom: 15px; border-radius: 4px;}
/* .panzoom img {width: 50%!important; }*/
.desc-panzoom-buttons {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
margin-left: -15px;
	margin-right:-15px;
											
}
#thumbs img {width: 10%; display: inline; margin-right: 5px;}
.active-border {border: #696969 4px solid; box-shadow: 5px 5px 5px #999;}

li {margin-bottom:15px;}

/*for prev next button*/
.imageDisplay .prev {
	position: absolute;
	width: 3%;
	top: 55%;
	left: 3%;
	cursor: pointer;
}
.imageDisplay .next {
	position: absolute;
	width: 3%;
	top: 55%;
	right: 3%;
	cursor: pointer;
}

.inline {
	display: inline
}