/*colores 
azul-oscuro= #024959
rojito= #DB4537
gris= #49505a;
naranja= #DB4537 
blanco= FFFFFA
celeste:  #037E8C


*/


@media screen and (max-width:1400px){
    
    p    {
        font-size: 1.5rem;
    }
    
    .caja_media img{
    width: 25px;
    float: left; 
    margin: 0.8% 2% 0% 0%;
    }
    
    #baner_header{
    float: left;
    }
    
    .caja_larga {
    padding: 2%;
    font-size: 1.3rem;

color: #024959;
    }
    .contenedor {
        width: 100%;    
        
        }
    
   #redes_nav {
    float: right;
    width: 17%;
}
    
#redes_nav img{
height: 47px;
float: left;
margin-right: 1%;
}
        
    .caj_main {
    margin: auto;
    }
    
    #man_nav{
    display: none;
    }
    
    .caja_minima_alt{
        display: none;
    }
    
    .caja_corta_larga{
            width: 96%;
            height: 80%;
            display: block;
            }
    
    .icono_ab{
    margin-right: 3%;
    width: 6%;
    }
    
    #cssmenu li img {
        margin-top: -2%;
        margin-right: 8%;
        
        }
    
    .caja_minima {      
            width: 27.3%;
            height: 120px;
            overflow: hidden;
            margin: 1%;
    }
    
    .caja_minima alt {    
            margin: 1%;
    }
    
    #baner_header_alt{
    display: none;
    }
    .caja_larga_i{
    width: 64.6%;
    height: auto;
    }
    .caja_larga_i img{
    width: 64.6%;
   
    }
    
    h3{
    font-size: 1.5rem
    }
    
    #cont_ab{
    display: block;
    }
     
    .caja_media {
width: 99%;
margin: 0.5% 0.5% 0% 0.5%;
}

    .caja_corta img{
    display: block;
    width: 100%;
    }
    
    main {
    width: 78%;
    }
    nav {
    display: block;
    }
    
     #cont_ab {
    float: left;
margin: 3%;
width: 100%;
  
    }
    
    footer p {
    font-size: 1.3em;
    }
    
    div#logo_header { 
top: 1%;
width: 13%;
    }
    
    #caja_mov{
    display: none;
    }
    
    #logo_hm{
    display: none;
    }
    
    .caja_corta {
    width: 32.3%;
   height: auto;
    margin: 0.5%;
    }
}

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

        
}

@media screen and (max-width:800px){
    
    .caja_media img {

margin: 0.4% 2% 0% 0%;
}
    
    #redes_nav {
    
    width: 29%;
}
 
    
    #man_nav{
    display: block;
    }
    .caja_minima {
            height: 140px;
    }
    
    #cssmenu li img {
        margin-top: -0.3%;
        margin-right: 2%;
        }
    
     .caja_larga_i{
    width: 70%;
    }
    
    #login{
            display: none;
    }
    
    aside {
        display: none;
        }
    nav {
    display: block;
    }
    
    h1 {
    font-size: 2.1rem;
    font-weight: bolder;
    
    }
    
    .caja_larga_i{
            width: 100%;
            margin: auto;
    }
    
    main{
    width: 99%;
    }
   
}


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

 p    {
        font-size: 1.6rem;
    }
    
.caja_media img{
    margin: 2%;
    }
    
#baner_header_otras{
display: none;
}    

    
.caja_larga {
    margin: 0%;
    }
    
h3{
    font-size: 2rem;
    }
    
.caja_corta_larga {
        display: none;
        }


#cssmenu li img {
        margin-top: -1%;
        }    

.caja_minima {
            width: 95.5%;
            height: auto;
            overflow: hidden;
            margin: 1% 0% 0% 0%;
    }
    
    
.caja_minima_alt {
            width: 95.5%;
            height: auto;
            overflow: hidden;
            margin: 1% 0% 0% 0%;
            display: block;
    }
    
#cont_ab{
    display: none;
    
    }
    
.caja_corta {
    width: 100%;
    height: 100px;
    margin: 0%;
    }
  
.caja_corta img{
    display: none;
    }
.caja_media {
    width: 100%;
    }
    
    #cont_ab ul li{
    font-size: 1.5rem;
    }
    
    footer p {
    font-size: 1em;
    }
    
    h1 {
    font-size: 3rem;
    
    }
    
    #logo_header {
    display: none;
    }
    
    #logo_hm{
    display: block;
    }
    
    #baner_header {
    display: none;
    }
    
    
    #baner_header_alt {
    display: block;
    height: 0px;
    }
}

@media screen and (max-width:320px){
    
#contenedor_main {
    width: 97%;
    padding: 1%;
    }

    .caja_corta {
            width: 100%;
            height: auto;
    }
    
   
}

.contenedor {
    max-width: 960px;
    margin:auto;
    background-color: white;
    
}

 #baner_header img{
    width: 100%;
    }

#logo_hm {
    width: 95%;
    margin: auto;
    margin: 3%;
    }

#logo_hm img{
    width: 100%;
    
    }

* {
    margin: 0;
    padding: 0; 
    list-style: none;
}



html {
      font-size:62.5%;
  
      }


h1 {
    font-family: 'Open Sans', sans-serif;
    color:black;
    float: left;
    }

h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    color: #DB4537;
    margin-left: 1%;
    }

h3 {
    font-family: 'Open Sans', sans-serif;
    margin-left: 1%;
    
    
}
header {
            overflow: hidden;       
}

div#login {
            width: 15%;
            position: absolute;
            right: 0;
            top: 1.1%;
            
            }
div#login ul li {
            font-family: 'Rosario', sans-serif;
            font-size: 1rem;
            margin-bottom: 2%;
            margin-left: 2%;
            
            }

.boton {
        padding: 2px;
        font-family: 'Rosario', sans-serif;
        font-size: 1rem;
        
}
.texto_contacto {
                width: 50%;
                margin: 1%;
                float: left;
                margin: auto;
                overflow: hidden;
                padding-left: 10px;
                }
.texto_boton{
            color: #aaa2a2;
            font-family: 'Rosario', sans-serif;
            font-weight: 100;
            font-size: 1rem;
            height: 15px;
            width: 85%;
            margin: auto;
}

div#logo_header { 
    position: absolute;
    margin-left: 2%;
    }

div#logo_header img{ 
    width: 100%;
    }

nav {
    width:100%;
    height: auto;
    margin: auto;
    float: left;
    clear: both;
    
    
    
    
}
#menu_movil {
    width: 10%;
    height: 40px;
    float: left;
    
    
}
#caja_mov {
        width: 100%;
        height: auto;
        float: left;
        background-color: #DB4537;
        opacity: 0.9;
}


#menu_movil img{
    padding: 1%;
}

#titulo_mov {
        width: 90%;
        height: 33px;
        margin-bottom: 4%;
        float: left;
        
}          

nav ul li { 
		margin:0;
		padding:0;
        display: block;
        text-align: left;
	}

nav ul li a{ 
		min-width: 100px;
       
	}

	ul {
		list-style:none;
		display:inline-block;
	}
	
body { 
    background-color: #BFDBD6 ; 
    font-family: 'Rosario', sans-serif; 
}

main {
    font-family: 'Rosario', sans-serif;
    font-size: 1rem;
    margin: 0;
    float: left;
    }
.frase {
    font-family: 'Rosario', sans-serif;
    font-size: 1.5em;
    text-align: left;
    color: #FFF;
    padding-right: 4%;
}
.autor {
    font-family: 'Rosario', sans-serif;
    font-size: 1rem;
        }
.texto {
        margin: auto;
        width: 75%;
        color: black;
        font-family: 'Rosario', sans-serif;
        font-size: 1rem;
}
    
aside {
            
        float: left;
        width: 20%;
        margin: 0.5%;
        overflow: hidden;
        }
#novedades ul li{
        clear: both;
        font-size: 1.3rem;
        }

.has-sub img {
        display: inline-block;
        margin: 1% ;
        width: 50px;
        float: left;
}

.active img{
        width: 50px;
}

.caja_larga{
            width: 97%;
height: auto;
float: left;
background-color: cornsilk;
}

.caja_larga_i{
            height: auto;
            float: left;
            margin: 1%;
            }
.p_destacado {
            font-size: 1.4em;
            font-style: italic;
            color: #024959;
            }
.p_res      {
            font-size: 1.4em;
            font-style: italic;
            margin-bottom: 5%;
            color: #024959;
            }
.p_res :hover{
            color: orange;
            }
.caja_corta {
            float:left;
            
            }

#cajas {
            margin: auto;
            }
.caja_minima {
            padding: 1.8%;
            
            float: left;
            /*background-color: #dbd8d5;*/
            border: solid 1px;
            }

.caja_minima_alt {
            padding: 1.8%;
            
            float: left;
            /*background-color: #dbd8d5;*/
            border: solid 1px;
            }
.icono_ab {
            float: left;
            }

.caja_corta img:hover {
            opacity: 0.2;
            }
.caja_corta ul li h3 a:hover {
            color:#DB4537;
            }
.caja_corta_larga{
            margin: 1%;
            padding:  2% 0% 2% 2%;
            float:left;
            border: solid 1px;
            }
.caja_corta_larga img{
            width: 50%;
            margin-right: 2%;
            float: left;
            }
.caja_corta_larga_otras{
            margin: 1%;
            padding: 3%;
            float:left;
            background-color: #ececec;
            width: 98%
            }
.caja_corta_larga_otras img{
            width: 25%;
            margin-right: 2%;
            float: left;
            background-color: #FFFFFA;
            }
.caja_media {
            height: auto;
    float: left;
   /*background-color: #dbd8d5;*/
            }

.boton-top-cont{
    clear: both;
    text-align: center;
    }

.boton-top-cont a:hover {
    color: blue;
    }

.menu_abajo {
            font-size: 1.2rem;
            margin: 3%;
            float:left;
            color: white;
            }

.menu_abajo ul li{
            margin-bottom: 5%;
            margin-left: 2%;
            clear: both;
            }
.menu_abajo ul li:hover{
            color: white;
            border-left: solid 1px;
            padding-left: 10px;
            
            }

h4          {
            font-family: "Open Sans", sans-serif;
            font-size: 1.5rem;
            color: #FFFFFA; 
            
            }
h4 a        {
            color: #DB4537;
            font-weight: normal;
            }

footer {
        padding: 1%;
        background-color: #49505a;
        margin: auto;
}

footer p {
        font-family: 'Rosario', sans-serif;
        margin: auto;
        color: #E6F5F2;
} 

#logo_footer{
width: 30%;
    clear: both;
    margin: auto;
}

div#logo_footer img{
        
        padding: 2%;
        width: 100%;
        }

#baner_header_otras{
        width: 100%;
        }
#novedades ul img {
        margin-right: 5%
        }
#novedades ul li {
        margin-bottom: 10%
        }
#novedades ul li:hover{
        color: orange;
        }
.caja_minima_otras{
        width: 17%;
        float: left;
        margin: 1%;
        height: 40px;
        background-color: orange;
        padding: 3%;
        overflow: hidden;
        }
    
p       {
        margin: 1%;
        color: #024959;
        }