html, body {
font-family : 'Tahoma', sans-serif;
font-size : small;
color : #404040;
background-color:#304f7b;
padding : 0;
margin : 0;
width:98%;
height:100%;
}

*  {
box-sizing: border-box;
margin: 0;
padding: 0;
}

.contenido {
position : relative;
background-color:#afcdfb;
width : 94%;
border-top : 16px;
margin:20px;
padding-top : 1%;
padding-bottom : 0;
padding-left:10px;
padding-right:10px;
border-left : 5px solid #aab3be;
border-right : 5px solid #aab3be;
margin : auto;
margin-bottom : 0;
overflow : hidden;
z-index:10;
}


/*start new menu 9span */

#caja {
margin-top:10px; 
width: 280px; 
}

#fila1, #fila2, #fila3, #fila4, #fila5 {
    margin-left:10px; 
    margin-top:10px; 
    width: 200px; 
}

#ind-1a, #ind-1b, #ind-1c, #ind-2a, #ind-2b, #ind-2c, 
#ind-3a, #ind-3b, #ind-3c {
    margin-left: 4px; 
    margin-top: 4px; 
    padding-left: 12px;
    padding-right: 4px;
    width: 100px; 
    font-size : 10px;    
    border: 3px solid #fff; 
    border-radius: 15px 50px 30px; 
    background-color:#000c78;
    }

/*end menu resposive */




/* NEWSSS */

ul#News {
list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
}

.pant-complet {
  width: 100%;
}

video::-webkit-media-controls {
  display: none;
}



#google {
position:absolute;
left:384px;
width:360px;
height:35px;
visibility:visible;
overflow:visible; 
z-index:90;
}


.copyright {
position:absolute; 
width : 200px;
height : 31px;
left:40%;
z-index:110;
}

.vision
{
font-family : 'Tahoma', sans-serif;
font-size : 12px;
color : #000;
}

p {
font-family : 'Tahoma', sans-serif;
font-size : 14px;
margin-top : 0;
margin-bottom : 2%;
margin-left : 10px;
margin-right : 10px;
padding: 1%;
text-align : left;
line-height : 130%;
}

.negrita { 
font-weight: 900; 
color: #4040ff;
}

h1 {
text-align:left;
margin-left : 5%;
color: #800000;
}


h2 {
text-align:left;
margin-left : 5%;
color: #2a4d73;
}


a:link {
font-weight : bold;
text-decoration : none;
color : #fff;
}

a:visited {
font-weight : bold;
text-decoration : none;
color : #fff;
}

a:hover, a:active {
color : #fff;
}

@media (max-width: 1600px) and (min-width: 300px) {
img.zappa { width: 100%; }  
}

@media (max-width: 1600px) and (min-width: 300px) {
img.responsive_2 { width: 456px;}  
}

@media (max-width: 1600px) and (min-width: 300px) {
.header { width: 100%; }  
}

/*
ABAJO new media-screen, prueba .pant-complet
*/
@media (max-width: 1600px) and (min-width: 300px) {
.pant-complet { width: 100%; }  
}



/*the end */