@charset "UTF-8";

* {
margin: 0px;
padding: 0px;
}



:root {
    --pantallaAncho: 0px;
    --pantallaAlto:  0px;
    
}



h1 {
    display: inline;
font: bold 20px verdana, sans-serif;
}


h2 {
    display: inline;
font: bold 14px verdana, sans-serif;
}

header, section, footer, aside, nav, article, figure, figcaption,
hgroup{display: block;}

body {
text-align: center;
}

#agrupar {
    width: calc(100% - 10px);
    float: left;
margin: 5px auto;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
text-align: left;

padding: 10px;
border: 1px solid #000000;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

/*#cabecera {
    
}*/


#cabecera {
    width: 20%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;

background: #FFFBB9;
border: 1px solid #999999;
padding: 5px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
 box-shadow: 2px 2px 5px #999;
 }
 

#icab_1,#icab_2,#icab_3,#cab1, #cab2, #cab_im {
    
    width: 100%;
    height: 60%;
}


 #imgCabecera {
    padding: 0px;
    margin-left: 10px;
    margin-right: 10px;
    width: 80px;
    height: 80px;
    
}









#menu {
    width: 75%;
    height: 45px;
    float: right;
background: rgb(224, 230, 221);
padding: 5px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

#menu li {
display: inline-block;
list-style: none;
padding: 0px;
font: bold 14px verdana, sans-serif;
}


#imgMenu1_01 {
    
    width: 100%;
    height: 100%;
}
#imgMenu1_02 {
    
    width: 100%;
    height: 100%;
}
#imgMenu1_03 {
    
    width: 100%;
    height: 100%;
}

#menu1_ele1 {
    margin-left: 10px;
  
    width: 45px;
    height: 35px; 
   
}
#menu1_ele2 {
     margin-left: 10px;
   
    width: 45px;
    height: 35px; 
}
#menu1_ele3 {
    margin-left: 10px;
  
   width: 45px;
   height: 35px; 
}

#menu1_b1 {
  
    width: 45px;
    height: 35px; 
}
#menu1_b1:hover {
    border-color:#d30c0c;
}

#menu1_b2 {
   
    width: 45px;
    height: 35px; 
}
#menu1_b2:hover {
    border-color:#d30c0c;
}
#menu1_b3 {
   
    width: 45px;
    height: 35px; 
}
#menu1_b3:hover {
    border-color:#d30c0c;
}


#menu2 {
    width: 75%;
    float: right;
    background: rgb(236, 230, 236);
    padding: 5px;
    margin-top: 2px;
    margin-bottom: 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    }
    #menu2 li {
        display: inline-block;
        list-style: none;
        padding: 0px;
        font: bold 14px verdana, sans-serif;
        }

    #menu2_ele1 {
            margin-left: 10px;
    }
    #menu2_ele2 {
        margin-left: 5px;
    }
    #menu2_ele3 {
        margin-left: 5px;
    }
    #menu2_ele4 {
        margin-left: 5px;
    }
    #menu2_ele5 {
        margin-left: 5px;
    }
    #menu2_ele6 {
        margin-left: 5px;
    }
    #menu2_ele7 {
        margin-left: 5px;
    }

    #menu2_b1 {
       
        height: 100%; 
    }
    #menu2_b1:hover {
        border-color:#d30c0c;
    }
    #menu2_b2 {
        
        height: 100%; 
    }
    #menu2_b2:hover {
        border-color:#d30c0c;
    }
    /*visibility: hidden;*/
    #menu2_b3 {
        
        height: 100%;  
    }
    #menu2_b3:hover {
        border-color:#d30c0c;
    }
    #menu2_b4 {
        
        height: 100%;  
    }
    #menu2_b4:hover {
        border-color:#d30c0c;
    }
    #menu2_b5 {
        
        height: 100%;  
    }
    #menu2_b5:hover {
        border-color:#d30c0c;
    }
    #menu2_b6 {
        
        height: 100%;  
    }
    #menu2_b6:hover {
        border-color:#d30c0c;
    }
    #menu2_b7 {

        height: 100%;  
    }
    #menu2_b7:hover {
        border-color:#d30c0c;
    }

#seccion {

padding: 10px;      
}




#art1 {
    margin-top: 10px;
    
background: #FFFBCC;
border: 1px solid #999999;
padding: 10px;
margin-bottom: 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
 box-shadow: 2px 2px 5px #999;
}




 
  form {
      border: 1px solid #ddd;
  }




form {
    height: 29px;
    background-color: #FFFBCC;
}

#formBD {
    width: 100%;
    margin-right: 100px;
   

}




#form_b1 {
    padding: 0px;
    margin-left: 5px;
    margin-top: 0px;
    width: 29px;
    height: 29px;
}
#form_b1:hover {
    border-color:#d30c0c;
}
#imgBForm01 {
    
    width: 25px;
    height: 25px;
}


#imgArt1 {
    padding: 0px;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 80%;
    height: 25%;
}


#titularMensaje1_1 {
    padding: 0px;
    margin-top: 0px;

}

 


#preDiv1 {
    float: left;
    width: 60%;
}

#preDiv2 {
    width: 40%;
    float: left;
}

#art2 {
    width: 100%;
    float: left;
    background: #FFFBCC;
    border: 1px solid #999999;
    padding: 10px;
    margin-bottom: 5px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
     box-shadow: 2px 2px 5px #999;
    }

#mensajeArt1n2, #mensajeArt1n3 {
    padding: 20px;
    margin-bottom: 20px;
}


    
article footer {
text-align: right;

}
time {
color: #999999;
}
figure{
    margin-left: 10px;
}
figcaption {
font: italic 14px verdana, sans-serif;
}



#pie {


clear: both;
text-align: center;

border-top: 2px solid #999999;

}