@media only screen and (max-width: 980px){

div#cuerpo{
    
    margin: auto;
    width: 100%;
    height: auto;
    flex-flow: wrap;
    background: aliceblue;
}

div#cuerpo a {
    text-decoration: none;
}

div#categorias{
    
    margin-top:5px;
    width:200px;
    height:300px;
    /*border:1px solid black;*/
}

div#ImagenContainer{

    margin-right:auto !important;
    width: 260px;	
    display: inline-block;
    /*border:1px solid black;*/
    
}

div#rowaso{
    
    margin:5px;
    /*height:210;*/
    /*display: flex;*/
    /*border:1px solid black;*/
}

div#imagenes{
    width:1230px;
    height:auto;
    margin:5px;
    /*border:1px solid black;*/
}

div#imagenesII{
    width:1150px;
    height:auto;
    margin:5px;
    /*border:1px solid black;*/
}

div#textos{
    width: auto;
    height: auto;
    margin: 5%;
    color: black;
}

div#textos p {
    margin: 0 0;
}

div#textos a {
    text-decoration: none;
}

div#textos h5 {
    margin: 0 0;
    font-size: larger;
}

table{
 width:100%;   
}

th,td {
    padding:10px;
}

thead{
    background-color:black;
}
div#parce{
    background-color:black;
}

div#cuerpodescripcion{
    margin:auto;
    width:83%;
    height:auto;
    display:flex;
    flex-direction:row;
    flex-flow:wrap;
    /*border:1px solid black;*/
    
}

div#imagenventa{
    
    margin:10px;
    width:456px;
    height:400px;
    /*border:1px solid black;*/
}

div#imagendescripcion{
    margin:10px;
    width:400px;
    height:400px;
    /*border:1px solid black;*/
}

div#iframes{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    width: inherit;
    margin: auto;
}

div#iframes h6 {
    font-size: large !important;
    margin: 5% 0 !important;
}

.ifra-cua-pro {
    color: black;
    margin: 0 5%;
}

div#iframe1{
    margin:10px;
    width:562px;
    height:352px;
    /*border:1px solid black;*/
}

div#indexados{
    display: flex;
    justify-content: center;
    flex-direction:row;
    flex-flow:wrap;
    border:1px solid black;
}

div#formulario1{
    margin:10px;
    width:562px;
    height:352px;
    border:1px solid black;
}

.como{
    max-width: 100%;
    vertical-align: middle;
    height: 200px;
}

.brsazo{
    margin-bottom: 3%;
}

#textos h2, h3, h4, h5, h6 {
    font-size: 1.5rem !important;
    color: black !important;
    margin: 8% 0 !important;
}
}

@media only screen and (min-width: 1024px) {

div#cuerpo{
    
    margin: auto;
    width: 100%;
    height: auto;
    flex-flow: wrap;
    background: aliceblue;
}

div#cuerpo a {
    text-decoration: none;
}

div#categorias{
    
    margin-top:5px;
    width:200px;
    height:300px;
    /*border:1px solid black;*/
}

div#ImagenContainer{

    margin-right:auto !important;
    width: 260px;	
    display: inline-block;
    /*border:1px solid black;*/
    
}

div#rowaso{
    
    margin:5px;
    /*height:210;*/
    /*display: flex;*/
    /*border:1px solid black;*/
}

div#imagenes{
    width:1230px;
    height:auto;
    margin:5px;
    /*border:1px solid black;*/
}

div#imagenesII{
    width:1150px;
    height:auto;
    margin:5px;
    /*border:1px solid black;*/
}

div#textos{
    width: 1150px;
    height: auto;
    margin: auto;
    color: black;
}

div#textos p {
    margin: 0 0;
}

div#textos a {
    text-decoration: none;
}

div#textos h5 {
    margin: 0 0;
    font-size: larger;
}

table{
 width:100%;   
}

th,td {
    padding:10px;
}

thead{
    background-color:black;
}
div#parce{
    background-color:black;
}

div#cuerpodescripcion{
    margin:auto;
    width:83%;
    height:auto;
    display:flex;
    flex-direction:row;
    flex-flow:wrap;
    /*border:1px solid black;*/
    
}

div#imagenventa{
    
    margin:10px;
    width:456px;
    height:400px;
    /*border:1px solid black;*/
}

div#imagendescripcion{
    margin:10px;
    width:400px;
    height:400px;
    /*border:1px solid black;*/
}

div#iframes{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    width: inherit;
    margin: auto;
}

div#iframes h6 {
    font-size: large !important;
    margin: 5% 0 !important;
}

.ifra-cua-pro {
    color:black;
    font-size: small;
    flex: 0 0 50%;
    max-width: 33%;
    margin: 0 5%;
}

div#iframe1{
    margin:10px;
    width:562px;
    height:352px;
    /*border:1px solid black;*/
}

div#indexados{
    display: flex;
    justify-content: center;
    flex-direction:row;
    flex-flow:wrap;
    border:1px solid black;
}

div#formulario1{
    margin:10px;
    width:562px;
    height:352px;
    border:1px solid black;
}

.como{
    max-width: 100%;
    vertical-align: middle;
    height: 200px;
}

.brsazo{
    margin-bottom: 3%;
}

#textos h2, h3, h4, h5, h6 {
    font-size: 1.5rem !important;
    color: black !important;
    margin: auto !important;
}
}