body {
   max-width: 1280px;
   margin: auto;
	  min-width: 200px;
  /*font-size: 1.5vw;*/
}
table, th, td {
   border: 1px solid #a7a7a7;
   padding: 6px;
}
th {
    text-align: center;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #213A8F;
  text-decoration: underline;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #213A8F;
  text-decoration: underline;
  background-color: #F8F8F8;
  /*background-color: #e7e7e7;*/
}


@viewport {
  width: device-width;
}
h1 {
  font-size: 1.2em;
  color: #213A8F;
  font-weight:bold;
  margin-bottom: 3ex;
}

h2 {
  font-size: 1.0em;
  color: #213A8F;
}
h3 {
  color: #213A8F;	
  font-size: 1.2em;
  font-weight:bold;
}
h4 {
  color: #213A8F;
  font-size: 1.0em;
  font-weight:bold;
}


.topbluediv{
	padding-right: 10px;
	color: #ffffff;
	height: 30px; 
	background-color: #213A8F;
}
.topmenudiv  > a {
    color: #FFFFFF;
}

.topmenudiv{
	font-size: 0.9em;
	vertical-align: middle;
	padding-left: 10px;
	padding-right: 10px;
	float: right;
	height: 100%;
	line-height: 30px;
	border:0px;
	border-left:1px solid #ffffff;
}
.navbar {
  margin-bottom: 20px; 
  
}

.footerdiv {
    font-size: 0.8em;
	color: #545454;
	text-align: right;
	background: #F8F8F8;
	width: 100%;
	margin-top: -1.5em;
	padding: 0.5em;
	
	
}


.container {
  
   width: 100%;
	padding: 0 0 0 0;
}

.navbar-hh {
	background-color: #213A8F;
}


.navbar-collapse {
   overflow-x:hidden
   
}




@media (min-width: 200px) {
   #vid1 {
      width: 300px; 
      height: 260px; 
   }
   #vid2 {
      width: 300px; 
      height:190px; 
   }
}
@media (min-width: 600px) {
   #vid1 {
      width: 512px; 
      height: 444px; 
   }
   #vid2 {
      width: 512px; 
      height: 324px; 
   }
}

p {
  margin: 0px;
}


#fadepic {
   display: none;
}
#imgen1 {
      margin: 10px;
	  min-width: 300px;
      width: 40%;
      height: auto; 
	  
   }
#imgen2 {
      margin: 20px;
	  min-width: 100px;
      width: 25%;
      height: auto; 
	  
   }
#imgen4 {
      margin: 10px;
	  min-width: 350px;
      width: 95%;
      height: auto; 
	  
   }
#imgen5 {
      margin: 10px;
	  min-width: 250px;
      width: 65%;
      height: auto; 
	  display: block;
      margin-left: auto;
      margin-right: auto 	  
   }
}