body
{
    padding:0px;
    margin: 0px;
    width: 100%;
    background-color: #F2F2F2; 
}


@media screen and (max-width: 480px)
{
    #superior
    {
        background-image:url('ediback.jpg');
        background-repeat:no-repeat;
        background-size: 1220px;
        background-position: right;
        height:  665px;
        min-width: 1335px;
        max-width: 1500px;
    }
    #cabecera
    {
        border-collapse: collapse;
        margin: 0 auto;
        min-width: 1335px;
    }
    #cabecera td
    {
        /*border: 1px solid red;*/
    }
    #edilogo
    {
        vertical-align: middle;
        min-width: 550px;
    }
    #edilogo img
    {
        height: 80px;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    #izq
    {
        width: 160px;
        vertical-align: top;
    }
    #badge-google
    {
        width: 200px;
        margin-top: 25px;
    }
    /*menu principial*/
    #menus
    {
        /*border: 1px solid blue;*/
        margin-top: 20px;
        margin-left: 50px;
    }
    #menus td
    {
        /*border: 1px solid blue;*/
        vertical-align: top;
        font-family: arial;
        font-size: 14px;
        padding: 0px 3px;
    }
    #menus td div
    {
        /*border: 1px solid blue;*/
        padding: 5px 20px;
        /*color: #016938;*/
        color: #929292;
        font-weight: bold;
        cursor: pointer;
    }
    #menus td div:hover
    {
        background-color: #016938;
        color: #FFFFFF;
    }
    #acerca
    {
        border-left: 2px solid #929292;
        border-right: 2px solid #929292;
    }
    .menu1
    {
        /*border: 1px solid red;*/
        list-style-type: none;
        padding: 0;
        margin-top: 0px;
    }
    .menu1  li
    {
        display: inline-block;
        float: left;
        position: relative;
    }
    .menu1 li a
    {
        border:0;
        color: #FFFFFF;
        display: block;
        font-family: arial;
        line-height: 7px;               
        margin: 2px 6px;
        text-decoration: none;   
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }
    .menu1 li:hover > a
    {
        color:#016938;
        font-weight: bold;
        border: 0;
    }
    /*submenus*/
    .menu1 ul
    {
        left:-30px;             
        opacity: 0;
        position: absolute;
        top:25px;
        padding: 0; 
        border: none; 
    } 
    .menu1 li:hover > ul
    {
        opacity: 1;
    }
    .menu1 ul li
    {
        text-align: left;
        height: 5px;
        overflow: hidden;
        padding: 0;                
        -moz-transition: height .25s ease .1s;
        -webkit-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }
    .menu1 li:hover > ul li
    {
        height: 17.2px; 
        overflow: visible;
        padding: 0;
        margin-top: 1.5px;
        margin-bottom: 1px;
    }
    .menu1 ul li a
    {
        margin-top: 0;                  
        padding:5px 4px;
        width: 145px;
        height: 10px;
    }
    #men1 img
    {
        width: 165px;        
    }
    .men3 a
    {
        background-color: #016938;
        height: 18px;
    }
    .men3:hover a
    {
        background-color: #FFFFFF;
    }
    #materiales
    {
        border-left: 2px solid #929292;
    }
    .men4 a
    {
        background-color: #016938;
        height: 42px !important;
        width: 120px !important;
        margin-left: 30px !important;
        border-radius: 5px;
        line-height: 10px !important;
    }
    .men4:hover a
    {
        background-color: #FFFFFF;
    }



    #introtext
    {     
        /*border: 1px solid red;*/
        border-left: 2px solid #939393;
        width: 402px;
        height: 73px;
        padding: 0px;
        margin-left: 40px;
        margin-right: 600px;
        margin-top: 192px;
        margin-bottom: 50px;
    }
    #introtext p
    {
        font-family: arial;
        font-size: 15px;
        text-align:left;
        line-height: 25px;
        color: #939393;
        letter-spacing:1px;
        margin-left: 10px;
    }
    #mem-infog
    {
        margin-left: 42px;
        margin-bottom: 5px;
    }
    #mem-infog td
    {
        /*border: 1px solid green;*/
    }
    .contacto
    {
        cursor: pointer;
        width: 167px;
        height: 23px;
        margin-top: 18px;
    }
    .contacto img
    {
        height: 20px;
        margin-left: 5px;
        cursor: pointer;
    }

    /* menu cinta */   
    #inferior
    {
        height: 170px;
        position: relative;
        top: 5px;
    }
    a
    {
        text-decoration: none;
        color: gray;
    }
    div.menucrec
    {
        min-width:100%;
        height: 150px;	     
        overflow: auto; 
    }
    ul.menucrec
    {
        display: block;
        height: 145px;
        width:6470px;	
        padding: 1px 0 0 0; 
        margin-top:1px;
        list-style: none;
    }
    .menucrec li
    {
        display: block;
        float: left;	
        padding: 0 2px;
        margin-right:12px;
    }
    .menucrec ul li div img
    {
        margin-top: 1px;
        margin-left: 0px;
    }

    .menucrec ul li div
    {
        width: 250px;
        height: 139px;
        padding: 0px;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out;  
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
        box-shadow:0 2px 2px black;
        -moz-box-shadow:0 2px 2px black;
        -ms-box-shadow:0 2px 2px black;
        -o-box-shadow:0 2px 2px black;
        -webkit-box-shadow:4px 4px 9px black;
    }
    .menucrec ul li  img
    {
        float: left;
        border:none;
        margin-left: 5%;
        margin-top: 7%;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out; 
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
    }                          
    .menucrec ul li div:hover
    {
        /*width: 260px;
        height: 120px;
        margin-top:-5px;
        border-radius: 2px;
        box-shadow:0 4px 18px black;
        -moz-box-shadow:0 4px 18px black;
        -ms-box-shadow:0 4px 18px black;
        -o-box-shadow:0 4px 18px black;
        -webkit-box-shadow:0 4px 18px black;*/                        
    }                    
    .menucrec a
    {
        display: block;
        text-decoration: none;
        border: 0;
    }
    .menucrec span
    {
        color: #575759;
    }
    .menucrec span:hover
    {
        color:black;
    }                    
    .fadebox
    {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 150%;
        height: 150%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .overbox1
    {
        border: none;
        display: none; 
        width: 830px; 
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox1 a
    {
        text-decoration:none;
        border: none;
    }
    .overboxL
    {
        border: 1px solid white;          
        display: none; 
        width: 875px; height: 580px; 
        position: absolute; 
        top:10px; left: 15%; 
        z-index: 1002; overflow:hidden;
        padding: 0;
        margin: 0;
        border: none;
    } 
    .overboxL a
    {
        text-decoration:none;
        border: 0;
        color: black;
    }
    #frame1
    {
        border: none;
        margin-top:-20px;
        width: 830px;
        height: 530px;
    }
    .overbox3
    {
        display: none; 
        width: 875px;  
        height:548px;;
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox3 a
    {
        text-decoration:none;
        border: none;
    }
    .overbox4
    {
        display: none; 
        width: 710px;  
        height:500px;;
        position: absolute;         
        top:10%;
        left: 20%; 
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox4 a
    {
        text-decoration:none;
        border: 0;
    }
    #imagen
    {
        width: 870px;
        margin-top: -65px;
    }
    #ira
    {
        width: 105px;
        height: 15px;
        position: relative;
        top: 445px;
        left: 350px;
    }
    #footer
    {
        /*border: 1px solid blue;*/
        height: 30px;
    }
    #footer td
    {
        /*border: 1px solid green;*/
        vertical-align: central;
        text-align: center;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    #footer img
    {
        width: 25px;
    }
    #copy
    {
        /*width: 950px;*/      
        font-family: arial;
        font-size: 12px;      
        margin-top: 10px;
    } 
    #copy a
    {
        text-decoration: none;
        color: black;
        border: 0;
    }
}
@media screen and (min-width: 481px) and (max-width: 1024px)
{
    #superior
    {
        background-image:url('ediback.jpg');
        background-repeat:no-repeat;
        background-size: 1220px;
        background-position: right;
        height:  665px;
        min-width: 1335px;
        max-width: 1500px;
    }
    #cabecera
    {
        border-collapse: collapse;
        margin: 0 auto;
        min-width: 1335px;
    }
    #cabecera td
    {
        /*border: 1px solid red;*/
    }
    #edilogo
    {
        vertical-align: middle;
        min-width: 550px;
    }
    #edilogo img
    {
        height: 80px;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    #izq
    {
        width: 160px;
        vertical-align: top;
    }
    #badge-google
    {
        width: 200px;
        margin-top: 25px;
    }
    /*menu principial*/
    #menus
    {
        /*border: 1px solid blue;*/
        margin-top: 20px;
        margin-left: 50px;
    }
    #menus td
    {
        /*border: 1px solid blue;*/
        vertical-align: top;
        font-family: arial;
        font-size: 14px;
        padding: 0px 3px;
    }
    #menus td div
    {
        /*border: 1px solid blue;*/
        padding: 5px 20px;
        /*color: #016938;*/
        color: #929292;
        font-weight: bold;
        cursor: pointer;
    }
    #menus td div:hover
    {
        background-color: #016938;
        color: #FFFFFF;
    }
    #acerca
    {
        border-left: 2px solid #929292;
        border-right: 2px solid #929292;
    }
    .menu1
    {
        /*border: 1px solid red;*/
        list-style-type: none;
        padding: 0;
        margin-top: 0px;
    }
    .menu1  li
    {
        display: inline-block;
        float: left;
        position: relative;
    }
    .menu1 li a
    {
        border:0;
        color: #FFFFFF;
        display: block;
        font-family: arial;
        line-height: 7px;               
        margin: 2px 6px;
        text-decoration: none;   
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }
    .menu1 li:hover > a
    {
        color:#016938;
        font-weight: bold;
        border: 0;
    }
    /*submenus*/
    .menu1 ul
    {
        left:-30px;             
        opacity: 0;
        position: absolute;
        top:25px;
        padding: 0; 
        border: none; 
    } 
    .menu1 li:hover > ul
    {
        opacity: 1;
    }
    .menu1 ul li
    {
        text-align: left;
        height: 5px;
        overflow: hidden;
        padding: 0;                
        -moz-transition: height .25s ease .1s;
        -webkit-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }
    .menu1 li:hover > ul li
    {
        height: 17.2px; 
        overflow: visible;
        padding: 0;
        margin-top: 1.5px;
        margin-bottom: 1px;
    }
    .menu1 ul li a
    {
        margin-top: 0;                  
        padding:5px 4px;
        width: 145px;
        height: 10px;
    }
    #men1 img
    {
        width: 165px;        
    }
    .men3 a
    {
        background-color: #016938;
        height: 18px;
    }
    .men3:hover a
    {
        background-color: #FFFFFF;
    }
    #materiales
    {
        border-left: 2px solid #929292;
    }
    .men4 a
    {
        background-color: #016938;
        height: 42px !important;
        width: 120px !important;
        margin-left: 30px !important;
        border-radius: 5px;
        line-height: 10px !important;
    }
    .men4:hover a
    {
        background-color: #FFFFFF;
    }



    #introtext
    {     
        /*border: 1px solid red;*/
        border-left: 2px solid #939393;
        width: 402px;
        height: 73px;
        padding: 0px;
        margin-left: 40px;
        margin-right: 600px;
        margin-top: 192px;
        margin-bottom: 50px;
    }
    #introtext p
    {
        font-family: arial;
        font-size: 15px;
        text-align:left;
        line-height: 25px;
        color: #939393;
        letter-spacing:1px;
        margin-left: 10px;
    }
    #mem-infog
    {
        margin-left: 42px;
        margin-bottom: 5px;
    }
    #mem-infog td
    {
        /*border: 1px solid green;*/
    }
    .contacto
    {
        cursor: pointer;
        width: 167px;
        height: 23px;
        margin-top: 18px;
    }
    .contacto img
    {
        height: 20px;
        margin-left: 5px;
        cursor: pointer;
    }

    /* menu cinta */   
    #inferior
    {
        height: 170px;
        position: relative;
        top: 5px;
    }
    a
    {
        text-decoration: none;
        color: gray;
    }
    div.menucrec
    {
        min-width:100%;
        height: 150px;	     
        overflow: auto; 
    }
    ul.menucrec
    {
        display: block;
        height: 145px;
        width:6470px;	
        padding: 1px 0 0 0; 
        margin-top:1px;
        list-style: none;
    }
    .menucrec li
    {
        display: block;
        float: left;	
        padding: 0 2px;
        margin-right:12px;
    }
    .menucrec ul li div img
    {
        margin-top: 1px;
        margin-left: 0px;
    }

    .menucrec ul li div
    {
        width: 250px;
        height: 139px;
        padding: 0px;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out;  
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
        box-shadow:0 2px 2px black;
        -moz-box-shadow:0 2px 2px black;
        -ms-box-shadow:0 2px 2px black;
        -o-box-shadow:0 2px 2px black;
        -webkit-box-shadow:4px 4px 9px black;
    }
    .menucrec ul li  img
    {
        float: left;
        border:none;
        margin-left: 5%;
        margin-top: 7%;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out; 
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
    }                          
    .menucrec ul li div:hover
    {
        /*width: 260px;
        height: 120px;
        margin-top:-5px;
        border-radius: 2px;
        box-shadow:0 4px 18px black;
        -moz-box-shadow:0 4px 18px black;
        -ms-box-shadow:0 4px 18px black;
        -o-box-shadow:0 4px 18px black;
        -webkit-box-shadow:0 4px 18px black;*/                        
    }                    
    .menucrec a
    {
        display: block;
        text-decoration: none;
        border: 0;
    }
    .menucrec span
    {
        color: #575759;
    }
    .menucrec span:hover
    {
        color:black;
    }                    
    .fadebox
    {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 150%;
        height: 150%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .overbox1
    {
        border: none;
        display: none; 
        width: 830px; 
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox1 a
    {
        text-decoration:none;
        border: none;
    }
    .overboxL
    {
        border: 1px solid white;          
        display: none; 
        width: 875px; height: 580px; 
        position: absolute; 
        top:10px; left: 15%; 
        z-index: 1002; overflow:hidden;
        padding: 0;
        margin: 0;
        border: none;
    } 
    .overboxL a
    {
        text-decoration:none;
        border: 0;
        color: black;
    }
    #frame1
    {
        border: none;
        margin-top:-20px;
        width: 830px;
        height: 530px;
    }
    .overbox3
    {
        display: none; 
        width: 875px;  
        height:548px;;
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox3 a
    {
        text-decoration:none;
        border: none;
    }
    .overbox4
    {
        display: none; 
        width: 710px;  
        height:500px;;
        position: absolute;         
        top:10%;
        left: 20%; 
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox4 a
    {
        text-decoration:none;
        border: 0;
    }
    #imagen
    {
        width: 870px;
        margin-top: -65px;
    }
    #ira
    {
        width: 105px;
        height: 15px;
        position: relative;
        top: 445px;
        left: 350px;
    }
    #footer
    {
        /*border: 1px solid blue;*/
        height: 30px;
    }
    #footer td
    {
        /*border: 1px solid green;*/
        vertical-align: central;
        text-align: center;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    #footer img
    {
        width: 25px;
    }
    #copy
    {
        /*width: 950px;*/      
        font-family: arial;
        font-size: 12px;      
        margin-top: 10px;
    } 
    #copy a
    {
        text-decoration: none;
        color: black;
        border: 0;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1400px)
{
    #superior
    {
        background-image:url('ediback.jpg');
        background-repeat:no-repeat;
        background-size: 1150px;
        background-position: right;
/*        min-width: 1335px;
        max-width: 1500px;*/
    }
    #cabecera
    {
        border-collapse: collapse;
        margin: 0 auto;
        min-width: 1235px;
    }
    #cabecera td
    {
        /*border: 1px solid red;*/
    }
    #edilogo
    {
        vertical-align: middle;
        min-width: 550px;
    }
    #edilogo img
    {
        height: 70px;
        margin-top: 25px;
        margin-bottom: 50px;
        margin-left: 40px;
    }
    #izq
    {
        /*width: 160px;*/
        vertical-align: top;
    }
    #badge-google
    {
        width: 200px;
        margin-top: 25px;
    }
    /*menu principial*/
    #menus
    {
        /*border: 1px solid blue;*/
        margin-top: 20px;
        margin-left: 50px;
    }
    #menus td
    {
        /*border: 1px solid blue;*/
        vertical-align: top;
        font-family: arial;
        font-size: 12px;
        padding: 0px 3px;
    }
    #menus td div
    {
        /*border: 1px solid blue;*/
        padding: 5px 20px;
        /*color: #016938;*/
        color: #929292;
        font-weight: bold;
        cursor: pointer;
    }
    #menus td div:hover
    {
        background-color: #016938;
        color: #FFFFFF;
    }
    #acerca
    {
        border-left: 2px solid #929292;
        border-right: 2px solid #929292;
    }
    .menu1
    {
        /*border: 1px solid red;*/
        list-style-type: none;
        padding: 0;
        margin-top: 0px;
    }
    .menu1  li
    {
        display: inline-block;
        float: left;
        position: relative;
    }
    .menu1 li a
    {
        border:0;
        color: #FFFFFF;
        display: block;
        font-family: arial;
        line-height: 7px;               
        margin: 2px 6px;
        text-decoration: none;   
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }
    .menu1 li:hover > a
    {
        color:#016938;
        font-weight: bold;
        border: 0;
    }
    /*submenus*/
    .menu1 ul
    {
        left:-30px;             
        opacity: 0;
        position: absolute;
        top:25px;
        padding: 0; 
        border: none; 
    } 
    .menu1 li:hover > ul
    {
        opacity: 1;
    }
    .menu1 ul li
    {
        text-align: left;
        height: 5px;
        overflow: hidden;
        padding: 0;                
        -moz-transition: height .25s ease .1s;
        -webkit-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }
    .menu1 li:hover > ul li
    {
        height: 17.2px; 
        overflow: visible;
        padding: 0;
        margin-top: 1.5px;
        margin-bottom: 1px;
    }
    .menu1 ul li a
    {
        margin-top: 0;                  
        padding:5px 4px;
        width: 145px;
        height: 10px;
    }
    #men1 img
    {
        width: 165px;        
    }
    .men3 a
    {
        background-color: #016938;
        height: 18px;
    }
    .men3:hover a
    {
        background-color: #FFFFFF;
    }
    #materiales
    {
        border-left: 2px solid #929292;
    }
    .men4 a
    {
        background-color: #016938;
        height: 42px !important;
        width: 120px !important;
        margin-left: 30px !important;
        border-radius: 5px;
        line-height: 10px !important;
    }
    .men4:hover a
    {
        background-color: #FFFFFF;
    }



    #introtext
    {     
        /*border: 1px solid red;*/
        border-left: 2px solid #939393;
        width: 402px;
        height: 73px;
        padding: 0px;
        margin-left: 40px;
        margin-right: 600px;
        margin-top: 192px;
        margin-bottom: 50px;
    }
    #introtext p
    {
        font-family: arial;
        font-size: 15px;
        text-align:left;
        line-height: 25px;
        color: #939393;
        letter-spacing:1px;
        margin-left: 10px;
    }
    #mem-infog
    {
        margin-left: 42px;
        margin-bottom: 5px;
    }
    #mem-infog td
    {
        /*border: 1px solid green;*/
    }
    .contacto
    {
        cursor: pointer;
        width: 167px;
        height: 23px;
        margin-top: 18px;
    }
    .contacto img
    {
        height: 20px;
        margin-left: 5px;
        cursor: pointer;
    }

    /* menu cinta */   
    #inferior
    {
        height: 170px;
        position: relative;
        top: 5px;
    }
    a
    {
        text-decoration: none;
        color: gray;
    }
    div.menucrec
    {
        min-width:100%;
        height: 150px;	     
        overflow: auto; 
    }
    ul.menucrec
    {
        display: block;
        height: 145px;
        width:6470px;	
        padding: 1px 0 0 0; 
        margin-top:1px;
        list-style: none;
    }
    .menucrec li
    {
        display: block;
        float: left;	
        padding: 0 2px;
        margin-right:12px;
    }
    .menucrec ul li div img
    {
        margin-top: 1px;
        margin-left: 0px;
    }

    .menucrec ul li div
    {
        width: 250px;
        height: 139px;
        padding: 0px;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out;  
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
        box-shadow:0 2px 2px black;
        -moz-box-shadow:0 2px 2px black;
        -ms-box-shadow:0 2px 2px black;
        -o-box-shadow:0 2px 2px black;
        -webkit-box-shadow:4px 4px 9px black;
    }
    .menucrec ul li  img
    {
        float: left;
        border:none;
        margin-left: 5%;
        margin-top: 7%;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out; 
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
    }                          
    .menucrec ul li div:hover
    {
        /*width: 260px;
        height: 120px;
        margin-top:-5px;
        border-radius: 2px;
        box-shadow:0 4px 18px black;
        -moz-box-shadow:0 4px 18px black;
        -ms-box-shadow:0 4px 18px black;
        -o-box-shadow:0 4px 18px black;
        -webkit-box-shadow:0 4px 18px black;*/                        
    }                    
    .menucrec a
    {
        display: block;
        text-decoration: none;
        border: 0;
    }
    .menucrec span
    {
        color: #575759;
    }
    .menucrec span:hover
    {
        color:black;
    }                    
    .fadebox
    {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 150%;
        height: 150%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .overbox1
    {
        border: none;
        display: none; 
        width: 830px; 
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox1 a
    {
        text-decoration:none;
        border: none;
    }
    .overboxL
    {
        border: 1px solid white;          
        display: none; 
        width: 875px; height: 580px; 
        position: absolute; 
        top:10px; left: 15%; 
        z-index: 1002; overflow:hidden;
        padding: 0;
        margin: 0;
        border: none;
    } 
    .overboxL a
    {
        text-decoration:none;
        border: 0;
        color: black;
    }
    #frame1
    {
        border: none;
        margin-top:-20px;
        width: 830px;
        height: 530px;
    }
    .overbox3
    {
        display: none; 
        width: 875px;  
        height:548px;;
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox3 a
    {
        text-decoration:none;
        border: none;
    }
    .overbox4
    {
        display: none; 
        width: 710px;  
        height:500px;;
        position: absolute;         
        top:10%;
        left: 20%; 
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox4 a
    {
        text-decoration:none;
        border: 0;
    }
    #imagen
    {
        width: 870px;
        margin-top: -65px;
    }
    #ira
    {
        width: 105px;
        height: 15px;
        position: relative;
        top: 445px;
        left: 350px;
    }
    #footer
    {
        /*border: 1px solid blue;*/
        height: 30px;
    }
    #footer td
    {
        /*border: 1px solid green;*/
        vertical-align: central;
        text-align: center;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    #footer img
    {
        width: 25px;
    }
    #copy
    {
        /*width: 950px;*/      
        font-family: arial;
        font-size: 12px;      
        margin-top: 10px;
    } 
    #copy a
    {
        text-decoration: none;
        color: black;
        border: 0;
    }
}
@media screen and (min-width: 1401px)
{
    #superior
    {
        background-image:url('ediback.jpg');
        background-repeat:no-repeat;
        background-size: 1220px;
        background-position: right;
        height:  665px;
        min-width: 1335px;
        max-width: 1500px;
    }
    #cabecera
    {
        border-collapse: collapse;
        margin: 0 auto;
        min-width: 1335px;
    }
    #cabecera td
    {
        /*border: 1px solid red;*/
    }
    #edilogo
    {
        vertical-align: middle;
        min-width: 550px;
    }
    #edilogo img
    {
        height: 80px;
        margin-top: 25px;
        margin-bottom: 50px;
    }
    #izq
    {
        /*width: 160px;*/
        vertical-align: top;
    }
    #badge-google
    {
        width: 200px;
        margin-top: 25px;
    }
    /*menu principial*/
    #menus
    {
        /*border: 1px solid blue;*/
        margin-top: 20px;
        margin-left: 50px;
    }
    #menus td
    {
        /*border: 1px solid blue;*/
        vertical-align: top;
        font-family: arial;
        font-size: 14px;
        padding: 0px 3px;
    }
    #menus td div
    {
        /*border: 1px solid blue;*/
        padding: 5px 20px;
        /*color: #016938;*/
        color: #929292;
        color: #929292;
        font-weight: bold;
        cursor: pointer;
    }
    #menus td div:hover
    {
        background-color: #016938;
        color: #FFFFFF;
    }
    #acerca
    {
        border-left: 2px solid #929292;
        border-right: 2px solid #929292;
    }
    .menu1
    {
        /*border: 1px solid red;*/
        list-style-type: none;
        padding: 0;
        margin-top: 0px;
    }
    .menu1  li
    {
        display: inline-block;
        float: left;
        position: relative;
    }
    .menu1 li a
    {
        border:0;
        color: #FFFFFF;
        display: block;
        font-family: arial;
        line-height: 7px;               
        margin: 2px 6px;
        text-decoration: none;   
        -webkit-transition: color .2s ease-in-out;
        -moz-transition: color .2s ease-in-out;
        -o-transition: color .2s ease-in-out;
        -ms-transition: color .2s ease-in-out;
        transition: color .2s ease-in-out;
    }
    .menu1 li:hover > a
    {
        color:#016938;
        font-weight: bold;
        border: 0;
    }
    /*submenus*/
    .menu1 ul
    {
        left:-30px;             
        opacity: 0;
        position: absolute;
        top:25px;
        padding: 0; 
        border: none; 
    } 
    .menu1 li:hover > ul
    {
        opacity: 1;
    }
    .menu1 ul li
    {
        text-align: left;
        height: 5px;
        overflow: hidden;
        padding: 0;                
        -moz-transition: height .25s ease .1s;
        -webkit-transition: height .25s ease .1s;
        -o-transition: height .25s ease .1s;
        -ms-transition: height .25s ease .1s;
        transition: height .25s ease .1s;
    }
    .menu1 li:hover > ul li
    {
        height: 17.2px; 
        overflow: visible;
        padding: 0;
        margin-top: 1.5px;
        margin-bottom: 1px;
    }
    .menu1 ul li a
    {
        margin-top: 0;                  
        padding:5px 4px;
        width: 145px;
        height: 10px;
    }
    #men1 img
    {
        width: 165px;        
    }
    .men3 a
    {
        background-color: #016938;
        height: 18px;
    }
    .men3:hover a
    {
        background-color: #FFFFFF;
    }
    #materiales
    {
        border-left: 2px solid #929292;
    }
    .men4 a
    {
        background-color: #016938;
        height: 42px !important;
        width: 120px !important;
        margin-left: 30px !important;
        border-radius: 5px;
        line-height: 10px !important;
    }
    .men4:hover a
    {
        background-color: #FFFFFF;
    }



    #introtext
    {     
        /*border: 1px solid red;*/
        border-left: 2px solid #939393;
        width: 402px;
        height: 73px;
        padding: 0px;
        margin-left: 40px;
        margin-right: 600px;
        margin-top: 192px;
        margin-bottom: 50px;
    }
    #introtext p
    {
        font-family: arial;
        font-size: 15px;
        text-align:left;
        line-height: 25px;
        color: #939393;
        letter-spacing:1px;
        margin-left: 10px;
    }
    #mem-infog
    {
        margin-left: 42px;
        margin-bottom: 5px;
    }
    #mem-infog td
    {
        /*border: 1px solid green;*/
    }
    .contacto
    {
        cursor: pointer;
        width: 167px;
        height: 23px;
        margin-top: 18px;
    }
    .contacto img
    {
        height: 20px;
        margin-left: 5px;
        cursor: pointer;
    }

    /* menu cinta */   
    #inferior
    {
        height: 170px;
        position: relative;
        top: 5px;
    }
    a
    {
        text-decoration: none;
        color: gray;
    }
    div.menucrec
    {
        min-width:100%;
        height: 150px;	     
        overflow: auto; 
    }
    ul.menucrec
    {
        display: block;
        height: 145px;
        width:6470px;	
        padding: 1px 0 0 0; 
        margin-top:1px;
        list-style: none;
    }
    .menucrec li
    {
        display: block;
        float: left;	
        padding: 0 2px;
        margin-right:12px;
    }
    .menucrec ul li div img
    {
        margin-top: 1px;
        margin-left: 0px;
    }

    .menucrec ul li div
    {
        width: 250px;
        height: 139px;
        padding: 0px;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out;  
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
        box-shadow:0 2px 2px black;
        -moz-box-shadow:0 2px 2px black;
        -ms-box-shadow:0 2px 2px black;
        -o-box-shadow:0 2px 2px black;
        -webkit-box-shadow:4px 4px 9px black;
    }
    .menucrec ul li  img
    {
        float: left;
        border:none;
        margin-left: 5%;
        margin-top: 7%;
        -webkit-transition:all 0.5s ease-out; 
        -o-transition:all 0.5s ease-out; 
        -moz-transition:all 0.5s ease-out;  
        -ms-transition:all 0.5s ease-out;   
        transition:all 0.5s ease-out; 
    }                          
    .menucrec ul li div:hover
    {
        /*width: 260px;
        height: 120px;
        margin-top:-5px;
        border-radius: 2px;
        box-shadow:0 4px 18px black;
        -moz-box-shadow:0 4px 18px black;
        -ms-box-shadow:0 4px 18px black;
        -o-box-shadow:0 4px 18px black;
        -webkit-box-shadow:0 4px 18px black;*/                        
    }                    
    .menucrec a
    {
        display: block;
        text-decoration: none;
        border: 0;
    }
    .menucrec span
    {
        color: #575759;
    }
    .menucrec span:hover
    {
        color:black;
    }                    
    .fadebox
    {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 150%;
        height: 150%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .overbox1
    {
        border: none;
        display: none; 
        width: 830px; 
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox1 a
    {
        text-decoration:none;
        border: none;
    }
    .overboxL
    {
        border: 1px solid white;          
        display: none; 
        width: 875px; height: 580px; 
        position: absolute; 
        top:10px; left: 15%; 
        z-index: 1002; overflow:hidden;
        padding: 0;
        margin: 0;
        border: none;
    } 
    .overboxL a
    {
        text-decoration:none;
        border: 0;
        color: black;
    }
    #frame1
    {
        border: none;
        margin-top:-20px;
        width: 830px;
        height: 530px;
    }
    .overbox3
    {
        display: none; 
        width: 875px;  
        height:548px;;
        position: relative; 
        top:-650px;
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox3 a
    {
        text-decoration:none;
        border: none;
    }
    .overbox4
    {
        display: none; 
        width: 710px;  
        height:500px;;
        position: absolute;         
        top:10%;
        left: 20%; 
        z-index: 1002;
        overflow:hidden;
    } 
    .overbox4 a
    {
        text-decoration:none;
        border: 0;
    }
    #imagen
    {
        width: 870px;
        margin-top: -65px;
    }
    #ira
    {
        width: 105px;
        height: 15px;
        position: relative;
        top: 445px;
        left: 350px;
    }
    #footer
    {
        /*border: 1px solid blue;*/
        height: 30px;
    }
    #footer td
    {
        /*border: 1px solid green;*/
        vertical-align: central;
        text-align: center;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
    }
    #footer img
    {
        width: 25px;
    }
    #copy
    {
        /*width: 950px;*/      
        font-family: arial;
        font-size: 12px;      
        margin-top: 10px;
    } 
    #copy a
    {
        text-decoration: none;
        color: black;
        border: 0;
    }
}