@charset "utf-8";

body{
    background-color: #FFFFFF;
    color: #ff9900;
    margin: 15px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    line-height: 25px;
    padding: 0px;
    margin: 10px;
}


p, form{
    padding: 0px;
    margin: 0px;
}

h1{
    font-size: inherit;
    font-weight: 100;
}
h1, h2 {
    padding: 0px;
    margin: 0px;
}

a{
    color: #ff9900;
    text-decoration: underline;
}


#principal{
    width: 100%;
    max-width: 700px;
    margin: auto; /*margen automatico, esto CENTRA A LA DIV*/
    text-align: center;
} 

#principal #banderas{
    margin-bottom: 10px;
}


#principal #cuerpo{
    padding: 40px;
    -webkit-box-shadow: 0px 28px 46px 0px rgba(51,51,51,0.2);
    -moz-box-shadow: 0px 28px 46px 0px rgba(51,51,51,0.2);
    box-shadow: 0px 28px 46px 0px rgba(51,51,51,0.2);
}


#principal #cuerpo .titulo {
    font-weight: 900; 
    font-size: 22px;
}

#principal #cuerpo .subtitulos {
    font-size: 18px;
}

#principal #cuerpo .mostrar{
    display: none;
    font-weight: 900;
}


#principal #cuerpo #icono-telefono,
#principal #cuerpo #icono-email{
    cursor: pointer;
}


#principal #cuerpo #foto{
	margin-bottom: 10px;
}
#principal #cuerpo #foto img{
    width: 100%; 
    max-width: 125px;
    border-radius: 50% 50% 50% 50% !important;
}


#principal #cuerpo .iconos_contacto{
    display: inline-block; 
    margin: 0px 3px 0px 3px; 
    vertical-align:top;
}
#principal #cuerpo .iconos_contacto img{
    vertical-align: top; 
    width: 36px;
}


#principal #cuerpo #boton_saminter{
    width: 50%;
    margin: auto;
}
#principal #cuerpo #boton_saminter a{
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #ff9900;
    
    width: 92%;
    padding: 4%;
    text-align: center;
    
    border-radius: 35px 35px 35px 35px;
    -moz-border-radius: 35px 35px 35px 35px;
    -webkit-border-radius: 35px 35px 35px 35px;
}
#principal #cuerpo #boton_saminter a:hover{
    background-color: #ccc;
}












/************************************/
/*          MEDIA QUERIES           */
/************************************/



@media (max-width: 499px)
{
    body{
        margin: 10px 20px 20px 20px;
    }
    
    #principal #cuerpo #foto img {
        max-width: 110px;
    }
    
    #principal #cuerpo {
        padding: 20px;
    }
    
    #principal #cuerpo .titulo{
        font-size: 19px;
    }
    
    #principal #cuerpo #boton_saminter{
        width: 90%;
        margin: auto;
    }

}