html { height: 100%;
         min-height: 100%; }
  body {
	height: 100%;
	margin: 0;
        background-image: url('/image/fondo_bandera.webp');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #09314D;
        a{text-decoration: none;}
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
    color:white;
}


.formas{
	padding: 0px;
	 
}

.ribbon{
    width: 910px;
    margin-left: auto;
    margin-right: auto; 
    font-family: "Times New Roman", Times, serif;
    margin-top:50px;
    height: 0px;
    border-top: 70px solid #B22222;
    border-bottom: 70px solid #B22222;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    
      
}

.hline1{
   
    height: 3px;
    margin-top: -56px;
    border: 0;
    border-top: 4px solid white;
}

.hline2{
    
    height: 3px;
    margin-top: -20px;
    border: 0;
    border-top: 4px solid white;
}

.item1{
    float:left;
    width:180px;
    height:180px;
    margin-top: -125px;
    margin-left: 85.5%;
}

.hline3{
    margin-top: -88px;
    width: 253px;
    margin-left: 10px;
    border: 0;
    border-top: 15px solid #09314D;
}

.item2{
    float:left;
    margin-top: -22px;
    width: 250px;
    height: 16px;
    margin-left: 15px;
    
}

.text1{
   
    margin-top: -10px;
    color: white;
    margin-left: 27px;
    font-size:2.3vw;   
}

.text2{
  
    margin-top: 25px;
    color: white;
    margin-left: 27px;
    font-size:2.3vw;   
}

.text3{
    
    margin-top: -40px;
    margin-left: 90.5%;
    a:hover{opacity: 0.5;} 
    font-size:1.7vw; 
}

.imgcenter{
     margin-top:230px;
     left: 50%;
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: inline-block;
     position: relative;
     width:980px;
}

.imgbox{
     display: flex;
     border: 1px solid red;
     margin-top:10px;
     margin-left: auto;
     margin-right: auto;
     position: absolute;
     width:300px;  
}

.box{
     
     margin-left:-530px;
     margin-top:100px;
     background-color:white;
     display: inline-block;
     position: absolute;
     width:499px;
     height:140px;
}	

.boxes{
     display: flex;
     border: 1px solid transparent;
     margin-top:-180px;
     margin-left: auto;
     margin-right: auto;
     width:980px;  
}	

.newsbox{
     flex:1;
     border: 1px solid white;
     color:white;
     margin-left:20px;
     background-color:white;
     height:503px;
     position: relative;
}

.redtop{
    margin-top:17px;
    margin-left:-15px;
    width:100%;
    border-top: 37px solid #B22222;
    border-bottom:37px solid #B22222;  
}

.tria1{
	width: 0;
	height: 0;
        margin-top:0;
        margin-left:-15px;
	border-top: solid 14px #7E1919;
	border-right: solid 0px transparent;
	border-left: solid 14px transparent;
}

.tria2{
	width: 0;
	height: 0;
        margin-top:100px;
        display: inline-block;
        position: absolute;
        margin-left:-545px;
	border-top: solid 14px #7E1919;
	border-right: solid 0px transparent;
	border-left: solid 14px transparent;
}
.eventsbox{
     flex:1;
     border: 1px solid white;
     color:white;
     margin-left:20px;
     background-color:white;
     height:503px;
}

.messagebox{
     flex:1;
     border: 1px solid white;
     color:white;
     margin-left:20px;
     margin-right:20px;
     background-color:white;
     height:300px;
}

.smallribbon{
   
    margin-top:17px;
    margin-left:-15px;
    width:99%;
    border-top: 37px solid #B22222;
    border-bottom:37px solid #B22222;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
   
      
}

.hline5{
   width: 20px;
   border: 1px solid green;
    
}	

.socials{
     flex:1;
     border: 1px solid white;
     color:white;
     margin-top:50px;
     background-color:white;
     height:172px;
}

.menu{
     display: flex;
     font-family: Arial, Helvetica, sans-serif;
     font-size:1vw;
     margin-left: 300px;
     margin-top:-73px;
     text-align: center;
     width:500px;
     height:20px;
}


.menu_1{
        flex:1;
        a{text-decoration: none;
        -webkit-transition: color 0.5s;
        transition: color 0.5s;}
        a:link, :active {color: #09314D;}
        a:hover{color: #09314D;}
}

.menu_2{
        flex:1;
        a{text-decoration: none;
        -webkit-transition: color 0.5s;
        transition: color 0.5s;}
        a:link, :active {color: white;}
        a:hover{color: #09314D;}
}

.menu_3{
        flex:1;
        a{text-decoration: none;
        -webkit-transition: color 0.5s;
        transition: color 0.5s;}
        a:link, :active {color: white;}
        a:hover{color: #09314D;}
}

.menu_4{
        flex:1;
        a{text-decoration: none;
        -webkit-transition: color 0.5s;
        transition: color 0.5s;}
        a:link, :active {color: white;}
        a:hover{color: #09314D;}
}

.cinta{
       float:left;
       background-color:white;
       border:0;
       margin-top:-25px;
       width:100%;
       height:4px;
       color:white;
}

.cinta2{
       float:left;
       background-color:white;
       border:0;
       margin-top:12px;
       width:100%;
       height:4px;
       color:white;
}

.toptext{
      float:left;
      margin-top:-10px;
      margin-left:80px;
      color:white;
      font-size:2.2vw;
}

.hlinenews{
       float:left;
       background-color:#B22222;
       border:0;
       margin-top:-5px;
       margin-left:40px;
       width:74%;
       height:3px;
}
 
.hlineevents{
       float:left;
       background-color:#2A53C2;
       border:0;
       margin-top:-5px;
       margin-left:40px;
       width:74%;
       height:3px;
}  

.redtopimg{
     margin-left:-545px;
     margin-top:30px;
     background-color:#B22222;
     display: inline-block;
     position: absolute;
     width:515px;
     height:70px;  
} 

.toptext2{
      float:left;
      display: inline-block;
      position: absolute;
      margin-top:55px;
      margin-left:-500px;
      color:white;
      font-size:2.2vw;
}  

#colorbg{
  background-color:#115d91;
}

#colorbg:hover {
    background-color:#09314d;
}

.radio {
     position:fixed;
     left:50%;
     margin-left:-490px;
     margin-top:100px;
     bottom:0px;
     width:980px;
     height:70px;
     border-radius:10px 10px 0 0;
     background-color:black;
}

.neon{
      position:absolute;
      color:white;
      margin-left:910px;
      margin-top:15px;
      z-index:9999;
      font-family: Arial, Helvetica, sans-serif;
      font-size:14px;
      font-weight: normal;
      
}

@media only screen and (max-device-width: 480px) {
        div#wrapper {
            width: 400px;
        }

        div#header {
            background-image: url(media-queries-phone.jpg);
            height: 93px;
            position: relative;
        }

        div#header h1 {
            font-size: 140%;
        }

        #content {
            float: none;
            width: 100%;
        }

        #navigation {
            float:none;
            width: auto;
        }
    }